@kimafinance/kima-transaction-widget 1.4.13 → 1.4.15

package/dist/index.cjs

@@ -7293,8 +7293,8 @@ var CCWidget = ({ submitCallback }) => {
   const ccTransactionStatus = (0, import_react_redux55.useSelector)(selectCCTransactionStatus);
   const networkOption = (0, import_react_redux55.useSelector)(selectNetworkOption);
   const sourceCurrency = (0, import_react_redux55.useSelector)(selectSourceCurrency);
+  const sourceChain = (0, import_react_redux55.useSelector)(selectSourceChain);
   const { transactionValues } = (0, import_react_redux55.useSelector)(selectServiceFee);
-  const randomUserIdRef = (0, import_react102.useRef)((0, import_uuid.v4)());
   const ccTransactionIdSeedRef = (0, import_react102.useRef)((0, import_uuid.v4)());
   const ccTransactionSubmittedRef = (0, import_react102.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
@@ -7317,9 +7317,13 @@ var CCWidget = ({ submitCallback }) => {
   );
   const [isLoading, setIsLoading] = (0, import_react102.useState)(true);
   const baseUrl = (0, import_react102.useMemo)(
-    () => `https://widget${networkOption === "testnet" /* testnet */ ? "-sandbox" : ""}.depasify.com`,
+    () => `https://widget2${networkOption === "testnet" /* testnet */ ? "-sandbox" : ""}.depa.wtf`,
     [networkOption]
   );
+  const scenario = (0, import_react102.useMemo)(
+    () => sourceChain.shortName === "CC" ? "direct_card_payment" : "direct_bank_payment",
+    [sourceChain]
+  );
   (0, import_react102.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
@@ -7334,6 +7338,14 @@ var CCWidget = ({ submitCallback }) => {
           submitCallback();
         }
       }
+      if (event.data.type === "isAwaiting" && sourceChain.shortName === "BANK") {
+        logger_default.info("bank widget isCompleted", ccTransactionSubmittedRef.current);
+        dispatch(setCCTransactionStatus("success"));
+        if (!ccTransactionSubmittedRef.current) {
+          ccTransactionSubmittedRef.current = true;
+          submitCallback();
+        }
+      }
       if (event.data.type === "isFailed") {
         dispatch(setCCTransactionStatus("failed"));
       }
@@ -7349,7 +7361,7 @@ var CCWidget = ({ submitCallback }) => {
     {
       width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
       height: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
-      src: `${baseUrl}/widgets/kyc?partner=${partnerId}&user_uuid=${randomUserIdRef.current}&amount=${allowanceAmount}&currency=${sourceCurrency}&trx_uuid=${data?.transactionId}&postmessage=true`,
+      src: `${baseUrl}/widgets/kyc?partner=${partnerId}&amount=${allowanceAmount}&currency=${sourceCurrency}&trx_uuid=${data?.transactionId}&scenario=${scenario}&postmessage=true`,
       loading: "lazy",
       title: "Credit Card Widget",
       allow: "camera; clipboard-write",
@@ -8007,6 +8019,7 @@ var import_react_redux59 = require("react-redux");
 // src/SkeletonLoader.tsx
 var import_react108 = __toESM(require("react"), 1);
 var SkeletonLoader = ({ theme }) => {
+  const { closeHandler } = useKimaContext();
   return /* @__PURE__ */ import_react108.default.createElement(
     "div",
     {
@@ -8015,7 +8028,16 @@ var SkeletonLoader = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react108.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react108.default.createElement("h3", null))), /* @__PURE__ */ import_react108.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react108.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react108.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react108.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react108.default.createElement("strong", null, "Network"))))
+    /* @__PURE__ */ import_react108.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react108.default.createElement("h3", null)), /* @__PURE__ */ import_react108.default.createElement("div", { className: "control-buttons" }, closeHandler && /* @__PURE__ */ import_react108.default.createElement(
+      "button",
+      {
+        className: "cross-icon-button",
+        onClick: () => {
+          closeHandler(0);
+        }
+      },
+      /* @__PURE__ */ import_react108.default.createElement(Cross_default, null)
+    ))), /* @__PURE__ */ import_react108.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react108.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react108.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react108.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react108.default.createElement("strong", null, "Network"))))
   );
 };
 var SkeletonLoader_default = SkeletonLoader;