@konemono/nostr-login-components 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button-base2.js.map +1 -1
- package/dist/components/css.js +1 -1
- package/dist/components/nl-auth2.js +7 -4
- package/dist/components/nl-auth2.js.map +1 -1
- package/dist/components/nl-banner2.js +18 -18
- package/dist/components/nl-banner2.js.map +1 -1
- package/dist/components/nl-change-account2.js +6 -6
- package/dist/components/nl-change-account2.js.map +1 -1
- package/dist/components/nl-confirm-logout2.js +6 -6
- package/dist/components/nl-confirm-logout2.js.map +1 -1
- package/dist/components/nl-connect2.js.map +1 -1
- package/dist/components/nl-iframe2.js.map +1 -1
- package/dist/components/nl-import-flow2.js.map +1 -1
- package/dist/components/nl-info-extension2.js.map +1 -1
- package/dist/components/nl-info2.js.map +1 -1
- package/dist/components/nl-loading2.js +5 -5
- package/dist/components/nl-loading2.js.map +1 -1
- package/dist/components/nl-local-signup2.js +2 -2
- package/dist/components/nl-local-signup2.js.map +1 -1
- package/dist/components/nl-nip46-relay-settings2.js +2 -2
- package/dist/components/nl-nip46-relay-settings2.js.map +1 -1
- package/dist/components/nl-otp-migrate2.js.map +1 -1
- package/dist/components/nl-previously-logged2.js.map +1 -1
- package/dist/components/nl-select2.js.map +1 -1
- package/dist/components/nl-signin-bunker-url2.js +1 -1
- package/dist/components/nl-signin-bunker-url2.js.map +1 -1
- package/dist/components/nl-signin-connection-string2.js +1 -1
- package/dist/components/nl-signin-connection-string2.js.map +1 -1
- package/dist/components/nl-signin-nsec2.js +1 -1
- package/dist/components/nl-signin-nsec2.js.map +1 -1
- package/dist/components/nl-signin-otp2.js +1 -1
- package/dist/components/nl-signin-otp2.js.map +1 -1
- package/dist/components/nl-signin-read-only2.js +1 -1
- package/dist/components/nl-signin-read-only2.js.map +1 -1
- package/dist/components/nl-signin2.js +1 -1
- package/dist/components/nl-signin2.js.map +1 -1
- package/dist/components/nl-signup2.js +2 -2
- package/dist/components/nl-signup2.js.map +1 -1
- package/dist/components/nl-welcome-signin2.js.map +1 -1
- package/dist/components/nl-welcome-signup2.js.map +1 -1
- package/dist/components/nl-welcome2.js.map +1 -1
- package/dist/types/components/nl-auth/nl-auth.d.ts +1 -0
- package/dist/types/components/nl-banner/nl-banner.d.ts +8 -8
- package/dist/types/components/nl-change-account/nl-change-account.d.ts +2 -2
- package/dist/types/components/nl-confirm-logout/nl-confirm-logout.d.ts +2 -2
- package/dist/types/components/nl-loading/nl-loading.d.ts +2 -2
- package/dist/types/components/nl-local-signup/nl-local-signup.d.ts +1 -1
- package/dist/types/components/nl-signup/nl-signup.d.ts +1 -1
- package/dist/types/components.d.ts +32 -32
- package/package.json +1 -1
|
@@ -23,7 +23,7 @@ const NlSigninNsec = /*@__PURE__*/ proxyCustomElement(class NlSigninNsec extends
|
|
|
23
23
|
this.nlLoginNsec.emit(state.nlSigninNsec.nsecValue);
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
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: '
|
|
26
|
+
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: 'be02686580352444865cc73513679715f8338e4b', 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...", "aria-label": "Secret key (nsec)", value: state.nlSigninNsec.nsecValue }), h("div", { key: 'd70a644111a3f7bf88f950232a51b39f97ff228b', 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: 'b0dddf0dc40f95fbf41183213d8c4e3ea9e3f41c', 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: 'ae7523d1fc8140035e2d0bb06430d0c1105489b7', "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: '4ef00ff725e71d711edc705c0abe7335713e4856', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '2f567f21fd259c6fd38a3b61517ee531bc8837f8', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '1b6c03c586c732ac9605a0cc262d6962a27ccd8c', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: '8b0a013e5fd8c8ef307a42cbf06ffe8f67b13e48', 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" }))))));
|
|
27
27
|
}
|
|
28
28
|
static get style() { return NlSigninNsecStyle0; }
|
|
29
29
|
}, [0, "nl-signin-nsec", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-signin-nsec2.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,
|
|
1
|
+
{"file":"nl-signin-nsec2.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,gq3CAAgq3C,CAAC;AACzr3C,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,gBACX,mBAAmB,EAC9B,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 aria-label=\"Secret key (nsec)\"\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}
|
|
@@ -37,7 +37,7 @@ const NlSigninOtp = /*@__PURE__*/ proxyCustomElement(class NlSigninOtp extends H
|
|
|
37
37
|
this.nlLoginOTPUser.emit(state.nlSigninOTP.loginName);
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
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: '
|
|
40
|
+
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: '43f00f2efb523eedb62f566b7a3af6d2c3d420af', 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', "aria-label": state.isOTP ? 'OTP code' : 'Public key or Nostr address', value: state.isOTP ? state.nlSigninOTP.code : state.nlSigninOTP.loginName }), h("div", { key: '08fec996d20445f6c0dad6c1485d5e5f08422415', 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: 'bb4dfadb7f615a42efb36fef5b3263dc0cc95068', 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: '6d9e902699832a99f53b28d7b5e30fe4d59971d5', "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: '10e35fb2ee4c25c494aacddece4b5270482ed889', "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: '9222885b3efc2d5cb1bdc2d0949a4530864fcea8', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: 'f8856e18ad7aca127de90488ab2e4598bbf87a45', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '5ca0e7d814ff7b92cb6e1306c821c876307ac6f0', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: '96bc298d4daf299e60b9e09b870d022e0b1f65b1', 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" }))))));
|
|
41
41
|
}
|
|
42
42
|
static get style() { return NlSigninOtpStyle0; }
|
|
43
43
|
}, [0, "nl-signin-otp", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-signin-otp2.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,
|
|
1
|
+
{"file":"nl-signin-otp2.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,gq3CAAgq3C,CAAC;AACxr3C,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,gBACjE,KAAK,CAAC,KAAK,GAAG,UAAU,GAAG,6BAA6B,EACpE,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 aria-label={state.isOTP ? 'OTP code' : 'Public key or Nostr address'}\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}
|
|
@@ -26,7 +26,7 @@ const NlSigninReadOnly = /*@__PURE__*/ proxyCustomElement(class NlSigninReadOnly
|
|
|
26
26
|
this.nlLoginReadOnly.emit(state.nlSigninReadOnly.loginName);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
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: '
|
|
29
|
+
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: '3613b183f2f6ccc9243635fdee9e71dbc6903fec', 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", "aria-label": "Public key or Nostr address", value: state.nlSigninReadOnly.loginName }), h("div", { key: '541712c6506a6d327ab66087f23656d4a2ce9ae2', 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: '919e3c32175eafcbc344a4bc28ef0aa6408ed49c', 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: 'e20056526d26e2a5f0e8c13077f15638566d6029', "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: 'a14fca446f9d97fa143577d7b911ddfc9e6abaa6', "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: '0d8e816731ce89bb841f0d23a1d64421742cb5f6', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '92285358c2b04cf6eb667f405df5b32cbdc3fee2', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: 'c5347ba9613918ccc15a2d9372894e1811b61306', titleBtn: "Log in", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, state.isLoading && (h("span", { key: 'bca62ea0f34be55505751848746735b5d2c524ca', 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" }))))));
|
|
30
30
|
}
|
|
31
31
|
static get style() { return NlSigninReadOnlyStyle0; }
|
|
32
32
|
}, [0, "nl-signin-read-only", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-signin-read-only2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"file":"nl-signin-read-only2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,gq3CAAgq3C,CAAC;AAC7r3C,+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,gBACtB,6BAA6B,EACxC,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 aria-label=\"Public key or Nostr address\"\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}
|
|
@@ -26,7 +26,7 @@ const NlSignin = /*@__PURE__*/ proxyCustomElement(class NlSignin extends HTMLEle
|
|
|
26
26
|
this.nlLogin.emit(state.nlSignin.loginName);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h(Fragment, { key: 'a498d75f074f6df3cda28a845c783cbd8568747a' }, h("div", { key: '32c20383fd595cd977c5163f14806fd1dcdab210', class: "p-4 overflow-y-auto" }, h("h1", { key: '4a0d7b438e34497072df509f8b7196342f30964c', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: '1a48de557c4544eb38c9c826848171cdcebead9f', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '9c74d29c7f007f2dd3e795cfb3fbc3bccd03549a', class: "max-w-72 mx-auto" }, h("div", { key: '97d4c6367bfa6bf581a3bb4283ee6d8958cbc7c6', class: "relative mb-2" }, h("input", { key: '
|
|
29
|
+
return (h(Fragment, { key: 'a498d75f074f6df3cda28a845c783cbd8568747a' }, h("div", { key: '32c20383fd595cd977c5163f14806fd1dcdab210', class: "p-4 overflow-y-auto" }, h("h1", { key: '4a0d7b438e34497072df509f8b7196342f30964c', class: "nl-title font-bold text-center text-2xl" }, this.titleLogin), h("p", { key: '1a48de557c4544eb38c9c826848171cdcebead9f', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: '9c74d29c7f007f2dd3e795cfb3fbc3bccd03549a', class: "max-w-72 mx-auto" }, h("div", { key: '97d4c6367bfa6bf581a3bb4283ee6d8958cbc7c6', class: "relative mb-2" }, h("input", { key: '57f1063e6d483e4c2eb8147d12511d3c16b426fb', 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@domain.com", "aria-label": "Nostr address", value: state.nlSignin.loginName }), h("div", { key: '742d09ddafdec6a9c5e300bacf5f3b9f6642f6a1', 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: '2a6bd2dde8297a1ee2140c448fac42a5a2d5ed19', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "2", stroke: this.isGood ? '#00cc00' : 'currentColor', class: "flex-shrink-0 w-4 h-4 text-gray-500" }, h("path", { key: 'e18747677836f40b6bc568267f8f610d915b4def', "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: '307127904571bb621e7eb11ccb8439b695e3c01c', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '5bedd8a944976053ac26e41a586d1747cb5cc582', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '0c1a0cb2c04622823978a096656742e00a0e2515', titleBtn: "Connect", disabled: state.isLoading, onClick: e => this.handleLogin(e) }, 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", { 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: "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" })))))));
|
|
30
30
|
}
|
|
31
31
|
static get style() { return NlSigninStyle0; }
|
|
32
32
|
}, [0, "nl-signin", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-signin2.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"file":"nl-signin2.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,gq3CAAgq3C,CAAC;AACrr3C,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,gBAClB,eAAe,EAC1B,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,IAC5J,8BACiB,OAAO,qBACN,OAAO,EACvB,CAAC,EAAC,wJAAwJ,GAC1J,CACE,CACP,CACW,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 aria-label=\"Nostr address\"\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}
|
|
@@ -14,7 +14,7 @@ const NlSignup = /*@__PURE__*/ proxyCustomElement(class NlSignup extends HTMLEle
|
|
|
14
14
|
this.__registerHost();
|
|
15
15
|
this.nlSignup = createEvent(this, "nlSignup", 7);
|
|
16
16
|
this.nlCheckSignup = createEvent(this, "nlCheckSignup", 7);
|
|
17
|
-
this.
|
|
17
|
+
this.nlFetchStatus = createEvent(this, "nlFetchStatus", 7);
|
|
18
18
|
this.titleSignup = 'Create keys with key store';
|
|
19
19
|
this.description = 'Choose some username and a key store service.';
|
|
20
20
|
this.bunkers = 'nsec.app,highlighter.com';
|
|
@@ -45,7 +45,7 @@ const NlSignup = /*@__PURE__*/ proxyCustomElement(class NlSignup extends HTMLEle
|
|
|
45
45
|
state.nlSignup.servers = this.formatServers(this.bunkers);
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h(Fragment, { key: '
|
|
48
|
+
return (h(Fragment, { key: '3a7eecb69faefb3f10aae10b1d821b49bbe95879' }, h("div", { key: '4ce76fbde6e0a5265fbd971f137155e86cc004e9', class: "p-4 overflow-y-auto" }, h("h1", { key: '33df2f8c58e5ff7f8d807faa8ca33e1ac701a896', class: "nl-title font-bold text-center text-2xl" }, this.titleSignup), h("p", { key: 'a0efea4cd34eea5530f813e334ff1caef7316f65', class: "nl-description font-light text-center text-sm pt-2 max-w-96 mx-auto" }, this.description)), h("div", { key: 'd9c90cb582f8244ea8f0d96a21a19c7d298b348d', class: "max-w-72 mx-auto" }, h("div", { key: '928b4ddbbb7daae2b131870466461b11404705d7', class: "relative mb-2" }, h("input", { key: '561d0e75ddf1a4b91588092fddc558031b4dc434', 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", "aria-label": "Display name", value: state.nlSignup.signupName }), h("div", { key: 'e2b6da328ed550c894c2c6f197f4903e4ef5f609', 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: '227b61bea02b15eef908a1688233e19f6a7ef654', 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: '6b5cc4f2cba4188572deb4df1358ef9c61d7aab0', "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: '464cdbdd4e9c24960e235a4daa49309ef2da1604', class: "mb-2" }, h("nl-select", { key: 'f1e23ac1bd35af4dc00364a7a374d1f6a138700c', onSelectDomain: e => this.handleDomainSelect(e), selected: 0, options: state.nlSignup.servers })), h("div", { key: 'adc975f6274ccd9509affa6ddb0efc387ee4cbea', class: "ps-4 pe-4 overflow-y-auto" }, h("p", { key: '9f3a1a44d201dece05ed2faac516b6d24cded9a7', class: "nl-error font-light text-center text-sm max-w-96 mx-auto" }, state.error)), h("button-base", { key: '9865047e11cf95ba78b66d19eec8b0f1176a4765', 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" })))))));
|
|
49
49
|
}
|
|
50
50
|
static get watchers() { return {
|
|
51
51
|
"bunkers": ["watchBunkersHandler"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-signup2.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"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() nlFetchStatus: 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 aria-label=\"Display 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-welcome-signin2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
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\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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-welcome-signup2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"file":"nl-welcome-signup2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,gq3CAAgq3C,CAAC;AAC5r3C,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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"nl-welcome2.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,
|
|
1
|
+
{"file":"nl-welcome2.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,gq3CAAgq3C,CAAC;AACtr3C,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}
|
|
@@ -27,6 +27,7 @@ export declare class NlAuth {
|
|
|
27
27
|
nlChangeDarkMode: EventEmitter<boolean>;
|
|
28
28
|
nlNostrConnectDefaultCancel: EventEmitter<void>;
|
|
29
29
|
prevPath: string;
|
|
30
|
+
handleKeyDown(ev: KeyboardEvent): void;
|
|
30
31
|
watchLoadingHandler(newValue: boolean): void;
|
|
31
32
|
watchLoadingExtensionHandler(newValue: boolean): void;
|
|
32
33
|
watchOTPHandler(newValue: boolean): void;
|
|
@@ -15,14 +15,14 @@ export declare class NlBanner {
|
|
|
15
15
|
mode: BannerNotifyMode;
|
|
16
16
|
url: string;
|
|
17
17
|
isOpenConfirm: boolean;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
nlNotifyConfirmBanner: EventEmitter<string>;
|
|
19
|
+
nlNotifyConfirmBannerIframe: EventEmitter<string>;
|
|
20
|
+
nlLoginBanner: EventEmitter<string>;
|
|
21
|
+
nlLogoutBanner: EventEmitter<string>;
|
|
22
|
+
nlOpenWelcomeModal: EventEmitter<string>;
|
|
23
|
+
nlConfirmLogout: EventEmitter<string>;
|
|
24
|
+
nlImportModal: EventEmitter<string>;
|
|
25
|
+
nlCancelTimeout: EventEmitter<void>;
|
|
26
26
|
watchNotifyHandler(notify: BannerNotify): void;
|
|
27
27
|
handleOpen(): void;
|
|
28
28
|
handleClose(): void;
|
|
@@ -6,8 +6,8 @@ export declare class NLChangeAccount {
|
|
|
6
6
|
accounts: Info[];
|
|
7
7
|
currentAccount: Info;
|
|
8
8
|
element: HTMLElement;
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
nlOpenWelcomeModal: EventEmitter<string>;
|
|
10
|
+
nlSwitchAccount: EventEmitter<Info>;
|
|
11
11
|
buttonRef: HTMLButtonElement;
|
|
12
12
|
ulRef: HTMLUListElement;
|
|
13
13
|
wrapperRef: HTMLDivElement;
|
|
@@ -2,8 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
export declare class NlConfirmLogout {
|
|
3
3
|
titleModal: string;
|
|
4
4
|
description: string;
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
nlLogoutBanner: EventEmitter<string>;
|
|
6
|
+
nlBackUpModal: EventEmitter<string>;
|
|
7
7
|
nlCloseModal: EventEmitter;
|
|
8
8
|
handleLogout(): void;
|
|
9
9
|
handleCancel(): void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export declare class NlLoading {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
nlStopFetch: EventEmitter<boolean>;
|
|
4
|
+
nlContinue: EventEmitter<boolean>;
|
|
5
5
|
path: string;
|
|
6
6
|
handleStop(e: any): void;
|
|
7
7
|
handleContinueClick(e: any): void;
|
|
@@ -7,7 +7,7 @@ export declare class NlLocalSignup {
|
|
|
7
7
|
isAvailable: boolean;
|
|
8
8
|
nlLocalSignup: EventEmitter<string>;
|
|
9
9
|
nlSignupNjump: EventEmitter<void>;
|
|
10
|
-
|
|
10
|
+
nlFetchStatus: EventEmitter<boolean>;
|
|
11
11
|
handleInputChange(event: Event): void;
|
|
12
12
|
handleCreateAccount(e: MouseEvent): void;
|
|
13
13
|
render(): any;
|
|
@@ -6,7 +6,7 @@ export declare class NlSignup {
|
|
|
6
6
|
isAvailable: boolean;
|
|
7
7
|
nlSignup: EventEmitter<string>;
|
|
8
8
|
nlCheckSignup: EventEmitter<string>;
|
|
9
|
-
|
|
9
|
+
nlFetchStatus: EventEmitter<boolean>;
|
|
10
10
|
formatServers(bunkers: string): {
|
|
11
11
|
name: string;
|
|
12
12
|
value: string;
|