@novasamatech/host-papp-ui 0.5.0-0 → 0.5.0-2

package/dist/flow/PairingModal.js

@@ -1,21 +1,34 @@
-import { jsx as e, jsxs as t, Fragment as s } from "react/jsx-runtime";
-import { memo as r } from "react";
+import { jsx as e, jsxs as i, Fragment as r } from "react/jsx-runtime";
+import { memo as l } from "react";
 import { Modal as a } from "../ui/Modal.js";
-import { QrCode as l } from "../ui/QrCode.js";
+import { QrCode as d } from "../ui/QrCode.js";
 import { useSignInFlow as p } from "./SignInStateProvider.js";
-const u = r(() => {
-  const n = p(), i = n.signInStatus.step !== "none";
-  return /* @__PURE__ */ e(a, { isOpen: i, onOpenChange: (o) => {
-    o || n.abort();
-  }, width: 300, children: /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
-    /* @__PURE__ */ e("span", { style: { fontSize: "16px", textAlign: "center" }, children: "Sign in Polkadot app" }),
-    n.signInStatus.step === "pairing" && /* @__PURE__ */ e(l, { value: n.signInStatus.payload, size: 270 }),
-    n.signInStatus.step === "finished" && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t("span", { children: [
-      "Welcome back, ",
-      n.identity?.liteUsername ?? "User",
-      "!"
-    ] }) })
-  ] }) });
+const t = ({ children: n }) => /* @__PURE__ */ e("span", { style: { fontSize: "16px", textAlign: "center", flexShrink: 0, color: "white", fontFamily: "sans-serif" }, children: n }), u = l(() => {
+  const n = p(), o = n.signInStatus.step !== "none" && n.initiatedByUser;
+  return /* @__PURE__ */ e(a, { isOpen: o, onOpenChange: (s) => {
+    s || n.abort();
+  }, width: 300, children: /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 16,
+        paddingInline: 8,
+        paddingBlock: 16,
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ e(t, { children: "Sign in Polkadot app" }),
+        n.signInStatus.step === "pairing" && /* @__PURE__ */ e(d, { value: n.signInStatus.payload, size: 270 }),
+        n.signInStatus.step === "finished" && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { children: [
+          "Welcome back, ",
+          n.identity?.liteUsername ?? "User",
+          "!"
+        ] }) })
+      ]
+    }
+  ) });
 });
 export {
   u as PairingModal

package/dist/flow/SignInStateProvider.d.ts

@@ -4,6 +4,7 @@ type State = {
     identity: Identity | null;
     signInStatus: SignInStatus;
     pending: boolean;
+    initiatedByUser: boolean;
     signIn(): Promise<Identity | null>;
     abort(): void;
 };

package/dist/flow/SignInStateProvider.js

@@ -1,33 +1,35 @@
-import { jsx as f } from "react/jsx-runtime";
-import { createContext as I, useContext as p, useState as s, useSyncExternalStore as d, useEffect as h, useCallback as m } from "react";
-import { usePapp as x } from "./PappProvider.js";
-const o = I({
+import { jsx as I } from "react/jsx-runtime";
+import { createContext as p, useContext as h, useState as s, useSyncExternalStore as m, useEffect as y, useCallback as x } from "react";
+import { usePapp as C } from "./PappProvider.js";
+const a = p({
   identity: null,
   signInStatus: { step: "none" },
   pending: !1,
+  initiatedByUser: !1,
   signIn: () => Promise.resolve(null),
   abort() {
   }
-}), b = () => p(o), y = ({ children: u }) => {
-  const [a, e] = s(!1), [i, r] = s(null), t = x(), l = d(t.auth.onSignInStatusChange, t.auth.getSignInStatus);
-  h(() => {
-    let n = !0;
-    return e(!0), t.auth.getCurrentUser().then((S) => {
-      n && (r(S), e(!1));
+}), U = () => h(a), B = ({ children: i }) => {
+  const [o, n] = s(!1), [u, l] = s(!1), [g, r] = s(null), t = C(), c = m(t.auth.onSignInStatusChange, t.auth.getSignInStatus);
+  y(() => {
+    let e = !0;
+    return n(!0), t.auth.getCurrentUser().then((d) => {
+      e && (r(d), n(!1));
     }), () => {
-      n = !1;
+      e = !1;
     };
   }, [t]);
-  const g = m(() => (e(!0), t.auth.signIn().then((n) => (r(n), n)).finally(() => e(!1))), [t]), c = {
-    pending: a,
-    signInStatus: l,
-    identity: i,
-    signIn: g,
+  const f = x(() => (n(!0), l(!0), t.auth.signIn().then((e) => (r(e), e)).finally(() => n(!1))), [t]), S = {
+    pending: o,
+    signInStatus: c,
+    initiatedByUser: u,
+    identity: g,
+    signIn: f,
     abort: t.auth.abortSignIn
   };
-  return /* @__PURE__ */ f(o.Provider, { value: c, children: u });
+  return /* @__PURE__ */ I(a.Provider, { value: S, children: i });
 };
 export {
-  y as SignInStateProvider,
-  b as useSignInFlow
+  B as SignInStateProvider,
+  U as useSignInFlow
 };

package/dist/ui/Button.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    onClick?: () => void;
+}>;
+export declare const Button: ({ children, onClick }: Props) => import("react").JSX.Element;
+export {};

package/dist/ui/QrCode.js

@@ -9,7 +9,7 @@ const C = Q, M = S(({ value: g, size: A }) => {
     shape: "square",
     width: A,
     height: A,
-    margin: 8,
+    margin: 0,
     image: `data:image/png;base64,${J}`,
     imageOptions: {
       hideBackgroundDots: !0,
@@ -17,7 +17,7 @@ const C = Q, M = S(({ value: g, size: A }) => {
       margin: 4
     },
     dotsOptions: {
-      type: "extra-rounded",
+      type: "square",
       color: "#ffffff"
     },
     backgroundOptions: {
@@ -32,7 +32,7 @@ const C = Q, M = S(({ value: g, size: A }) => {
       color: "#ffffff"
     },
     qrOptions: {
-      errorCorrectionLevel: "L"
+      errorCorrectionLevel: "H"
     }
   }), [A]);
   return E(() => (e && o.append(e), () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@novasamatech/host-papp-ui",
   "type": "module",
-  "version": "0.5.0-0",
+  "version": "0.5.0-2",
   "description": "Polkadot app UI Flow",
   "license": "Apache-2.0",
   "repository": {