@paymanai/payman-ask-sdk 1.2.0 → 1.2.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/index.js +8 -71
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -71
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -751,19 +751,7 @@ function OtpInput({ value, onChange, maxLength, disabled = false }) {
|
|
|
751
751
|
onPaste: handlePaste,
|
|
752
752
|
onFocus: (e) => e.target.select(),
|
|
753
753
|
"aria-label": `Digit ${i + 1}`,
|
|
754
|
-
|
|
755
|
-
width: "40px",
|
|
756
|
-
height: "48px",
|
|
757
|
-
textAlign: "center",
|
|
758
|
-
fontSize: "20px",
|
|
759
|
-
fontWeight: 600,
|
|
760
|
-
border: "1px solid hsl(var(--border, 214.3 31.8% 91.4%))",
|
|
761
|
-
borderRadius: "8px",
|
|
762
|
-
outline: "none",
|
|
763
|
-
backgroundColor: disabled ? "hsl(var(--muted, 210 40% 96.1%))" : "transparent",
|
|
764
|
-
color: "hsl(var(--foreground, 222.2 84% 4.9%))",
|
|
765
|
-
opacity: disabled ? 0.5 : 1
|
|
766
|
-
}
|
|
754
|
+
className: `w-10 h-12 text-center text-xl font-semibold border border-border rounded-lg outline-none text-foreground ${disabled ? "bg-muted opacity-50" : "bg-transparent"}`
|
|
767
755
|
},
|
|
768
756
|
i
|
|
769
757
|
)) });
|
|
@@ -952,67 +940,16 @@ function UserActionModal({
|
|
|
952
940
|
ref: dialogRef,
|
|
953
941
|
role: "dialog",
|
|
954
942
|
"aria-modal": "true",
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
borderRadius: "12px",
|
|
958
|
-
padding: "24px",
|
|
959
|
-
width: "100%",
|
|
960
|
-
maxWidth: "420px",
|
|
961
|
-
margin: "0 16px",
|
|
962
|
-
boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
|
|
963
|
-
},
|
|
943
|
+
className: "bg-card rounded-xl p-6 shadow-2xl",
|
|
944
|
+
style: { width: "100%", maxWidth: "420px", margin: "0 16px" },
|
|
964
945
|
tabIndex: -1,
|
|
965
946
|
children: [
|
|
966
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
967
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
968
|
-
|
|
969
|
-
{
|
|
970
|
-
style: {
|
|
971
|
-
display: "inline-flex",
|
|
972
|
-
alignItems: "center",
|
|
973
|
-
justifyContent: "center",
|
|
974
|
-
width: "48px",
|
|
975
|
-
height: "48px",
|
|
976
|
-
borderRadius: "50%",
|
|
977
|
-
backgroundColor: "hsl(var(--muted, 210 40% 96.1%))",
|
|
978
|
-
marginBottom: "12px"
|
|
979
|
-
},
|
|
980
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
981
|
-
lucideReact.ShieldCheck,
|
|
982
|
-
{
|
|
983
|
-
className: "text-primary",
|
|
984
|
-
style: { width: "24px", height: "24px" }
|
|
985
|
-
}
|
|
986
|
-
)
|
|
987
|
-
}
|
|
988
|
-
),
|
|
989
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
990
|
-
"h2",
|
|
991
|
-
{
|
|
992
|
-
style: {
|
|
993
|
-
fontSize: "18px",
|
|
994
|
-
fontWeight: 600,
|
|
995
|
-
color: "hsl(var(--foreground, 222.2 84% 4.9%))",
|
|
996
|
-
margin: 0
|
|
997
|
-
},
|
|
998
|
-
children: MODAL_CONTENT.TITLE
|
|
999
|
-
}
|
|
1000
|
-
)
|
|
947
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-4", children: [
|
|
948
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center w-12 h-12 rounded-full bg-muted mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "w-6 h-6 text-primary" }) }),
|
|
949
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground m-0", children: MODAL_CONTENT.TITLE })
|
|
1001
950
|
] }),
|
|
1002
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1003
|
-
|
|
1004
|
-
{
|
|
1005
|
-
style: {
|
|
1006
|
-
fontSize: "14px",
|
|
1007
|
-
color: "hsl(var(--muted-foreground, 215.4 16.3% 46.9%))",
|
|
1008
|
-
textAlign: "center",
|
|
1009
|
-
margin: "0 0 24px 0",
|
|
1010
|
-
lineHeight: 1.5
|
|
1011
|
-
},
|
|
1012
|
-
children: userActionRequest.message
|
|
1013
|
-
}
|
|
1014
|
-
),
|
|
1015
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "24px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
951
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground text-center mb-6 leading-relaxed", children: userActionRequest.message }),
|
|
952
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1016
953
|
OtpInput,
|
|
1017
954
|
{
|
|
1018
955
|
value: otp,
|