@konemono/nostr-login-components 1.1.16 → 1.2.1

package/dist/components/nl-signin-nsec.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface NlSigninNsec extends Components.NlSigninNsec, HTMLElement {}
+export const NlSigninNsec: {
+    prototype: NlSigninNsec;
+    new (): NlSigninNsec;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/nl-signin-nsec.js

@@ -0,0 +1,8 @@
+import { N as NlSigninNsec$1, d as defineCustomElement$1 } from './nl-signin-nsec2.js';
+
+const NlSigninNsec = NlSigninNsec$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { NlSigninNsec, defineCustomElement };
+
+//# sourceMappingURL=nl-signin-nsec.js.map

package/dist/components/nl-signin-nsec.js.map

@@ -0,0 +1 @@
+{"file":"nl-signin-nsec.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/nl-signin-nsec2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { s as state } from './index3.js';
+import { d as defineCustomElement$1 } from './button-base2.js';
+
+import { baseCss } from './css.js';
+const nlSigninNsecCss = baseCss;
+
+const NlSigninNsecStyle0 = nlSigninNsecCss;
+
+const NlSigninNsec = /*@__PURE__*/ proxyCustomElement(class NlSigninNsec extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.nlLoginNsec = createEvent(this, "nlLoginNsec", 7);
+        this.titleLogin = 'Login with nsec';
+        this.description = 'Enter your private key (nsec) to log in.';
+    }
+    handleInputChange(event) {
+        state.nlSigninNsec.nsecValue = event.target.value;
+    }
+    handleLogin(e) {
+        e.preventDefault();
+        this.nlLoginNsec.emit(state.nlSigninNsec.nsecValue);
+    }
+    render() {
+        return (h(Fragment, { key: '96b364ced9e063e319692f6796856eb88ece7dc7' }, h("div", { key: '6eb8a90f07aa52abe93af9f1cb1f98df67925c90', class: "p-4 overflow-y-auto" }, h("h1", { key: '395ea33533887d43be9663e671a381614af32ec8', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: '775bfeedda38d2a52d439f85e6fc1c471a14df06', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '335af1f09ccdeac29cb17e9e671edbc06f251de7', class: "max-w-72 mx-auto" }, h("div", { key: 'e7949c50411f44ddc2e666e4a6efd4c1ced0bc51', class: "p-3 mb-3 rounded-lg border border-yellow-400 bg-yellow-50 dark:bg-yellow-900/20 dark:border-yellow-600" }, h("div", { key: '3bbb8da9a9a66ba779af864b18726f367fa39b37', class: "flex items-start gap-2" }, h("svg", { key: 'e78c62977f057b46df3af6e6aa6d34bca86bedf1', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "#ca8a04", class: "flex-shrink-0 w-5 h-5 mt-0.5" }, h("path", { key: '38fa5ad1e1e09b768a1fc17a6354f67ef6182e5f', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" })), h("div", { key: 'e4df5e35b96ac61ce48f151988167d70c44478f4' }, h("p", { key: '04d1b231d1fc9b5773bde43f7d48f7654442a8e3', class: "nl-title text-xs font-semibold", style: { color: '#ca8a04' } }, "Use at your own risk"), h("p", { key: '57d626346430f8f0a09a38b10ba699252da3fe2e', class: "nl-description text-xs mt-1", style: { color: '#a16207' } }, "Entering your private key directly is not recommended. We suggest migrating to a key store service for better security.")))), h("div", { key: 'a00f417138ef4abf1ca2e22800a3d2a11d7fde10', class: "relative mb-2" }, h("input", { key: '17d2f098263f3744de65361e09e18a0c8e1b0868', onInput: e => this.handleInputChange(e), type: "password", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "nsec1...", value: state.nlSigninNsec.nsecValue }), h("div", { key: '7ee9540e35b72d2678c51528f7f0302cbdbc271a', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: '0a85157080fd2363d30f002c181c32b497b6dd60', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '819466744f8729a1ba2c6f14f3e6eb96ef6a09af', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" })))), h("div", { key: '3773ee73ac8f9bc7eb115dbd7120d3b0d3f6d9aa', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '10325d69b4fbc0cdde6dd0fd0a0b940d82636fa7', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: 'f31975f0fd11bef77ebf1282fa4505c2f70dfcba', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: '37f2a1a4e24c508511549515754b452398cd83d6', slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" }))))));
+    }
+    static get style() { return NlSigninNsecStyle0; }
+}, [0, "nl-signin-nsec", {
+        "titleLogin": [1, "title-login"],
+        "description": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nl-signin-nsec", "button-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nl-signin-nsec":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NlSigninNsec);
+            }
+            break;
+        case "button-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NlSigninNsec as N, defineCustomElement as d };
+
+//# sourceMappingURL=nl-signin-nsec2.js.map

package/dist/components/nl-signin-nsec2.js.map

@@ -0,0 +1 @@
+{"file":"nl-signin-nsec2.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,ks3CAAks3C,CAAC;AAC3t3C,2BAAe,eAAe;;MCOjB,YAAY;;;;;0BACF,iBAAiB;2BAChB,0CAA0C;;IAIhE,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,YAAY,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;KACzE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;KACrD;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,wGAAwG,IACjH,4DAAK,KAAK,EAAC,wBAAwB,IACjC,4DAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,8BAA8B,IAC9I,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,kLAAkL,GACpL,CACE,EACN,8DACE,0DAAG,KAAK,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,2BAEjE,EACJ,0DAAG,KAAK,EAAC,6BAA6B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,8HAE9D,CACA,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,GACnC,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,KAAK,EAAC,qCAAqC,IAC1J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACxF,KAAK,CAAC,SAAS,KACd,6DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,CACT,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-nsec/nl-signin-nsec.css?tag=nl-signin-nsec","src/components/nl-signin-nsec/nl-signin-nsec.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin-nsec',\n  styleUrl: 'nl-signin-nsec.css',\n  shadow: false,\n})\nexport class NlSigninNsec {\n  @Prop() titleLogin = 'Login with nsec';\n  @Prop() description = 'Enter your private key (nsec) to log in.';\n\n  @Event() nlLoginNsec: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSigninNsec.nsecValue = (event.target as HTMLInputElement).value;\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n    this.nlLoginNsec.emit(state.nlSigninNsec.nsecValue);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"p-3 mb-3 rounded-lg border border-yellow-400 bg-yellow-50 dark:bg-yellow-900/20 dark:border-yellow-600\">\n            <div class=\"flex items-start gap-2\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ca8a04\" class=\"flex-shrink-0 w-5 h-5 mt-0.5\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z\"\n                />\n              </svg>\n              <div>\n                <p class=\"nl-title text-xs font-semibold\" style={{ color: '#ca8a04' }}>\n                  Use at your own risk\n                </p>\n                <p class=\"nl-description text-xs mt-1\" style={{ color: '#a16207' }}>\n                  Entering your private key directly is not recommended. We suggest migrating to a key store service for better security.\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"password\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"nsec1...\"\n              value={state.nlSigninNsec.nsecValue}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-4 h-4 text-gray-500\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Log in\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading && (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-signin-otp2.js

@@ -37,7 +37,7 @@ const NlSigninOtp = /*@__PURE__*/ proxyCustomElement(class NlSigninOtp extends H
             this.nlLoginOTPUser.emit(state.nlSigninOTP.loginName);
     }
     render() {
-        return (h(Fragment, { key: '3891378114e6bde184f5d042df2150532396e8b3' }, h("div", { key: 'c6226198c2d922bce85e0012820b57389db0a590', class: "p-4 overflow-y-auto" }, h("h1", { key: '5ad4bed9b5fc9d020b4c8b9aa39f253fce685207', class: "nl-title font-bold text-center text-2xl" }, state.isOTP ? this.titleLoginOTP : this.titleLogin), h("p", { key: '06c8183672f07d9c0ad60969417dd8308dcf9f4d', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, state.isOTP ? this.descriptionOTP : this.description)), h("div", { key: '5f9f8a32372bc92b28c4b8e8352785c765bd223e', class: "max-w-72 mx-auto" }, h("div", { key: '40e96dd20fc1f632bfa310b9e48eec5763ded380', class: "relative mb-2" }, h("input", { key: '7179dd888073a355c094e28babc72cfb7afe5d8a', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: state.isOTP ? 'code from direct message' : 'npub or name@domain', value: state.isOTP ? state.nlSigninOTP.code : state.nlSigninOTP.loginName }), h("div", { key: 'e494215bf1305046635a148df7a025b30c7d4733', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: 'f97a3123159c1dddc331f2ac550f23841189d363', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: this.isGood ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '4a8c60736edcb3fcb1bd300c821e953d9cf1cf82', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: '267f621389427a08aa51215f9f70ca11048e4c23', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), h("div", { key: 'c6d4ff89cd345ec1b33c11be8839cd1e04f9e87e', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '509a243f8a5bd2261907140242895787653c351b', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: 'e26f02ca051aa81bb5ea8552cb4227e041263593', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: '9ebd6c0e10365740b0957eb327c52b1c51d7f12a', slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" }))))));
+        return (h(Fragment, { key: '709d350659757afd0ab48e36c71d8c4383bfefe0' }, h("div", { key: 'b0f5f62a5f154bfcc2f7a7af58cfc05614110c34', class: "p-4 overflow-y-auto" }, h("h1", { key: 'b846587dd89240232ae5e80812073b88e8885ebf', class: "nl-title font-bold text-center text-2xl" }, state.isOTP ? this.titleLoginOTP : this.titleLogin), h("p", { key: '41e3ffb50a451af98c5864e53cf9b29b6f9954eb', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, state.isOTP ? this.descriptionOTP : this.description)), h("div", { key: 'ef89992613d828c4522af37be614e03c00ca181f', class: "max-w-72 mx-auto" }, h("div", { key: 'bea6fbf173fdc9a248d96318547a3e4d72df1b21', class: "relative mb-2" }, h("input", { key: '2c5dce83b126cfc0c10c5609da99c124944a3050', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: state.isOTP ? 'code from direct message' : 'npub or name@domain', value: state.isOTP ? state.nlSigninOTP.code : state.nlSigninOTP.loginName }), h("div", { key: 'ca758a6f68f12dbd6913378de1f167cc59df86f2', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: 'c6d6fd56d5ea9b01983578e6a182c71e80156088', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: this.isGood ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '89553d48fa3519fe42ea3ad3f6a8d4de90db9c66', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: '4a4ae482c3095537b30be245c4aabc9d5c65902d', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), h("div", { key: '94ccf98dadf388302f8269a822accac872c1a1bb', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: 'dc167d95b9aa12f1a8034af58d652671d345c07e', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '98b1b8d1b2cc4547be2862db89f684a7278184b2', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: '2edccf4b93a7daf6bb33b0ff373248ee1ff84970', slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" }))))));
     }
     static get style() { return NlSigninOtpStyle0; }
 }, [0, "nl-signin-otp", {

package/dist/components/nl-signin-otp2.js.map

@@ -1 +1 @@
-{"file":"nl-signin-otp2.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,+u0CAA+u0C,CAAC;AACvw0C,0BAAe,cAAc;;MCOhB,WAAW;;;;;;;0BACD,gBAAgB;2BACf,kGAAkG;6BAChG,gBAAgB;8BACf,6EAA6E;sBACpF,KAAK;;IAMvB,iBAAiB,CAAC,KAAY;QAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YAChB,KAAK,CAAC,WAAW,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;YACvE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;SACrD;aAAM;YACL,KAAK,CAAC,WAAW,CAAC,IAAI,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;SACnE;KACF;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,KAAK,CAAC,KAAK;YAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;;YAC7D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;KAC5D;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAM,EAC7G,0DAAG,KAAK,EAAC,qEAAqE,IAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAK,CACrI,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAE,KAAK,CAAC,KAAK,GAAG,0BAA0B,GAAG,qBAAqB,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,GACzE,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,KAAK,EAClB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,0LAA0L,GAC5L,EACF,+EAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,CAC3F,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACxF,KAAK,CAAC,SAAS,KACd,6DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,CACT,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-otp/nl-signin-otp.css?tag=nl-signin-otp","src/components/nl-signin-otp/nl-signin-otp.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin-otp',\n  styleUrl: 'nl-signin-otp.css',\n  shadow: false,\n})\nexport class NlSigninOtp {\n  @Prop() titleLogin = 'Log in with DM';\n  @Prop() description = 'Please enter your user name or npub, and we will send you a direct message with a one-time code.';\n  @Prop() titleLoginOTP = 'Enter the code';\n  @Prop() descriptionOTP = 'Please enter the one-time code we sent to you as a direct message on Nostr.';\n  @State() isGood = false;\n\n  @Event() nlLoginOTPUser: EventEmitter<string>;\n  @Event() nlLoginOTPCode: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    if (!state.isOTP) {\n      state.nlSigninOTP.loginName = (event.target as HTMLInputElement).value;\n      this.nlCheckLogin.emit(state.nlSigninOTP.loginName);\n    } else {\n      state.nlSigninOTP.code = (event.target as HTMLInputElement).value;\n    }\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n    if (state.isOTP) this.nlLoginOTPCode.emit(state.nlSigninOTP.code);\n    else this.nlLoginOTPUser.emit(state.nlSigninOTP.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{state.isOTP ? this.titleLoginOTP : this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{state.isOTP ? this.descriptionOTP : this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder={state.isOTP ? 'code from direct message' : 'npub or name@domain'}\n              value={state.isOTP ? state.nlSigninOTP.code : state.nlSigninOTP.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"1.5\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                />\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Log in\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading && (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-signin-otp2.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,ks3CAAks3C,CAAC;AAC1t3C,0BAAe,cAAc;;MCOhB,WAAW;;;;;;;0BACD,gBAAgB;2BACf,kGAAkG;6BAChG,gBAAgB;8BACf,6EAA6E;sBACpF,KAAK;;IAMvB,iBAAiB,CAAC,KAAY;QAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YAChB,KAAK,CAAC,WAAW,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;YACvE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;SACrD;aAAM;YACL,KAAK,CAAC,WAAW,CAAC,IAAI,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;SACnE;KACF;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,KAAK,CAAC,KAAK;YAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;;YAC7D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;KAC5D;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAM,EAC7G,0DAAG,KAAK,EAAC,qEAAqE,IAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAK,CACrI,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAE,KAAK,CAAC,KAAK,GAAG,0BAA0B,GAAG,qBAAqB,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,GACzE,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,KAAK,EAClB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,0LAA0L,GAC5L,EACF,+EAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,CAC3F,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACxF,KAAK,CAAC,SAAS,KACd,6DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,CACT,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-otp/nl-signin-otp.css?tag=nl-signin-otp","src/components/nl-signin-otp/nl-signin-otp.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin-otp',\n  styleUrl: 'nl-signin-otp.css',\n  shadow: false,\n})\nexport class NlSigninOtp {\n  @Prop() titleLogin = 'Log in with DM';\n  @Prop() description = 'Please enter your user name or npub, and we will send you a direct message with a one-time code.';\n  @Prop() titleLoginOTP = 'Enter the code';\n  @Prop() descriptionOTP = 'Please enter the one-time code we sent to you as a direct message on Nostr.';\n  @State() isGood = false;\n\n  @Event() nlLoginOTPUser: EventEmitter<string>;\n  @Event() nlLoginOTPCode: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    if (!state.isOTP) {\n      state.nlSigninOTP.loginName = (event.target as HTMLInputElement).value;\n      this.nlCheckLogin.emit(state.nlSigninOTP.loginName);\n    } else {\n      state.nlSigninOTP.code = (event.target as HTMLInputElement).value;\n    }\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n    if (state.isOTP) this.nlLoginOTPCode.emit(state.nlSigninOTP.code);\n    else this.nlLoginOTPUser.emit(state.nlSigninOTP.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{state.isOTP ? this.titleLoginOTP : this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{state.isOTP ? this.descriptionOTP : this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder={state.isOTP ? 'code from direct message' : 'npub or name@domain'}\n              value={state.isOTP ? state.nlSigninOTP.code : state.nlSigninOTP.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"1.5\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                />\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Log in\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading && (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-signin-read-only2.js

@@ -26,7 +26,7 @@ const NlSigninReadOnly = /*@__PURE__*/ proxyCustomElement(class NlSigninReadOnly
         this.nlLoginReadOnly.emit(state.nlSigninReadOnly.loginName);
     }
     render() {
-        return (h(Fragment, { key: 'f1efc1fa89510b1129d869c7191ad8ce61d72312' }, h("div", { key: '4e7f63b4b7752f487a83f2abb95b30809e240c3f', class: "p-4 overflow-y-auto" }, h("h1", { key: '3dc8424b548ef37fe29e559a38f307041c75b259', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: '2db2c142aeae9e94c61a60c9c4763c51499ff997', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '457ccdaf83eb33f673d0bd8590daa9ca36a02d29', class: "max-w-72 mx-auto" }, h("div", { key: '3ba1ab1661b85e32cfd02191efda850b60fd7ceb', class: "relative mb-2" }, h("input", { key: '7f589f15aa5d513dcffd0d7f90c161eddf8049fd', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "npub or name@domain", value: state.nlSigninReadOnly.loginName }), h("div", { key: '923c1289e3c45331998f9f185af567e4729fb20d', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: '74045441520b43a360c77510ed1ac907df9da608', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: this.isGood ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '7cf344eda254f365d6613f9bf5d13ae1ec1c1bd1', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: '8cc862fe1a2a87f08821a979df9d70b0a1446dad', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), h("div", { key: '6b15d0adb1d109356dabdd875857dd4141ab43b5', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '6bf33aeb43ea0d9853cec75a83d88f1da05824ee', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '2327436f4ee92611933031c2929716cf003d65ba', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: '0d24ba451ea6d4f522b750e71eeb6d9d8ce95fa1', slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" }))))));
+        return (h(Fragment, { key: 'ab72934e6f777bd62e5065cee268b2dff4209a05' }, h("div", { key: 'c8b77eac4c36dc67d1e550dbef1969aefa0db3b9', class: "p-4 overflow-y-auto" }, h("h1", { key: '711b4d81bc446a4e1925ea6772d8724492410492', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: '1bd45ccdcf760a0428e979bea6cd5d4946efa440', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '1c086de3f2d458c9f3163314e17ee056bd30b89e', class: "max-w-72 mx-auto" }, h("div", { key: '29baadba904448aff56f5b490e4684b4f5669817', class: "relative mb-2" }, h("input", { key: '85a2266a004e7832f3a8bf6586fdab68364441ed', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "npub or name@domain", value: state.nlSigninReadOnly.loginName }), h("div", { key: 'd563c7cdd5c7dd560d7a3c6c5e5b7a36798d2fe3', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: '57bf5e498bb4ce520de1665555618be2a191660a', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: this.isGood ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '354d1a2b42d1590430b13b63fa8b54d365743d17', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: '3fd555ef4b8ef4d6d38fa8d417c0c8745412b70a', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), h("div", { key: '47991d46b02ede704b99e3958e81871cc733a874', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '9bf3a572a89d85d5da61c6665060b5f5b2e8f46c', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: 'bee14c47813853dcdcba90ae29a10cded60e902a', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: 'acf228ea98993476107e394f6a74f27a5b6efa84', slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" }))))));
     }
     static get style() { return NlSigninReadOnlyStyle0; }
 }, [0, "nl-signin-read-only", {

package/dist/components/nl-signin-read-only2.js.map

@@ -1 +1 @@
-{"file":"nl-signin-read-only2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,+u0CAA+u0C,CAAC;AAC5w0C,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;;;0BACN,qBAAqB;2BACpB,uDAAuD;sBAC3D,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,gBAAgB,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC5E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;KAC7D;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,GACvC,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,KAAK,EAClB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,0LAA0L,GAC5L,EACF,+EAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,CAC3F,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACxF,KAAK,CAAC,SAAS,KACd,6DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,CACT,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-read-only/nl-signin-read-only.css?tag=nl-signin-read-only","src/components/nl-signin-read-only/nl-signin-read-only.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin-read-only',\n  styleUrl: 'nl-signin-read-only.css',\n  shadow: false,\n})\nexport class NlSigninReadOnly {\n  @Prop() titleLogin = 'Log in to read only';\n  @Prop() description = 'Please enter the user name or npub of any Nostr user.';\n  @State() isGood = false;\n\n  @Event() nlLoginReadOnly: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSigninReadOnly.loginName = (event.target as HTMLInputElement).value;\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value); // .emit(this.loginName);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n    this.nlLoginReadOnly.emit(state.nlSigninReadOnly.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"npub or name@domain\"\n              value={state.nlSigninReadOnly.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"1.5\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                />\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Log in\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading && (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-signin-read-only2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,ks3CAAks3C,CAAC;AAC/t3C,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;;;0BACN,qBAAqB;2BACpB,uDAAuD;sBAC3D,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,gBAAgB,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC5E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;KAC7D;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,GACvC,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,KAAK,EAClB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,0LAA0L,GAC5L,EACF,+EAAqB,OAAO,qBAAiB,OAAO,EAAC,CAAC,EAAC,qCAAqC,GAAG,CAC3F,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACxF,KAAK,CAAC,SAAS,KACd,6DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,CACT,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin-read-only/nl-signin-read-only.css?tag=nl-signin-read-only","src/components/nl-signin-read-only/nl-signin-read-only.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin-read-only',\n  styleUrl: 'nl-signin-read-only.css',\n  shadow: false,\n})\nexport class NlSigninReadOnly {\n  @Prop() titleLogin = 'Log in to read only';\n  @Prop() description = 'Please enter the user name or npub of any Nostr user.';\n  @State() isGood = false;\n\n  @Event() nlLoginReadOnly: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSigninReadOnly.loginName = (event.target as HTMLInputElement).value;\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value); // .emit(this.loginName);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n    this.nlLoginReadOnly.emit(state.nlSigninReadOnly.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"npub or name@domain\"\n              value={state.nlSigninReadOnly.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"1.5\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                />\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Log in\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading && (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-signin2.js.map

@@ -1 +1 @@
-{"file":"nl-signin2.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,+u0CAA+u0C,CAAC;AACpw0C,uBAAe,WAAW;;MCOb,QAAQ;;;;;;0BACE,sBAAsB;2BACrB,8BAA8B;sBAClC,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;KAC7C;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,GAC/B,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAQ3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yJAAyJ,GAC3J,CACE,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACzF,KAAK,CAAC,SAAS,IACd,YACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,KAER,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC9J,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,wJAAwJ,GAC1J,CACE,CACT,CACe,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin/nl-signin.css?tag=nl-signin","src/components/nl-signin/nl-signin.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin',\n  styleUrl: 'nl-signin.css',\n  shadow: false,\n})\nexport class NlSignin {\n  @Prop() titleLogin = 'Connect to key store';\n  @Prop() description = 'Please enter your user name.';\n  @State() isGood = false;\n\n  @Event() nlLogin: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSignin.loginName = (event.target as HTMLInputElement).value;\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlLogin.emit(state.nlSignin.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"name@domain.com\"\n              value={state.nlSignin.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              {/* <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-4 h-4 text-gray-500\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\"\n              />\n            </svg> */}\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"2\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Connect\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading ? (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            ) : (\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"\n              />\n            </svg>\n        )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-signin2.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,ks3CAAks3C,CAAC;AACvt3C,uBAAe,WAAW;;MCOb,QAAQ;;;;;;0BACE,sBAAsB;2BACrB,8BAA8B;sBAClC,KAAK;;IAKvB,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,WAAW,CAAC,CAAa;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;KAC7C;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,UAAU,CAAM,EAC1E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,GAC/B,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAQ3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,cAAc,EAChD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yJAAyJ,GAC3J,CACE,CACF,CACF,EAEN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IACzF,KAAK,CAAC,SAAS,IACd,YACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,KAER,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC9J,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,wJAAwJ,GAC1J,CACE,CACT,CACe,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signin/nl-signin.css?tag=nl-signin","src/components/nl-signin/nl-signin.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signin',\n  styleUrl: 'nl-signin.css',\n  shadow: false,\n})\nexport class NlSignin {\n  @Prop() titleLogin = 'Connect to key store';\n  @Prop() description = 'Please enter your user name.';\n  @State() isGood = false;\n\n  @Event() nlLogin: EventEmitter<string>;\n  @Event() nlCheckLogin: EventEmitter<string>;\n\n  handleInputChange(event: Event) {\n    state.nlSignin.loginName = (event.target as HTMLInputElement).value;\n    this.nlCheckLogin.emit((event.target as HTMLInputElement).value);\n  }\n\n  handleLogin(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlLogin.emit(state.nlSignin.loginName);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleLogin}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"name@domain.com\"\n              value={state.nlSignin.loginName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              {/* <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-4 h-4 text-gray-500\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\"\n              />\n            </svg> */}\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"2\"\n                stroke={this.isGood ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base titleBtn=\"Connect\" disabled={state.isLoading} onClick={e => this.handleLogin(e)}>\n            {state.isLoading ? (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            ) : (\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"\n              />\n            </svg>\n        )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-signup2.js

@@ -45,7 +45,7 @@ const NlSignup = /*@__PURE__*/ proxyCustomElement(class NlSignup extends HTMLEle
         state.nlSignup.servers = this.formatServers(this.bunkers);
     }
     render() {
-        return (h(Fragment, { key: 'e60a1827eb68766ddfebf4ebc0cdea352047a462' }, h("div", { key: '8faf20574377d3c78a0ea2f90e4861db9fe31162', class: "p-4 overflow-y-auto" }, h("h1", { key: 'ba38b4e4b4666041c2e6d626b3a33ee3cf939011', class: "nl-title font-bold text-center text-2xl" }, this.titleSignup), h("p", { key: '364d074c50902f5fd9fe6ac9f01e881cf569b432', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: 'c1e6dcf44e0a13e50f696c50cc2323f333205b25', class: "max-w-72 mx-auto" }, h("div", { key: '4f071a0823db22b9a68782cdbdbd29faaeef9af2', class: "relative mb-2" }, h("input", { key: '5a7302ed2b3f28f823d6e31b48e7c6f796216b4e', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "Name", value: state.nlSignup.signupName }), h("div", { key: 'dda86ec6b211f3381b88016cbdbab0c4deb2139f', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: '61c23608642acf36a57918bf305acd292cfcf35d', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "2", stroke: this.isAvailable ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: 'b9a92bca4202fb9d0d5ff29655bbaa4074b08aea', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" })))), h("div", { key: '48a98915bfe5d33c8a80dfa6f7c0d43a128b6b36', class: "mb-2" }, h("nl-select", { key: '06a5f40e5504be6e117040e693f7428d1a6b48ad', onSelectDomain: e => this.handleDomainSelect(e), selected: 0, options: state.nlSignup.servers })), h("div", { key: '4e9afcda9cf116739019730fc84597564813ffc1', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '0feab4ccdf0f307badbe93d6520dc86cb8870312', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '681f13351e77de05bce52a0d9f5493b45376f849', disabled: state.isLoading, onClick: e => this.handleCreateAccount(e), titleBtn: "Create profile" }, state.isLoading ? (h("span", { slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" })) : (h("svg", { slot: "icon-start", style: { display: 'none' }, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" })))))));
+        return (h(Fragment, { key: '100d9330a518e02431bd21dce3247225d2e148a6' }, h("div", { key: 'f6ca0cc88094790a2ec0dd7ee8e03073b5aed315', class: "p-4 overflow-y-auto" }, h("h1", { key: '341daf884a33b81946265dd688910e411b87f90a', class: "nl-title font-bold text-center text-2xl" }, this.titleSignup), h("p", { key: '9e8a890c91b026739a71b00a06ba0dd6c52a0a94', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '0d1cae8ceea504f40f49fff35d3a3e2162801c48', class: "max-w-72 mx-auto" }, h("div", { key: '0aa970acebd3392d3c2b91a57bf18982397cbfd2', class: "relative mb-2" }, h("input", { key: '861f95f3dfe8cbedaeabe5e80d310cee8ec6b3ef', onInput: e => this.handleInputChange(e), type: "text", class: "nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent", placeholder: "Name", value: state.nlSignup.signupName }), h("div", { key: '687cd576c83a67e4ad946da7d675153eb1c249cd', class: "absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none" }, h("svg", { key: 'd870596edf59c8d747c08d887af7d3b33060f9f4', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "2", stroke: this.isAvailable ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: '2669def09130b54c40ab3fb9ac044490c6465e32', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" })))), h("div", { key: 'b2dbdd050024352b399a7fb1925dd530680d1b3a', class: "mb-2" }, h("nl-select", { key: 'c6f4c4a5c5854a1980ab67dd43958dc5120ba0aa', onSelectDomain: e => this.handleDomainSelect(e), selected: 0, options: state.nlSignup.servers })), h("div", { key: 'e92991946bcf756880fb607365e8415943af393e', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '8e5d4f08c0996a5b80364ab2abfcbf869a45a066', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '04a486b8a81f3750d048362689365b3a975ef0d1', disabled: state.isLoading, onClick: e => this.handleCreateAccount(e), titleBtn: "Create profile" }, state.isLoading ? (h("span", { slot: "icon-start", class: "animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full", role: "status", "aria-label": "loading" })) : (h("svg", { slot: "icon-start", style: { display: 'none' }, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" })))))));
     }
     static get watchers() { return {
         "bunkers": ["watchBunkersHandler"]

package/dist/components/nl-signup2.js.map

@@ -1 +1 @@
-{"file":"nl-signup2.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,+u0CAA+u0C,CAAC;AACpw0C,uBAAe,WAAW;;MCOb,QAAQ;;;;;;;2BACG,4BAA4B;2BAC5B,+CAA+C;uBAC3C,0BAA0B;2BAE7B,KAAK;;IAM5B,aAAa,CAAC,OAAe;QAC3B,OAAO,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK;YAClC,IAAI,EAAE,GAAG,GAAG,CAAC;YACb,KAAK,EAAE,CAAC;SACT,CAAC,CAAC,CAAC;KACL;IAED,iBAAiB,CAAC,KAAY;QAC5B,KAAK,CAAC,QAAQ,CAAC,UAAU,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACrE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KACjG;IAED,kBAAkB,CAAC,KAA0B;QAC3C,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QACrC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;KACzE;IAED,mBAAmB,CAAC,CAAa;QAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;KAC7E;IAGD,mBAAmB,CAAC,QAAgB;QAClC,KAAK,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KACvD;IAED,iBAAiB;QACf,KAAK,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC3D;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,WAAW,CAAM,EAC3E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,eAAe,IACxB,8DACE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2JAA2J,EACjK,WAAW,EAAC,MAAM,EAClB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,GAChC,EACF,4DAAK,KAAK,EAAC,kIAAkI,IAC3I,4DACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAE,IAAI,CAAC,WAAW,GAAG,SAAS,GAAG,cAAc,EACrD,KAAK,EAAC,qCAAqC,IAE3C,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yJAAyJ,GAC3J,CACE,CACF,CACF,EAIN,4DAAK,KAAK,EAAC,MAAM,IAMf,kEAAW,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,GAAc,CAClH,EAGN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,0DAAG,KAAK,EAAC,0DAA0D,IAAE,KAAK,CAAC,KAAK,CAAK,CACjF,EAEN,oEAAa,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAC,gBAAgB,IACzG,KAAK,CAAC,SAAS,IACd,YACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2IAA2I,EACjJ,IAAI,EAAC,QAAQ,gBACF,SAAS,GACd,KAER,WAAK,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yMAAyM,GAC3M,CACE,CACP,CACW,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-signup/nl-signup.css?tag=nl-signup","src/components/nl-signup/nl-signup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, Fragment, State, Prop, Event, EventEmitter, Watch } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signup',\n  styleUrl: 'nl-signup.css',\n  shadow: false,\n})\nexport class NlSignup {\n  @Prop() titleSignup = 'Create keys with key store';\n  @Prop() description = 'Choose some username and a key store service.';\n  @Prop() bunkers: string = 'nsec.app,highlighter.com';\n\n  @State() isAvailable = false;\n\n  @Event() nlSignup: EventEmitter<string>;\n  @Event() nlCheckSignup: EventEmitter<string>;\n  @Event() fetchHandler: EventEmitter<boolean>;\n\n  formatServers(bunkers: string) {\n    return bunkers.split(',').map(d => ({\n      name: '@' + d,\n      value: d,\n    }));\n  }\n\n  handleInputChange(event: Event) {\n    state.nlSignup.signupName = (event.target as HTMLInputElement).value;\n    this.nlCheckSignup.emit(`${(event.target as HTMLInputElement).value}@${state.nlSignup.domain}`);\n  }\n\n  handleDomainSelect(event: CustomEvent<string>) {\n    state.nlSignup.domain = event.detail;\n    this.nlCheckSignup.emit(`${state.nlSignup.signupName}@${event.detail}`);\n  }\n\n  handleCreateAccount(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlSignup.emit(`${state.nlSignup.signupName}@${state.nlSignup.domain}`);\n  }\n\n  @Watch('bunkers')\n  watchBunkersHandler(newValue: string) {\n    state.nlSignup.servers = this.formatServers(newValue);\n  }\n\n  componentWillLoad() {\n    state.nlSignup.servers = this.formatServers(this.bunkers);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleSignup}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"Name\"\n              value={state.nlSignup.signupName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"2\"\n                stroke={this.isAvailable ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\n                />\n              </svg>\n            </div>\n          </div>\n          {/* {inputStatus && (\n          <p class={classError}>{textError}</p>\n        )} */}\n          <div class=\"mb-2\">\n            {/*<select class=\"nl-select border-transparent py-3 px-4 pe-9 block w-full rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none\">*/}\n            {/*  <option selected value=\"@nsec.app\">*/}\n            {/*    @nsec.app*/}\n            {/*  </option>*/}\n            {/*</select>*/}\n            <nl-select onSelectDomain={e => this.handleDomainSelect(e)} selected={0} options={state.nlSignup.servers}></nl-select>\n          </div>\n          {/* <p class=\"nl-title font-light text-sm mb-2\">Choose a service to manage your Nostr keys.</p> */}\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base disabled={state.isLoading} onClick={e => this.handleCreateAccount(e)} titleBtn=\"Create profile\">\n            {state.isLoading ? (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            ) : (\n              <svg slot=\"icon-start\" style={{ display: 'none' }} xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z\"\n                />\n              </svg>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-signup2.js","mappings":"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","names":[],"sources":["src/components/nl-signup/nl-signup.css?tag=nl-signup","src/components/nl-signup/nl-signup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, Fragment, State, Prop, Event, EventEmitter, Watch } from '@stencil/core';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-signup',\n  styleUrl: 'nl-signup.css',\n  shadow: false,\n})\nexport class NlSignup {\n  @Prop() titleSignup = 'Create keys with key store';\n  @Prop() description = 'Choose some username and a key store service.';\n  @Prop() bunkers: string = 'nsec.app,highlighter.com';\n\n  @State() isAvailable = false;\n\n  @Event() nlSignup: EventEmitter<string>;\n  @Event() nlCheckSignup: EventEmitter<string>;\n  @Event() fetchHandler: EventEmitter<boolean>;\n\n  formatServers(bunkers: string) {\n    return bunkers.split(',').map(d => ({\n      name: '@' + d,\n      value: d,\n    }));\n  }\n\n  handleInputChange(event: Event) {\n    state.nlSignup.signupName = (event.target as HTMLInputElement).value;\n    this.nlCheckSignup.emit(`${(event.target as HTMLInputElement).value}@${state.nlSignup.domain}`);\n  }\n\n  handleDomainSelect(event: CustomEvent<string>) {\n    state.nlSignup.domain = event.detail;\n    this.nlCheckSignup.emit(`${state.nlSignup.signupName}@${event.detail}`);\n  }\n\n  handleCreateAccount(e: MouseEvent) {\n    e.preventDefault();\n\n    this.nlSignup.emit(`${state.nlSignup.signupName}@${state.nlSignup.domain}`);\n  }\n\n  @Watch('bunkers')\n  watchBunkersHandler(newValue: string) {\n    state.nlSignup.servers = this.formatServers(newValue);\n  }\n\n  componentWillLoad() {\n    state.nlSignup.servers = this.formatServers(this.bunkers);\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-2xl\">{this.titleSignup}</h1>\n          <p class=\"nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-72 mx-auto\">\n          <div class=\"relative mb-2\">\n            <input\n              onInput={e => this.handleInputChange(e)}\n              type=\"text\"\n              class=\"nl-input peer py-3 px-4 ps-11 block w-full border-transparent rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none dark:border-transparent\"\n              placeholder=\"Name\"\n              value={state.nlSignup.signupName}\n            />\n            <div class=\"absolute inset-y-0 start-0 flex items-center pointer-events-none ps-4 peer-disabled:opacity-50 peer-disabled:pointer-events-none\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke-width=\"2\"\n                stroke={this.isAvailable ? '#00cc00' : 'currentColor'}\n                class=\"flex-shrink-0 w-4 h-4 text-gray-500\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z\"\n                />\n              </svg>\n            </div>\n          </div>\n          {/* {inputStatus && (\n          <p class={classError}>{textError}</p>\n        )} */}\n          <div class=\"mb-2\">\n            {/*<select class=\"nl-select border-transparent py-3 px-4 pe-9 block w-full rounded-lg text-sm disabled:opacity-50 disabled:pointer-events-none\">*/}\n            {/*  <option selected value=\"@nsec.app\">*/}\n            {/*    @nsec.app*/}\n            {/*  </option>*/}\n            {/*</select>*/}\n            <nl-select onSelectDomain={e => this.handleDomainSelect(e)} selected={0} options={state.nlSignup.servers}></nl-select>\n          </div>\n          {/* <p class=\"nl-title font-light text-sm mb-2\">Choose a service to manage your Nostr keys.</p> */}\n\n          <div class=\"ps-4 pe-4 overflow-y-auto\">\n            <p class=\"nl-error font-light text-center text-sm max-w-96 mx-auto\">{state.error}</p>\n          </div>\n\n          <button-base disabled={state.isLoading} onClick={e => this.handleCreateAccount(e)} titleBtn=\"Create profile\">\n            {state.isLoading ? (\n              <span\n                slot=\"icon-start\"\n                class=\"animate-spin-loading inline-block w-4 h-4 border-[3px] border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full\"\n                role=\"status\"\n                aria-label=\"loading\"\n              ></span>\n            ) : (\n              <svg slot=\"icon-start\" style={{ display: 'none' }} xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z\"\n                />\n              </svg>\n            )}\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-welcome-signin2.js

@@ -30,7 +30,7 @@ const NlWelcomeSignIn = /*@__PURE__*/ proxyCustomElement(class NlWelcomeSignIn e
         return (h("button-base", { onClick: () => this.handleChangeScreen(CURRENT_MODULE.EXTENSION), titleBtn: "With extension" }, h("svg", { style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z" }))));
     }
     render() {
-        return (h(Fragment, { key: 'ff59d552ae262ad4c3f86fcc04a604e74538cedf' }, h("div", { key: 'fe321360cdd83c632dde514f52a5117492962ee3', class: "p-4 overflow-y-auto" }, h("h1", { key: '37cb3bce23bb2a6d1bc5b476741eefe96b9934c1', class: "nl-title font-bold text-center text-3xl" }, this.titleWelcome)), h("div", { key: 'bec4e0494c2ee2ddfda431718fa1defef46aaa6f', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '595d548502cab3d6191e493b3e2f6af8b956ee2b', class: "flex gap-3 flex-col" }, this.allowAuthMethod('connect') && (h("button-base", { key: '3badf876691801540ccf955cbeec68b4418442ef', titleBtn: "Connect", onClick: () => this.handleChangeScreen(CURRENT_MODULE.CONNECT) }, h("svg", { key: 'eb40034a6de9abbc5e963c408c07d3e9a770a0b3', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '3f1c00ea03c3372f96448b3b5a7d314f52991d74', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25" })))), this.allowAuthMethod('readOnly') && (h("button-base", { key: 'ec524ed4ebc0b89eac8ab61633752902a55b40c9', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_READ_ONLY), titleBtn: "Read only" }, h("svg", { key: '609b2d46331962d758707615a7a53116b459d92c', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'a746a72013c12fff14b8a6e58b0136f7d1f6d98c', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: 'fcef1cc877046ffcdb18496d30ad1683c6ab4dd3', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), this.hasOTP && this.allowAuthMethod('otp') && (h("button-base", { key: 'de04f45fd0abe6f8f1fc8669d5c50acef2c4fa30', titleBtn: "One-time code", onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_OTP) }, h("svg", { key: '5fc2ff59c1ae174d3d29120ddba4f0782dff9a70', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '51d7da97cc426eecba0c5fc5e5fb9f35ee38d74b', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })))), this.hasExtension && this.allowAuthMethod('extension') && this.renderSignInWithExtension(), !this.allowAuthMethod('connect') && !this.hasExtension && h("p", { key: '9f36236ea9094373d4b4bce414b2cfe809604ded', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, "No Nostr extension!"), !this.allowAuthMethod('connect') && this.hasExtension && !this.allowAuthMethod('extension') && (h("p", { key: '5c3e44be48bff4d584e5d602f110ae64fe74fbac', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, "Use advanced options."))))));
+        return (h(Fragment, { key: '037b8d2ba99338efd13be6a1ec49accace64218b' }, h("div", { key: 'cedab2e7f1a4b8df177d5b6fd4c609aa45ff5965', class: "p-4 overflow-y-auto" }, h("h1", { key: '0bbae7bd31433baa6f8572cd7fdcd60b64cb3abb', class: "nl-title font-bold text-center text-3xl" }, this.titleWelcome)), h("div", { key: 'd1cd467c79e0034e93522045990f7d1f10e95f42', class: "max-w-52 mx-auto pb-5" }, h("div", { key: 'f89c6551de4b27d04f07051049093c43bd77dd9b', class: "flex gap-3 flex-col" }, this.allowAuthMethod('connect') && (h("button-base", { key: 'a86482667df33e31dff35544364576cd0fbeec0b', titleBtn: "Connect", onClick: () => this.handleChangeScreen(CURRENT_MODULE.CONNECT) }, h("svg", { key: 'b0b8f37580302000950c4a89a0239132b1aca88a', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'feef73e7c96f9f494abc9f3946c2c96446c117fb', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25" })))), this.allowAuthMethod('readOnly') && (h("button-base", { key: '75cb54d6ba1961239c89f2e2e0699a0f7a3b3841', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_READ_ONLY), titleBtn: "Read only" }, h("svg", { key: '4d3741e46c24963e3373d308916e04f1b9cdddad', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '109481732e23a555dabb8bd2aaf072984ac2642c', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }), h("path", { key: '7c571b8540f5d4f89c3f10c05d1f029cb2184e84', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })))), this.hasOTP && this.allowAuthMethod('otp') && (h("button-base", { key: 'b3f78d5917f4efef7551e093d6cb5ef3d906eaa6', titleBtn: "One-time code", onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_OTP) }, h("svg", { key: 'f4dac958561ba1710d262cb07886f9dc15ebeb9e', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'da957eadb59492f7c907b35dd20a4eb5bdabe559', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })))), this.hasExtension && this.allowAuthMethod('extension') && this.renderSignInWithExtension(), h("button-base", { key: 'fa26358ebee467e4926b3a820c38a34b6f2ea1b4', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOGIN_NSEC), titleBtn: "With nsec" }, h("svg", { key: 'b3a248c229e2571c038a88c8d93c802927ec2b43', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'ac007bbc3bf0e6e8654fdcaa57cfbdecf1f67fb9', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" }))), !this.allowAuthMethod('connect') && !this.hasExtension && h("p", { key: 'fa06ff007947dee35315b6311097fc03cc55da78', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, "No Nostr extension!"), !this.allowAuthMethod('connect') && this.hasExtension && !this.allowAuthMethod('extension') && (h("p", { key: '0080e835c7024ed6f867f96399b604651ea74483', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, "Use advanced options."))))));
     }
     static get style() { return NlWelcomeSigninStyle0; }
 }, [0, "nl-welcome-signin", {

package/dist/components/nl-welcome-signin2.js.map

@@ -1 +1 @@
-{"file":"nl-welcome-signin2.js","mappings":"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","names":[],"sources":["src/components/nl-welcome-signin/nl-welcome-signin.css?tag=nl-welcome-signin","src/components/nl-welcome-signin/nl-welcome-signin.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Event, EventEmitter, Fragment, h, Prop } from '@stencil/core';\nimport { AuthMethod, CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome-signin',\n  styleUrl: 'nl-welcome-signin.css',\n  shadow: false,\n})\nexport class NlWelcomeSignIn {\n  @Prop() titleWelcome = 'Log in';\n  @Prop() hasExtension: boolean = false;\n  @Prop() authMethods: AuthMethod[] = [];\n  @Prop() hasOTP: boolean = false;\n  @Event() nlLoginExtension: EventEmitter<void>;\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n    if (screen === CURRENT_MODULE.EXTENSION) this.nlLoginExtension.emit();\n  }\n\n  allowAuthMethod(m: AuthMethod) {\n    return !this.authMethods.length || this.authMethods.includes(m);\n  }\n\n  renderSignInWithExtension() {\n    return (\n        <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.EXTENSION)} titleBtn=\"With extension\">\n          <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z\"\n            />\n          </svg>\n        </button-base>\n    );\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-3xl\">{this.titleWelcome}</h1>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col\">\n            {this.allowAuthMethod('connect') && (\n              <button-base titleBtn=\"Connect\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.CONNECT)}>\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"\n                  />\n                </svg>\n              </button-base>\n            )}\n\n            {this.allowAuthMethod('readOnly') && (\n              <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_READ_ONLY)} titleBtn=\"Read only\">\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                  />\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n                </svg>\n              </button-base>\n            )}\n\n            {this.hasOTP && this.allowAuthMethod('otp') && (\n              <button-base titleBtn=\"One-time code\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_OTP)}>\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" />\n                </svg>\n              </button-base>\n            )}\n\n              {this.hasExtension && this.allowAuthMethod('extension') && this.renderSignInWithExtension()}\n              {!this.allowAuthMethod('connect') && !this.hasExtension && <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">No Nostr extension!</p>}\n              {!this.allowAuthMethod('connect') && this.hasExtension && !this.allowAuthMethod('extension') && (\n                <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">Use advanced options.</p>\n              )}\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-welcome-signin2.js","mappings":"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","names":[],"sources":["src/components/nl-welcome-signin/nl-welcome-signin.css?tag=nl-welcome-signin","src/components/nl-welcome-signin/nl-welcome-signin.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Event, EventEmitter, Fragment, h, Prop } from '@stencil/core';\nimport { AuthMethod, CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome-signin',\n  styleUrl: 'nl-welcome-signin.css',\n  shadow: false,\n})\nexport class NlWelcomeSignIn {\n  @Prop() titleWelcome = 'Log in';\n  @Prop() hasExtension: boolean = false;\n  @Prop() authMethods: AuthMethod[] = [];\n  @Prop() hasOTP: boolean = false;\n  @Event() nlLoginExtension: EventEmitter<void>;\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n    if (screen === CURRENT_MODULE.EXTENSION) this.nlLoginExtension.emit();\n  }\n\n  allowAuthMethod(m: AuthMethod) {\n    return !this.authMethods.length || this.authMethods.includes(m);\n  }\n\n  renderSignInWithExtension() {\n    return (\n      <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.EXTENSION)} titleBtn=\"With extension\">\n        <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z\"\n          />\n        </svg>\n      </button-base>\n    );\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-3xl\">{this.titleWelcome}</h1>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col\">\n            {this.allowAuthMethod('connect') && (\n              <button-base titleBtn=\"Connect\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.CONNECT)}>\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"\n                  />\n                </svg>\n              </button-base>\n            )}\n\n            {this.allowAuthMethod('readOnly') && (\n              <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_READ_ONLY)} titleBtn=\"Read only\">\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\n                  />\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n                </svg>\n              </button-base>\n            )}\n\n            {this.hasOTP && this.allowAuthMethod('otp') && (\n              <button-base titleBtn=\"One-time code\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_OTP)}>\n                <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" />\n                </svg>\n              </button-base>\n            )}\n\n            {this.hasExtension && this.allowAuthMethod('extension') && this.renderSignInWithExtension()}\n\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOGIN_NSEC)} titleBtn=\"With nsec\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n\n            {!this.allowAuthMethod('connect') && !this.hasExtension && <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">No Nostr extension!</p>}\n            {!this.allowAuthMethod('connect') && this.hasExtension && !this.allowAuthMethod('extension') && (\n              <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">Use advanced options.</p>\n            )}\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-welcome-signup2.js

@@ -19,7 +19,7 @@ const NlWelcomeSignUp = /*@__PURE__*/ proxyCustomElement(class NlWelcomeSignUp e
         state.path = [...state.path, screen];
     }
     render() {
-        return (h(Fragment, { key: '36316a06380fa180591e742c73070cd661019244' }, h("div", { key: '309b25d19dcc54fea15e7058e42967ee8135f49b', class: "p-4 overflow-y-auto" }, h("h1", { key: 'd086c7568de7ea0529c22653fdbb71fc68c90240', class: "nl-title font-bold text-center text-3xl" }, this.titleWelcome), h("p", { key: '46d3690b2fda8b5622c111f08f56170f750b310f', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '4407930d0117443d34df85339cbe77da507d5f19', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '754800f627a7a9589899e01125e83a608160d316', class: "flex gap-3 flex-col" }, h("button-base", { key: '1f9f2c5b02bcc038d568bfedd3a35e815c9e284c', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOCAL_SIGNUP), titleBtn: "Create keys" }, h("svg", { key: 'c61324ab9cdf7226df55c176dc6c95565dfc52b6', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '84ddd243bbeed6fa4e00795e356043cda5d49b92', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" }))), h("button-base", { key: '30a9ef1b2edf6b109321fdef1e7dfbdcc2bbeb74', onClick: () => this.handleChangeScreen(CURRENT_MODULE.SIGNUP), titleBtn: "With key store" }, h("svg", { key: 'babb48e610c92bafd72f4ed6ac835744190eb5a7', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '8a729b22aee42bd0b505ec2ea03f08a1758e93bd', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" })))))));
+        return (h(Fragment, { key: '164e5da760f1609d604bbc85867bd3ae788ce924' }, h("div", { key: '03691d670c29b844cae9a771c12c37b1e9540e95', class: "p-4 overflow-y-auto" }, h("h1", { key: '0b60f6cf4c8a9cd9ecf3161c64761c7d7c9fb57e', class: "nl-title font-bold text-center text-3xl" }, this.titleWelcome), h("p", { key: '91a2e92660873d45f2e92d60a0a7adc3114a0d8d', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: 'a14d1a9ac594806be23679b59d9081e2ec1ef92d', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '6c8c856efe85e19a3a432c856ddd658aea7e2bd2', class: "flex gap-3 flex-col" }, h("button-base", { key: '50c470453b16b552a4070c451f57baa4e366eb7d', onClick: () => this.handleChangeScreen(CURRENT_MODULE.LOCAL_SIGNUP), titleBtn: "Create keys" }, h("svg", { key: 'da1d5889dbbc208bafed0d460a65cae6523b2269', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: 'ccae3b5c13c1953fe47f5fe416d35b031cf84c3d', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" }))), h("button-base", { key: '6a557e8d6f926fd0f185c280ae4a372139f8aa5b', onClick: () => this.handleChangeScreen(CURRENT_MODULE.SIGNUP), titleBtn: "With key store" }, h("svg", { key: '08ea855bea4186d1f73a6fde7264585930fe6f91', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '4cc3dc620843a3a970f558b8702ad109411eaf0c', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" })))))));
     }
     static get style() { return NlWelcomeSignupStyle0; }
 }, [0, "nl-welcome-signup", {

package/dist/components/nl-welcome-signup2.js.map

@@ -1 +1 @@
-{"file":"nl-welcome-signup2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,+u0CAA+u0C,CAAC;AAC3w0C,8BAAe,kBAAkB;;MCQpB,eAAe;;;;4BACH,SAAS;2BACV,4GAA4G;;IAElI,kBAAkB,CAAC,MAAM;QACvB,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,YAAY,CAAM,EAC5E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAC,aAAa,IACtG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACM,EAEd,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAC,gBAAgB,IACnG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,uWAAuW,GACzW,CACE,CACM,CACV,CACF,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-welcome-signup/nl-welcome-signup.css?tag=nl-welcome-signup","src/components/nl-welcome-signup/nl-welcome-signup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome-signup',\n  styleUrl: 'nl-welcome-signup.css',\n  shadow: false,\n})\nexport class NlWelcomeSignUp {\n  @Prop() titleWelcome = 'Sign up';\n  @Prop() description = 'Nostr profiles are based on cryptographic keys. You can create keys right here, or with a key storage app.';\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-3xl\">{this.titleWelcome}</h1>\n          <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col\">\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOCAL_SIGNUP)} titleBtn=\"Create keys\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.SIGNUP)} titleBtn=\"With key store\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125\"\n                />\n              </svg>\n            </button-base>\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-welcome-signup2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,ks3CAAks3C,CAAC;AAC9t3C,8BAAe,kBAAkB;;MCQpB,eAAe;;;;4BACH,SAAS;2BACV,4GAA4G;;IAElI,kBAAkB,CAAC,MAAM;QACvB,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,YAAY,CAAM,EAC5E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAC,aAAa,IACtG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACM,EAEd,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAC,gBAAgB,IACnG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,uWAAuW,GACzW,CACE,CACM,CACV,CACF,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-welcome-signup/nl-welcome-signup.css?tag=nl-welcome-signup","src/components/nl-welcome-signup/nl-welcome-signup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome-signup',\n  styleUrl: 'nl-welcome-signup.css',\n  shadow: false,\n})\nexport class NlWelcomeSignUp {\n  @Prop() titleWelcome = 'Sign up';\n  @Prop() description = 'Nostr profiles are based on cryptographic keys. You can create keys right here, or with a key storage app.';\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-3xl\">{this.titleWelcome}</h1>\n          <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col\">\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.LOCAL_SIGNUP)} titleBtn=\"Create keys\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n\n            <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.SIGNUP)} titleBtn=\"With key store\">\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125\"\n                />\n              </svg>\n            </button-base>\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/nl-welcome2.js

@@ -19,7 +19,7 @@ const NlWelcome = /*@__PURE__*/ proxyCustomElement(class NlWelcome extends HTMLE
         state.path = [...state.path, screen];
     }
     render() {
-        return (h(Fragment, { key: '53ee1868c35c6ee82393c8dfd24e7dbcf8ee5887' }, h("div", { key: '8c9309ad8bd8141ee5e8626604f23a7be64a60cb', class: "p-4 overflow-y-auto" }, h("h1", { key: 'b8dc78dd42d8b86118a3d4b9f5089fed8143144f', class: "nl-title font-bold text-center text-4xl" }, this.titleWelcome), h("p", { key: 'f87bc041308de70da074c5fb16f32f113ef70cd1', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '5f4d2d325d7660aeb3b40d8dfa5f12907364cf8e', class: "max-w-52 mx-auto pb-5" }, h("div", { key: '9243675208b1775fe84a4ad569ea1c9e0aa2515f', class: "flex gap-3 flex-col mb-2" }, h("button-base", { key: '1d529243e8fbdc45be3613b48ee8abb70510d317', titleBtn: "Log in", onClick: () => this.handleChangeScreen(CURRENT_MODULE.WELCOME_LOGIN) }, h("svg", { key: '8c2e22713e57d45d73120aa92a27a7e00ef013e7', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '6e94081f2fbaeebbcd8bdd55e71a7b840d254617', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" })))), h("button-base", { key: '31e8b5f1a9aed5d2be1bb47fd5a48e5a8941537d', onClick: () => this.handleChangeScreen(CURRENT_MODULE.WELCOME_SIGNUP), titleBtn: "Sign up" }, h("svg", { key: 'a7af0111445ecfee3a3e8a22f8e9718d09ab80e8', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '5d84b9eee1a4fb8efa78fa784cfb2385aaac2571', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" }))))));
+        return (h(Fragment, { key: '6f0a48d82976e4148caf8ff8c4a000355696de48' }, h("div", { key: 'ceaf09713ee4cdd7fba07db76aa64b3e7aabef52', class: "p-4 overflow-y-auto" }, h("h1", { key: 'dee6b8c58bed8216c8929550231860b7fab9600f', class: "nl-title font-bold text-center text-4xl" }, this.titleWelcome), h("p", { key: 'd63d6c7f040b32886f4a2c165640cbff5bae525f', class: "nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: 'bdfd30799af7e1c0d003cbce2e1c97f0c4d8345e', class: "max-w-52 mx-auto pb-5" }, h("div", { key: 'c1845b8823b5992647eedc8d0de4106adad2905f', class: "flex gap-3 flex-col mb-2" }, h("button-base", { key: '92a35fd59f02a3f1b35757f36a111e6978dccd4e', titleBtn: "Log in", onClick: () => this.handleChangeScreen(CURRENT_MODULE.WELCOME_LOGIN) }, h("svg", { key: '1fbcbe9b48913334b7cb96571d527de2ede1083f', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '0cebc8b3d0747c9598d08b6b81f95e5dd1a325c1', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" })))), h("button-base", { key: '1d94662ed04041cf8246ba75792c88288694769d', onClick: () => this.handleChangeScreen(CURRENT_MODULE.WELCOME_SIGNUP), titleBtn: "Sign up" }, h("svg", { key: '4b610e3752bc18c40f2afb2385d3ec64ee71f656', style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, h("path", { key: '23f217c6d17f81aa55bdc153bc8fb26dcebae9dc', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" }))))));
     }
     static get style() { return NlWelcomeStyle0; }
 }, [0, "nl-welcome", {

package/dist/components/nl-welcome2.js.map

@@ -1 +1 @@
-{"file":"nl-welcome2.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,+u0CAA+u0C,CAAC;AACrw0C,wBAAe,YAAY;;MCQd,SAAS;;;;4BACG,mBAAmB;2BACpB,+FAA+F;;IAErH,kBAAkB,CAAC,MAAM;QACvB,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,YAAY,CAAM,EAC5E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,0BAA0B,IACnC,oEAAa,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,aAAa,CAAC,IACjG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACM,CACV,EAIN,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAC,SAAS,IACpG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yMAAyM,GAC3M,CACE,CACM,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-welcome/nl-welcome.css?tag=nl-welcome","src/components/nl-welcome/nl-welcome.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome',\n  styleUrl: 'nl-welcome.css',\n  shadow: false,\n})\nexport class NlWelcome {\n  @Prop() titleWelcome = 'Welcome to Nostr!';\n  @Prop() description = 'This website is part of the Nostr network. Log in with your Nostr profile or sign up to join.';\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-4xl\">{this.titleWelcome}</h1>\n          <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col mb-2\">\n            <button-base titleBtn=\"Log in\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.WELCOME_LOGIN)}>\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n          </div>\n\n          {/* <div class=\"nl-divider py-3 flex items-center text-xs uppercase before:flex-[1_1_0%] before:border-t before:me-6 after:flex-[1_1_0%] after:border-t  after:ms-6\">Or</div> */}\n\n          <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.WELCOME_SIGNUP)} titleBtn=\"Sign up\">\n            <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z\"\n              />\n            </svg>\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-welcome2.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,ks3CAAks3C,CAAC;AACxt3C,wBAAe,YAAY;;MCQd,SAAS;;;;4BACG,mBAAmB;2BACpB,+FAA+F;;IAErH,kBAAkB,CAAC,MAAM;QACvB,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,QAAQ,uDACP,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,YAAY,CAAM,EAC5E,0DAAG,KAAK,EAAC,qEAAqE,IAAE,IAAI,CAAC,WAAW,CAAK,CACjG,EAEN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,0BAA0B,IACnC,oEAAa,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,aAAa,CAAC,IACjG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,iNAAiN,GACnN,CACE,CACM,CACV,EAIN,oEAAa,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAC,SAAS,IACpG,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,kBAAc,KAAK,EAAC,MAAM,EAAC,cAAc,IAC5J,+EACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,yMAAyM,GAC3M,CACE,CACM,CACV,CACG,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nl-welcome/nl-welcome.css?tag=nl-welcome","src/components/nl-welcome/nl-welcome.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { CURRENT_MODULE } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n  tag: 'nl-welcome',\n  styleUrl: 'nl-welcome.css',\n  shadow: false,\n})\nexport class NlWelcome {\n  @Prop() titleWelcome = 'Welcome to Nostr!';\n  @Prop() description = 'This website is part of the Nostr network. Log in with your Nostr profile or sign up to join.';\n\n  handleChangeScreen(screen) {\n    state.path = [...state.path, screen];\n  }\n\n  render() {\n    return (\n      <Fragment>\n        <div class=\"p-4 overflow-y-auto\">\n          <h1 class=\"nl-title font-bold text-center text-4xl\">{this.titleWelcome}</h1>\n          <p class=\"nl-description font-light text-center text-lg pt-2 max-w-96 mx-auto\">{this.description}</p>\n        </div>\n\n        <div class=\"max-w-52 mx-auto pb-5\">\n          <div class=\"flex gap-3 flex-col mb-2\">\n            <button-base titleBtn=\"Log in\" onClick={() => this.handleChangeScreen(CURRENT_MODULE.WELCOME_LOGIN)}>\n              <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  d=\"M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z\"\n                />\n              </svg>\n            </button-base>\n          </div>\n\n          {/* <div class=\"nl-divider py-3 flex items-center text-xs uppercase before:flex-[1_1_0%] before:border-t before:me-6 after:flex-[1_1_0%] after:border-t  after:ms-6\">Or</div> */}\n\n          <button-base onClick={() => this.handleChangeScreen(CURRENT_MODULE.WELCOME_SIGNUP)} titleBtn=\"Sign up\">\n            <svg style={{ display: 'none' }} slot=\"icon-start\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                d=\"M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z\"\n              />\n            </svg>\n          </button-base>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/types/components/nl-signin-nsec/nl-signin-nsec.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class NlSigninNsec {
+    titleLogin: string;
+    description: string;
+    nlLoginNsec: EventEmitter<string>;
+    handleInputChange(event: Event): void;
+    handleLogin(e: MouseEvent): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -138,6 +138,10 @@ export namespace Components {
         "description": string;
         "titleLogin": string;
     }
+    interface NlSigninNsec {
+        "description": string;
+        "titleLogin": string;
+    }
     interface NlSigninOtp {
         "description": string;
         "descriptionOTP": string;
@@ -232,6 +236,10 @@ export interface NlSigninConnectionStringCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNlSigninConnectionStringElement;
 }
+export interface NlSigninNsecCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNlSigninNsecElement;
+}
 export interface NlSigninOtpCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNlSigninOtpElement;
@@ -577,6 +585,23 @@ declare global {
         prototype: HTMLNlSigninConnectionStringElement;
         new (): HTMLNlSigninConnectionStringElement;
     };
+    interface HTMLNlSigninNsecElementEventMap {
+        "nlLoginNsec": string;
+    }
+    interface HTMLNlSigninNsecElement extends Components.NlSigninNsec, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNlSigninNsecElementEventMap>(type: K, listener: (this: HTMLNlSigninNsecElement, ev: NlSigninNsecCustomEvent<HTMLNlSigninNsecElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNlSigninNsecElementEventMap>(type: K, listener: (this: HTMLNlSigninNsecElement, ev: NlSigninNsecCustomEvent<HTMLNlSigninNsecElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNlSigninNsecElement: {
+        prototype: HTMLNlSigninNsecElement;
+        new (): HTMLNlSigninNsecElement;
+    };
     interface HTMLNlSigninOtpElementEventMap {
         "nlLoginOTPUser": string;
         "nlLoginOTPCode": string;
@@ -685,6 +710,7 @@ declare global {
         "nl-signin": HTMLNlSigninElement;
         "nl-signin-bunker-url": HTMLNlSigninBunkerUrlElement;
         "nl-signin-connection-string": HTMLNlSigninConnectionStringElement;
+        "nl-signin-nsec": HTMLNlSigninNsecElement;
         "nl-signin-otp": HTMLNlSigninOtpElement;
         "nl-signin-read-only": HTMLNlSigninReadOnlyElement;
         "nl-signup": HTMLNlSignupElement;
@@ -858,6 +884,11 @@ declare namespace LocalJSX {
         "onNlNostrConnectDefault"?: (event: NlSigninConnectionStringCustomEvent<void>) => void;
         "titleLogin"?: string;
     }
+    interface NlSigninNsec {
+        "description"?: string;
+        "onNlLoginNsec"?: (event: NlSigninNsecCustomEvent<string>) => void;
+        "titleLogin"?: string;
+    }
     interface NlSigninOtp {
         "description"?: string;
         "descriptionOTP"?: string;
@@ -919,6 +950,7 @@ declare namespace LocalJSX {
         "nl-signin": NlSignin;
         "nl-signin-bunker-url": NlSigninBunkerUrl;
         "nl-signin-connection-string": NlSigninConnectionString;
+        "nl-signin-nsec": NlSigninNsec;
         "nl-signin-otp": NlSigninOtp;
         "nl-signin-read-only": NlSigninReadOnly;
         "nl-signup": NlSignup;
@@ -953,6 +985,7 @@ declare module "@stencil/core" {
             "nl-signin": LocalJSX.NlSignin & JSXBase.HTMLAttributes<HTMLNlSigninElement>;
             "nl-signin-bunker-url": LocalJSX.NlSigninBunkerUrl & JSXBase.HTMLAttributes<HTMLNlSigninBunkerUrlElement>;
             "nl-signin-connection-string": LocalJSX.NlSigninConnectionString & JSXBase.HTMLAttributes<HTMLNlSigninConnectionStringElement>;
+            "nl-signin-nsec": LocalJSX.NlSigninNsec & JSXBase.HTMLAttributes<HTMLNlSigninNsecElement>;
             "nl-signin-otp": LocalJSX.NlSigninOtp & JSXBase.HTMLAttributes<HTMLNlSigninOtpElement>;
             "nl-signin-read-only": LocalJSX.NlSigninReadOnly & JSXBase.HTMLAttributes<HTMLNlSigninReadOnlyElement>;
             "nl-signup": LocalJSX.NlSignup & JSXBase.HTMLAttributes<HTMLNlSignupElement>;