@orbit-software/sdk 1.40.0 → 1.42.0

package/dist/esm/components/BuyShopItem.d.ts

@@ -0,0 +1 @@
+export declare const BuyShopItems: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/sdk.d.ts

@@ -88,6 +88,11 @@ interface TMANetworkInterstitialResponse {
     id: string;
     reward: boolean;
 }
+interface BalanceResponse {
+    balance: number;
+    balance_gems: number;
+    balance_coins: number;
+}
 export type AdType = "REWARD" | "INTERSTITIAL";
 export interface RequestAdOptions {
     onStart?: () => void;
@@ -100,7 +105,7 @@ export interface CryptoSteamSDK {
     requestAd: (options?: RequestAdOptions) => Promise<true>;
     requestRewardAd: (options?: RequestAdOptions) => Promise<boolean>;
     getProfile: () => Promise<CryptoSteamSDKProfile>;
-    getBalance: () => Promise<number>;
+    getBalance: () => Promise<BalanceResponse>;
     trackGameTimeTick: () => void;
     getVersion: () => string;
     initializeOverlay: (config?: OverlayConfig) => void;

package/dist/esm/sdk.mjs

@@ -1854,7 +1854,7 @@ function promisify(e) {
   };
 }
 promisify.argumentNames = "__ES6-PROMISIFY--CUSTOM-ARGUMENTS__", promisify.Promise = void 0;
-const version = "1.40.0";
+const version = "1.42.0";
 var jsxRuntime = { exports: {} }, reactJsxRuntime_development = {}, hasRequiredReactJsxRuntime_development;
 function requireReactJsxRuntime_development() {
   if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
@@ -12328,7 +12328,7 @@ function useStore$1(e, T = identity) {
 const createImpl = (e) => {
   const T = createStore$1(e), C = (J) => useStore$1(T, J);
   return Object.assign(C, T), C;
-}, create$2 = (e) => createImpl(e), waitForSDK = () => new Promise((e) => {
+}, create$2 = (e) => e ? createImpl(e) : createImpl, waitForSDK = () => new Promise((e) => {
   if (window.CryptoSteamSDK) {
     e();
     return;
@@ -26532,7 +26532,7 @@ const tgs = 1, v$1 = "5.5.2", fr = 60, ip = 0, op = 179, w$1 = 512, h$1 = 512, n
   box_open,
   common
 };
-var define_process_env_default$3 = { NODE_ENV: '"production"', version: '"1.40.0"' };
+var define_process_env_default$3 = { NODE_ENV: '"production"', version: '"1.42.0"' };
 const resources = {
   en: {
     translation: en$1
@@ -27819,7 +27819,7 @@ function createThunkMiddleware(e) {
 }
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;
-var define_process_env_default$2 = { NODE_ENV: '"production"', version: '"1.40.0"' }, __extends = /* @__PURE__ */ function() {
+var define_process_env_default$2 = { NODE_ENV: '"production"', version: '"1.42.0"' }, __extends = /* @__PURE__ */ function() {
   var e = function(T, C) {
     return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(J, V) {
       J.__proto__ = V;
@@ -31132,6 +31132,14 @@ const PrizeCarousel = ({
       )
     }
   );
+}, useBuyShopModalStore = create$2((e) => ({
+  isOpen: !1,
+  open: () => e({ isOpen: !0 }),
+  close: () => e({ isOpen: !1 }),
+  onOpenChange: (T) => e({ isOpen: T })
+})), BuyShopItems = () => {
+  const { isOpen: e, onOpenChange: T } = useBuyShopModalStore(), { profile: C } = useProfileStore();
+  return C ? /* @__PURE__ */ jsxRuntimeExports.jsx(ClosableModal, { isOpen: e, onOpenChange: T, children: /* @__PURE__ */ jsxRuntimeExports.jsx(BuyMenu, { user: C }) }, "buy_menu") : null;
 };
 function createOverlay(e) {
   let T = document.getElementById("overlay-root");
@@ -31174,6 +31182,7 @@ const OverlayManager = ({ options: e }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Inventory, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(BuyShopItems, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(BoxOpeningModal, {})
   ] }) }) }) }) }) });
 };
@@ -31197,7 +31206,7 @@ function delay(e, { signal: T } = {}) {
     T == null || T.addEventListener("abort", K, { once: !0 });
   });
 }
-var define_process_env_default$1 = { NODE_ENV: '"production"', version: '"1.40.0"' }, win;
+var define_process_env_default$1 = { NODE_ENV: '"production"', version: '"1.42.0"' }, win;
 if (typeof window > "u") {
   var loc = {
     hostname: ""
@@ -44369,7 +44378,7 @@ const getGlobalObj = () => {
     return self;
   throw new Error("No global object found");
 };
-var define_process_env_default = { NODE_ENV: '"production"', version: '"1.40.0"' };
+var define_process_env_default = { NODE_ENV: '"production"', version: '"1.42.0"' };
 const CloudStorageGetItem = promisify(WebApp.CloudStorage.getItem), CloudStorageSetItem = promisify(WebApp.CloudStorage.setItem), CloudStorageRemoveItem = promisify(WebApp.CloudStorage.removeItem), BASE_URL = "https://app.portalapp.games/sdk", G_MEASUREMENT_ID = "G-4RMXVE2K75";
 let configCache = null;
 const CACHE_DURATION_MS = 5 * 60 * 1e3;
@@ -44481,7 +44490,9 @@ const CryptoSteamSDK = {
               }, document.head.appendChild(V), console.log("Monetag: script appended to head.");
             });
           } else
