@fungies/fungies-js 0.0.1 → 0.0.2

package/.changeset/wicked-ears-burn.md

@@ -0,0 +1,5 @@
+---
+"@fungies/fungies-js": patch
+---
+
+fix displaying checkout element

package/dist/index.d.mts

@@ -7,7 +7,7 @@ type InitialFungiesOptions = {
     /**
      * Your Fungies API token
      */
-    token: string;
+    token?: string;
     /**
      * Whether to enable HTML data attribute support for checkout buttons
      * When true (default), elements with data-fungies-checkout-id attributes

package/dist/index.d.ts

@@ -7,7 +7,7 @@ type InitialFungiesOptions = {
     /**
      * Your Fungies API token
      */
-    token: string;
+    token?: string;
     /**
      * Whether to enable HTML data attribute support for checkout buttons
      * When true (default), elements with data-fungies-checkout-id attributes

package/dist/index.js

@@ -183,7 +183,7 @@ var renderCheckoutFrame = (checkoutProps, settings, embed) => {
   }
   window.FungiesFrame.src = checkoutUrl;
   if (settings?.frameTarget && embed) {
-    const target = document.querySelector(`[${settings.frameTarget}]`);
+    const target = document.getElementById(settings.frameTarget);
     if (target) {
       target.appendChild(window.FungiesFrame);
     }
@@ -199,6 +199,7 @@ var renderCheckoutFrame = (checkoutProps, settings, embed) => {
 var openCheckout = ({ settings, ...checkoutInputAttributes }) => {
   closeCheckoutIFrame();
   const renderCheckoutWithSettings = () => {
+    log("Checkout.open() called");
     renderCheckoutFrame(checkoutInputAttributes, settings, settings?.mode === CHECKOUT_MODE.EMBED);
   };
   if (document.readyState !== "loading") {
@@ -213,6 +214,7 @@ var closeCheckout = () => {
 
 // src/helpers/dom.ts
 var scanForCheckoutElements = () => {
+  log("Scanning for checkout elements");
   const newFormatElements = document.querySelectorAll("[data-fungies-checkout-url]:not([data-fungies-initialized])");
   for (const element of newFormatElements) {
     const checkoutUrl = element.getAttribute("data-fungies-checkout-url");
@@ -297,6 +299,7 @@ var scanForCheckoutElements = () => {
   }
 };
 var initializeDomSupport = () => {
+  log("Initializing DOM support");
   if (document.readyState !== "loading") {
     scanForCheckoutElements();
   } else {
@@ -332,7 +335,7 @@ var initializeDomSupport = () => {
 // src/helpers/events.ts
 var _messageListener = (message) => {
   const { data } = message;
-  switch (typeof data === "string" ? data.toLowerCase() : "") {
+  switch (typeof data === "string" ? data : "") {
     case CHECKOUT_EVENTS.CHECKOUT_CLOSE:
       closeCheckoutIFrame();
       break;
@@ -383,6 +386,16 @@ var Fungies = createFungies();
 if (typeof window !== "undefined") {
   window.Fungies = Fungies;
 }
+if (typeof document !== "undefined") {
+  const currentScript = document.currentScript;
+  if (currentScript?.hasAttribute("data-auto-init")) {
+    document.addEventListener("DOMContentLoaded", async () => {
+      Fungies.Initialize({
+        enableDataAttributes: true
+      });
+    });
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Fungies

package/dist/index.mjs

@@ -157,7 +157,7 @@ var renderCheckoutFrame = (checkoutProps, settings, embed) => {
   }
   window.FungiesFrame.src = checkoutUrl;
   if (settings?.frameTarget && embed) {
-    const target = document.querySelector(`[${settings.frameTarget}]`);
+    const target = document.getElementById(settings.frameTarget);
     if (target) {
       target.appendChild(window.FungiesFrame);
     }
@@ -173,6 +173,7 @@ var renderCheckoutFrame = (checkoutProps, settings, embed) => {
 var openCheckout = ({ settings, ...checkoutInputAttributes }) => {
   closeCheckoutIFrame();
   const renderCheckoutWithSettings = () => {
+    log("Checkout.open() called");
     renderCheckoutFrame(checkoutInputAttributes, settings, settings?.mode === CHECKOUT_MODE.EMBED);
   };
   if (document.readyState !== "loading") {
@@ -187,6 +188,7 @@ var closeCheckout = () => {
 
 // src/helpers/dom.ts
 var scanForCheckoutElements = () => {
+  log("Scanning for checkout elements");
   const newFormatElements = document.querySelectorAll("[data-fungies-checkout-url]:not([data-fungies-initialized])");
   for (const element of newFormatElements) {
     const checkoutUrl = element.getAttribute("data-fungies-checkout-url");
@@ -271,6 +273,7 @@ var scanForCheckoutElements = () => {
   }
 };
 var initializeDomSupport = () => {
+  log("Initializing DOM support");
   if (document.readyState !== "loading") {
     scanForCheckoutElements();
   } else {
@@ -306,7 +309,7 @@ var initializeDomSupport = () => {
 // src/helpers/events.ts
 var _messageListener = (message) => {
   const { data } = message;
-  switch (typeof data === "string" ? data.toLowerCase() : "") {
+  switch (typeof data === "string" ? data : "") {
     case CHECKOUT_EVENTS.CHECKOUT_CLOSE:
       closeCheckoutIFrame();
       break;
@@ -357,6 +360,16 @@ var Fungies = createFungies();
 if (typeof window !== "undefined") {
   window.Fungies = Fungies;
 }
+if (typeof document !== "undefined") {
+  const currentScript = document.currentScript;
+  if (currentScript?.hasAttribute("data-auto-init")) {
+    document.addEventListener("DOMContentLoaded", async () => {
+      Fungies.Initialize({
+        enableDataAttributes: true
+      });
+    });
+  }
+}
 export {
   Fungies
 };

package/package.json

@@ -1,30 +1,28 @@
 {
-	"name": "@fungies/fungies-js",
-	"version": "0.0.1",
-	"main": "dist/index.js",
-	"module": "dist/index.mjs",
-	"types": "dist/index.d.ts",
-	"scripts": {
-		"build": "tsup src/index.ts --format cjs,esm --dts",
-		"release": "pnpm run build && changeset publish",
-		"prepare": "husky",
-		"format": "biome format --write",
-		"lint": "biome check"
-	},
-	"publishConfig": {
-		"access": "public"
-	},
-	"author": "fungies",
-	"license": "MIT",
-	"description": "",
-	"packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0",
-	"devDependencies": {
-		"@biomejs/biome": "1.9.4",
-		"@changesets/cli": "^2.28.1",
-		"@commitlint/cli": "^19.7.1",
-		"@commitlint/config-conventional": "^19.7.1",
-		"husky": "^9.1.7",
-		"tsup": "^8.4.0",
-		"typescript": "^5.7.3"
-	}
-}
+  "name": "@fungies/fungies-js",
+  "version": "0.0.2",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "fungies",
+  "license": "MIT",
+  "description": "",
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@changesets/cli": "^2.28.1",
+    "@commitlint/cli": "^19.7.1",
+    "@commitlint/config-conventional": "^19.7.1",
+    "husky": "^9.1.7",
+    "tsup": "^8.4.0",
+    "typescript": "^5.7.3"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "release": "pnpm run build && changeset publish",
+    "format": "biome format --write",
+    "lint": "biome check"
+  }
+}