@kimafinance/kima-transaction-widget 1.4.13 → 1.4.14

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.cjs CHANGED
@@ -8007,6 +8007,7 @@ var import_react_redux59 = require("react-redux");
8007
8007
  // src/SkeletonLoader.tsx
8008
8008
  var import_react108 = __toESM(require("react"), 1);
8009
8009
  var SkeletonLoader = ({ theme }) => {
8010
+ const { closeHandler } = useKimaContext();
8010
8011
  return /* @__PURE__ */ import_react108.default.createElement(
8011
8012
  "div",
8012
8013
  {
@@ -8015,7 +8016,16 @@ var SkeletonLoader = ({ theme }) => {
8015
8016
  background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
8016
8017
  }
8017
8018
  },
8018
- /* @__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"))))
8019
+ /* @__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(
8020
+ "button",
8021
+ {
8022
+ className: "cross-icon-button",
8023
+ onClick: () => {
8024
+ closeHandler(0);
8025
+ }
8026
+ },
8027
+ /* @__PURE__ */ import_react108.default.createElement(Cross_default, null)
8028
+ ))), /* @__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"))))
8019
8029
  );
8020
8030
  };
8021
8031
  var SkeletonLoader_default = SkeletonLoader;