paymob-widget-alpha 1.0.5 → 1.0.6

package/main.js

@@ -666,6 +666,10 @@ const ShadowWrapper = ({
           shadow.appendChild(link);
           appendedHrefs.add(href);
         };
+        const preferExplicitStyleUrls = () => {
+          const urls = window.__PAYMOB_WIDGET_STYLE_URLS__;
+          return Array.isArray(urls) && urls.length ? urls : null;
+        };
 
         // If the widget script is loaded from a URL (CDN/dev server),
         // also load sibling CSS assets from the same base so Shadow DOM always
@@ -677,10 +681,15 @@ const ShadowWrapper = ({
           const best = candidates.find(src => src.includes('paymob-widget')) || candidates.find(src => src.includes('paymob_widget')) || candidates[candidates.length - 1];
           return best ? best.replace(/\/[^/]*$/, '') : null;
         };
-        const base = resolveBaseFromScript();
-        if (base) {
-          appendStylesheetLink(`${base}/styles.css`);
-          appendStylesheetLink(`${base}/main.css`);
+        const explicit = preferExplicitStyleUrls();
+        if (explicit) {
+          explicit.forEach(appendStylesheetLink);
+        } else {
+          const base = resolveBaseFromScript();
+          if (base) {
+            appendStylesheetLink(`${base}/styles.css`);
+            appendStylesheetLink(`${base}/main.css`);
+          }
         }
         environment.PIXEL_CSS_LINKS.forEach(href => {
           if (href.match(/\.(woff2?|ttf|otf|eot)$/)) {
@@ -8437,9 +8446,23 @@ class paymob_widget_PaymobWidget {
     console.log("Submitting for:", instance._options.elementId);
   }
 }
+
+// Expose stable CSS URLs for Shadow DOM style injection.
+// We must resolve at runtime (not via `new URL(..., import.meta.url)`), otherwise
+// webpack will try to resolve `./styles.css` at build time (it doesn't exist in src/).
 _PaymobWidget = paymob_widget_PaymobWidget;
 paymob_widget_PaymobWidget._instances = {};
 paymob_widget_PaymobWidget._lastInstanceId = null;
+(_window$__PAYMOB_WIDG => {
+  if (typeof window === 'undefined' || typeof document === 'undefined') return;
+  if ((_window$__PAYMOB_WIDG = window.__PAYMOB_WIDGET_STYLE_URLS__) != null && _window$__PAYMOB_WIDG.length) return;
+  const scripts = Array.from(document.querySelectorAll('script[src]'));
+  const candidates = scripts.map(s => String(s.src || '')).filter(Boolean).filter(src => /\/main\.js(\?.*)?$/.test(src));
+  const best = candidates.find(src => src.includes('paymob-widget')) || candidates.find(src => src.includes('paymob_widget')) || candidates[candidates.length - 1];
+  if (!best) return;
+  const base = best.replace(/\/[^/]*$/, '');
+  window.__PAYMOB_WIDGET_STYLE_URLS__ = [`${base}/styles.css`, `${base}/main.css`];
+})();
 window.PaymobWidget = paymob_widget_PaymobWidget;
 /* harmony default export */ const paymob_widget = ((/* unused pure expression or super */ null && (paymob_widget_PaymobWidget)));
 ;// ./src/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paymob-widget-alpha",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "keywords": ["paymob","widget","paymob-widget"],
   "main": "./main.js",
   "license": "MIT",