-            console.error("Monetag: no script tag found in monetag configuration.");
+            console.error(
+              "Monetag: no script tag found in monetag configuration."
+            );
         } catch (C) {
           console.error("Monetag: failed to initialize.", C);
         }
@@ -44494,15 +44505,21 @@ const CryptoSteamSDK = {
               console.log("Adsgram: script loaded successfully.");
               const K = Date.now(), $ = setInterval(() => {
                 if (window.Adsgram && typeof window.Adsgram.init == "function")
-                  if (clearInterval($), console.log("Adsgram: window.Adsgram found, initializing..."), adsgramAdController = window.Adsgram.init({ blockId: T.adsgram }), adsgramAdController)
+                  if (clearInterval($), console.log("Adsgram: window.Adsgram found, initializing..."), adsgramAdController = window.Adsgram.init({
+                    blockId: T.adsgram
+                  }), adsgramAdController)
                     console.log("Adsgram: initialized successfully."), J();
                   else {
-                    const ee = new Error("Adsgram: init returned null or undefined.");
+                    const ee = new Error(
+                      "Adsgram: init returned null or undefined."
+                    );
                     console.error(ee), V(ee);
                   }
                 else if (Date.now() - K > 5e3) {
                   clearInterval($);
-                  const ee = new Error("Adsgram: window.Adsgram did not appear within 5 seconds.");
+                  const ee = new Error(
+                    "Adsgram: window.Adsgram did not appear within 5 seconds."
+                  );
                   console.error(ee), V(ee);
                 }
               }, 100);
@@ -44594,7 +44611,7 @@ const CryptoSteamSDK = {
     "profile",
     "GET"
   ),
-  getBalance: async () => (await makeRequest("balance", "GET")).balance,
+  getBalance: async () => await makeRequest("balance", "GET"),
   trackGameTimeTick: () => {
     makeRequest("ping", "POST");
   },
@@ -44612,33 +44629,45 @@ const CryptoSteamSDK = {
     "shop/purchases",
     "GET"
   ),
-  buyShopItem: async (e) => await makeRequest(`shop/items/${e}/buy`, "POST"),
-  openPurchaseConfirmModal: async (e, T) => new Promise((C, J) => {
-    const V = document.createElement("div");
-    V.style.position = "fixed", V.style.top = "0", V.style.left = "0", V.style.width = "100%", V.style.height = "100%", V.style.backgroundColor = "transparent", V.style.zIndex = "9999";
-    const K = document.createElement("iframe");
-    if (K.style.position = "fixed", T) {
-      let oe = T.x + (T.width - 210) / 2, ie = T.y - 108 - 20;
-      ie < 8 && (ie = T.y + T.height + 20), oe + 210 > window.innerWidth - 8 && (oe = window.innerWidth - 8 - 210), oe < 8 && (oe = 8), (ie + 108 > window.innerHeight - 8 || ie < 8) && (ie = (window.innerHeight - 108) / 2, oe = (window.innerWidth - 210) / 2), K.style.left = `${oe}px`, K.style.top = `${ie}px`;
-    } else
-      K.style.left = "50%", K.style.top = "50%", K.style.transform = "translate(-50%, -50%)";
-    K.style.boxShadow = "0px 0px 2px 1px rgba(0, 0, 0, 0.22), 0px 32px 64px rgba(0, 0, 0, 0.34)", K.style.borderRadius = "24px", K.style.border = "none", K.style.zIndex = "10000", K.referrerPolicy = "origin", K.style.width = "210px", K.style.height = "108px", K.style.backgroundColor = "white";
-    const $ = new URLSearchParams();
-    $.set("itemId", e.id.toString()), $.set("price", e.price.toString()), $.set("__tg_x_auth", TelegramWebApp.initData);
-    const ee = {
-      confirm: {
-        pay: instance.t("confirmIframe.pay"),
-        cancel: instance.t("confirmIframe.cancel")
+  buyShopItem: async (e) => {
+    const T = await CryptoSteamSDK.getBalance(), J = (await CryptoSteamSDK.getShopItems()).find((V) => V.id === e);
+    if (J || console.warn(`Not found shop item with id ${e}`), J && T.balance_gems >= J.price)
+      return await makeRequest(`shop/items/${e}/buy`, "POST");
+    useBuyShopModalStore.getState().open();
+  },
+  openPurchaseConfirmModal: async (e, T) => {
+    const C = await CryptoSteamSDK.getBalance();
+    return new Promise((J, V) => {
+      if (C.balance_gems < e.price) {
+        useBuyShopModalStore.getState().open(), V(new Error("insufficient funds"));
+        return;
       }
-    };
-    $.set("translations", JSON.stringify(ee)), K.src = `${BASE_URL}/shop/payment_iframe?${$.toString()}`;
-    const te = (re) => {
-      re.data.type === "confirm" ? (window.removeEventListener("message", te), document.body.removeChild(V), document.body.removeChild(K), C({ status: "success" })) : re.data.type === "cancel" ? (window.removeEventListener("message", te), document.body.removeChild(V), document.body.removeChild(K), C({ status: "error" })) : re.data.type === "error" && (window.removeEventListener("message", te), document.body.removeChild(V), document.body.removeChild(K), J(new Error(re.data.message)));
-    };
-    window.addEventListener("message", te), V.onclick = () => {
-      window.removeEventListener("message", te), document.body.removeChild(V), document.body.removeChild(K), C({ status: "error" });
-    }, document.body.appendChild(V), document.body.appendChild(K);
-  }),
+      const K = document.createElement("div");
+      K.style.position = "fixed", K.style.top = "0", K.style.left = "0", K.style.width = "100%", K.style.height = "100%", K.style.backgroundColor = "transparent", K.style.zIndex = "9999";
+      const $ = document.createElement("iframe");
+      if ($.style.position = "fixed", T) {
+        let ie = T.x + (T.width - 210) / 2, le = T.y - 108 - 20;
+        le < 8 && (le = T.y + T.height + 20), ie + 210 > window.innerWidth - 8 && (ie = window.innerWidth - 8 - 210), ie < 8 && (ie = 8), (le + 108 > window.innerHeight - 8 || le < 8) && (le = (window.innerHeight - 108) / 2, ie = (window.innerWidth - 210) / 2), $.style.left = `${ie}px`, $.style.top = `${le}px`;
+      } else
+        $.style.left = "50%", $.style.top = "50%", $.style.transform = "translate(-50%, -50%)";
+      $.style.boxShadow = "0px 0px 2px 1px rgba(0, 0, 0, 0.22), 0px 32px 64px rgba(0, 0, 0, 0.34)", $.style.borderRadius = "24px", $.style.border = "none", $.style.zIndex = "10000", $.referrerPolicy = "origin", $.style.width = "210px", $.style.height = "108px", $.style.backgroundColor = "white";
+      const ee = new URLSearchParams();
+      ee.set("itemId", e.id.toString()), ee.set("price", e.price.toString()), ee.set("__tg_x_auth", TelegramWebApp.initData);
+      const te = {
+        confirm: {
+          pay: instance.t("confirmIframe.pay"),
+          cancel: instance.t("confirmIframe.cancel")
+        }
+      };
+      ee.set("translations", JSON.stringify(te)), $.src = `${BASE_URL}/shop/payment_iframe?${ee.toString()}`;
+      const re = (ne) => {
+        ne.data.type === "confirm" ? (window.removeEventListener("message", re), document.body.removeChild(K), document.body.removeChild($), J({ status: "success" })) : ne.data.type === "cancel" ? (window.removeEventListener("message", re), document.body.removeChild(K), document.body.removeChild($), J({ status: "error" })) : ne.data.type === "error" && (window.removeEventListener("message", re), document.body.removeChild(K), document.body.removeChild($), V(new Error(ne.data.message)));
+      };
+      window.addEventListener("message", re), K.onclick = () => {
+        window.removeEventListener("message", re), document.body.removeChild(K), document.body.removeChild($), J({ status: "error" });
+      }, document.body.appendChild(K), document.body.appendChild($);
+    });
+  },
   createInvoice: async (e, T, C, J) => await makeRequest("invoices", "POST", {
     title: e,
     description: T,
@@ -44719,16 +44748,21 @@ async function showMonetagAdWithTimeout(e) {
     window.addEventListener("message", ee);
     const te = `
 			<script>
+				function safePostMessage(msg) {
+					if (window.parent && typeof window.parent.postMessage === 'function') {
+						window.parent.postMessage(msg, '*');
+					}
+				}
 				try {
 					window.parent['${monetagShowAdFnName}']({ ymid: '${e}' })
 						.then(() => {
-							window.parent.postMessage({ type: 'monetag_ad_success' }, '*');
+							safePostMessage({ type: 'monetag_ad_success' });
 						})
 						.catch((e) => {
-							window.parent.postMessage({ type: 'monetag_ad_error', error: e.toString() }, '*');
+							safePostMessage({ type: 'monetag_ad_error', error: e.toString() });
 						});
 				} catch (e) {
-					window.parent.postMessage({ type: 'monetag_ad_error', error: e.toString() }, '*');
+					safePostMessage({ type: 'monetag_ad_error', error: e.toString() });
 				}
 			<\/script>
 		`;