@ton-pay/ui-react 0.2.0 → 0.2.1

package/dist/style-inject.d.mts

@@ -0,0 +1,7 @@
+type StyleInjectOptions = {
+    insertAt?: 'top' | 'bottom';
+    attributes?: Record<string, string>;
+};
+declare function styleInject(css: string, options?: StyleInjectOptions): HTMLStyleElement | undefined;
+
+export { styleInject as default };

package/dist/style-inject.d.ts

@@ -0,0 +1,7 @@
+type StyleInjectOptions = {
+    insertAt?: 'top' | 'bottom';
+    attributes?: Record<string, string>;
+};
+declare function styleInject(css: string, options?: StyleInjectOptions): HTMLStyleElement | undefined;
+
+export { styleInject as default };

package/dist/style-inject.js

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/style-inject.ts
+function styleInject(css, options = {}) {
+  if (!css) return;
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  if (!head) return;
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (options.attributes) {
+    for (const [key, value] of Object.entries(options.attributes)) {
+      style.setAttribute(key, value);
+    }
+  }
+  if ("styleSheet" in style) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+  const insertAt = _nullishCoalesce(options.insertAt, () => ( "bottom"));
+  if (insertAt === "top" && head.firstChild) {
+    head.insertBefore(style, head.firstChild);
+  } else {
+    head.appendChild(style);
+  }
+  return style;
+}
+
+
+exports.default = styleInject;
+//# sourceMappingURL=style-inject.js.map

