@loafmarkets/ui 0.1.320 → 0.1.322
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 +11 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6339,6 +6339,7 @@ var LoginPopup = ({
|
|
|
6339
6339
|
const [fundingAmount] = React5.useState("");
|
|
6340
6340
|
const [kycLoading, setKycLoading] = React5.useState(false);
|
|
6341
6341
|
const [showKycWidget, setShowKycWidget] = React5.useState(false);
|
|
6342
|
+
const [showKycFooter, setShowKycFooter] = React5.useState(false);
|
|
6342
6343
|
const [cryptoFundingLoading, setCryptoFundingLoading] = React5.useState(false);
|
|
6343
6344
|
const [fiatFundingLoading, setFiatFundingLoading] = React5.useState(false);
|
|
6344
6345
|
const [fundingError, setFundingError] = React5.useState("");
|
|
@@ -6349,6 +6350,14 @@ var LoginPopup = ({
|
|
|
6349
6350
|
setView(initialView);
|
|
6350
6351
|
}
|
|
6351
6352
|
}, [initialView]);
|
|
6353
|
+
React5.useEffect(() => {
|
|
6354
|
+
if (!showKycWidget) {
|
|
6355
|
+
setShowKycFooter(false);
|
|
6356
|
+
return;
|
|
6357
|
+
}
|
|
6358
|
+
const timer = setTimeout(() => setShowKycFooter(true), 5e3);
|
|
6359
|
+
return () => clearTimeout(timer);
|
|
6360
|
+
}, [showKycWidget]);
|
|
6352
6361
|
React5.useEffect(() => {
|
|
6353
6362
|
if (!transakWidgetUrl) return;
|
|
6354
6363
|
const handleTransakMessage = (event) => {
|
|
@@ -6809,9 +6818,9 @@ var LoginPopup = ({
|
|
|
6809
6818
|
$expanded: showKycWidget,
|
|
6810
6819
|
children: [
|
|
6811
6820
|
/* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
|
|
6812
|
-
renderKycWidget && /* @__PURE__ */ jsxRuntime.jsxs(KycWidgetContainer, {
|
|
6821
|
+
renderKycWidget && showKycWidget && /* @__PURE__ */ jsxRuntime.jsxs(KycWidgetContainer, { children: [
|
|
6813
6822
|
renderKycWidget(handleKycWidgetResult),
|
|
6814
|
-
/* @__PURE__ */ jsxRuntime.jsxs(KycWidgetFooter, { children: [
|
|
6823
|
+
showKycFooter && /* @__PURE__ */ jsxRuntime.jsxs(KycWidgetFooter, { children: [
|
|
6815
6824
|
/* @__PURE__ */ jsxRuntime.jsxs(KycProgressSaved, { children: [
|
|
6816
6825
|
/* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#0ecb81", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
|
|
6817
6826
|
"Progress saved"
|