package/dist/style-inject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/ilya/work/tonpay/ton-pay/packages/ui-react/dist/style-inject.js","../src/style-inject.ts"],"names":[],"mappings":"AAAA;ACKe,SAAR,WAAA,CACL,GAAA,EACA,QAAA,EAA8B,CAAC,CAAA,EAC/B;AACA,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK,MAAA;AACV,EAAA,GAAA,CAAI,OAAO,SAAA,IAAa,WAAA,EAAa,MAAA;AAErC,EAAA,MAAM,KAAA,EAAO,QAAA,CAAS,KAAA,GAAQ,QAAA,CAAS,oBAAA,CAAqB,MAAM,CAAA,CAAE,CAAC,CAAA;AACrE,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,MAAA;AAEX,EAAA,MAAM,MAAA,EAAQ,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA;AAC5C,EAAA,KAAA,CAAM,KAAA,EAAO,UAAA;AAEb,EAAA,GAAA,CAAI,OAAA,CAAQ,UAAA,EAAY;AACtB,IAAA,IAAA,CAAA,MAAW,CAAC,GAAA,EAAK,KAAK,EAAA,GAAK,MAAA,CAAO,OAAA,CAAQ,OAAA,CAAQ,UAAU,CAAA,EAAG;AAC7D,MAAA,KAAA,CAAM,YAAA,CAAa,GAAA,EAAK,KAAK,CAAA;AAAA,IAC/B;AAAA,EACF;AAEA,EAAA,GAAA,CAAI,aAAA,GAAgB,KAAA,EAAO;AACzB,IACE,KAAA,CACA,UAAA,CAAW,QAAA,EAAU,GAAA;AAAA,EACzB,EAAA,KAAO;AACL,IAAA,KAAA,CAAM,WAAA,CAAY,QAAA,CAAS,cAAA,CAAe,GAAG,CAAC,CAAA;AAAA,EAChD;AAEA,EAAA,MAAM,SAAA,mBAAW,OAAA,CAAQ,QAAA,UAAY,UAAA;AACrC,EAAA,GAAA,CAAI,SAAA,IAAa,MAAA,GAAS,IAAA,CAAK,UAAA,EAAY;AACzC,IAAA,IAAA,CAAK,YAAA,CAAa,KAAA,EAAO,IAAA,CAAK,UAAU,CAAA;AAAA,EAC1C,EAAA,KAAO;AACL,IAAA,IAAA,CAAK,WAAA,CAAY,KAAK,CAAA;AAAA,EACxB;AAEA,EAAA,OAAO,KAAA;AACT;ADdA;AACE;AACF,8BAAC","file":"/Users/ilya/work/tonpay/ton-pay/packages/ui-react/dist/style-inject.js","sourcesContent":[null,"type StyleInjectOptions = {\n  insertAt?: 'top' | 'bottom';\n  attributes?: Record<string, string>;\n};\n\nexport default function styleInject(\n  css: string,\n  options: StyleInjectOptions = {},\n) {\n  if (!css) return;\n  if (typeof document === 'undefined') return;\n\n  const head = document.head || document.getElementsByTagName('head')[0];\n  if (!head) return;\n\n  const style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (options.attributes) {\n    for (const [key, value] of Object.entries(options.attributes)) {\n      style.setAttribute(key, value);\n    }\n  }\n\n  if ('styleSheet' in style) {\n    (\n      style as unknown as { styleSheet: { cssText: string } }\n    ).styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n\n  const insertAt = options.insertAt ?? 'bottom';\n  if (insertAt === 'top' && head.firstChild) {\n    head.insertBefore(style, head.firstChild);\n  } else {\n    head.appendChild(style);\n  }\n\n  return style;\n}\n"]}

package/dist/style-inject.mjs

@@ -0,0 +1,30 @@
+// src/style-inject.ts
+function styleInject(css, options = {}) {
+  if (!css) return;
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  if (!head) return;
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (options.attributes) {
+    for (const [key, value] of Object.entries(options.attributes)) {
+      style.setAttribute(key, value);
+    }
+  }
+  if ("styleSheet" in style) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+  const insertAt = options.insertAt ?? "bottom";
+  if (insertAt === "top" && head.firstChild) {
+    head.insertBefore(style, head.firstChild);
+  } else {
+    head.appendChild(style);
+  }
+  return style;
+}
+export {
+  styleInject as default
+};
+//# sourceMappingURL=style-inject.mjs.map

package/dist/style-inject.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/style-inject.ts"],"sourcesContent":["type StyleInjectOptions = {\n  insertAt?: 'top' | 'bottom';\n  attributes?: Record<string, string>;\n};\n\nexport default function styleInject(\n  css: string,\n  options: StyleInjectOptions = {},\n) {\n  if (!css) return;\n  if (typeof document === 'undefined') return;\n\n  const head = document.head || document.getElementsByTagName('head')[0];\n  if (!head) return;\n\n  const style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (options.attributes) {\n    for (const [key, value] of Object.entries(options.attributes)) {\n      style.setAttribute(key, value);\n    }\n  }\n\n  if ('styleSheet' in style) {\n    (\n      style as unknown as { styleSheet: { cssText: string } }\n    ).styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n\n  const insertAt = options.insertAt ?? 'bottom';\n  if (insertAt === 'top' && head.firstChild) {\n    head.insertBefore(style, head.firstChild);\n  } else {\n    head.appendChild(style);\n  }\n\n  return style;\n}\n"],"mappings":";AAKe,SAAR,YACL,KACA,UAA8B,CAAC,GAC/B;AACA,MAAI,CAAC,IAAK;AACV,MAAI,OAAO,aAAa,YAAa;AAErC,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,MAAI,CAAC,KAAM;AAEX,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,QAAQ,YAAY;AACtB,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,UAAU,GAAG;AAC7D,YAAM,aAAa,KAAK,KAAK;AAAA,IAC/B;AAAA,EACF;AAEA,MAAI,gBAAgB,OAAO;AACzB,IACE,MACA,WAAW,UAAU;AAAA,EACzB,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AAEA,QAAM,WAAW,QAAQ,YAAY;AACrC,MAAI,aAAa,SAAS,KAAK,YAAY;AACzC,SAAK,aAAa,OAAO,KAAK,UAAU;AAAA,EAC1C,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ton-pay/ui-react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React components and hooks for TON Pay SDK",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -15,6 +15,13 @@
       "require": "./dist/index.js"
     }
   },
+  "imports": {
+    "#style-inject": {
+      "types": "./dist/style-inject.d.ts",
+      "import": "./dist/style-inject.mjs",
+      "require": "./dist/style-inject.js"
+    }
+  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
@@ -26,7 +33,8 @@
   },
   "tsup": {
     "entry": [
-      "src/index.ts"
+      "src/index.ts",
+      "src/style-inject.ts"
     ],
     "format": [
       "cjs",
@@ -56,7 +64,7 @@
     "@tonconnect/ui-react": "^2.2.0",
     "@ton-pay/api": ">=0.1.0"
   },
-  "devDependencies": {
+"devDependencies": {
     "@tonconnect/sdk": "^3.3.1",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",