@fungies/fungies-js 0.0.1

package/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/README.md

@@ -0,0 +1,178 @@
+# Fungies JavaScript SDK
+
+The Fungies JavaScript SDK provides easy integration for Fungies checkout in your web applications.
+
+## Installation
+
+```bash
+npm install @fungies/fungies-js
+```
+
+```bash
+yarn add @fungies/fungies-js
+```
+
+```bash
+pnpm add @fungies/fungies-js
+```
+
+## Usage
+
+### JavaScript Initialization
+
+```javascript
+import { Fungies } from "@fungies/fungies-js";
+
+// Initialize Fungies
+Fungies.Initialize({
+  // Optional: Disable data attribute support
+  // enableDataAttributes: false
+});
+
+// Open a checkout programmatically
+Fungies.Checkout.open({
+  checkoutUrl: "https://store.example.com/checkout-element/my-checkout-id",
+  settings: {
+    mode: "overlay", // 'overlay' | 'embed'
+    frameTarget: "target-element-id", // Optional, for embed mode
+  },
+});
+
+// Close the checkout
+Fungies.Checkout.close();
+```
+
+### HTML Data Attribute Support
+
+You can also use HTML data attributes to create checkout buttons without writing JavaScript:
+
+```html
+<!-- Basic checkout button -->
+<button data-fungies-checkout-url="https://store.example.com/checkout-element/my-checkout-id" data-fungies-mode="overlay">
+  Open Checkout
+</button>
+
+<!-- Embed checkout with target element -->
+<button
+  data-fungies-checkout-url="https://store.example.com/checkout-element/my-checkout-id"
+  data-fungies-mode="embed"
+  data-fungies-frame-target="target-element-id"
+>
+  Open Embed Checkout
+</button>
+
+<!-- Target container for embed checkout -->
+<div id="target-element-id"></div>
+```
+
+### Manual DOM Scanning
+
+If you dynamically add checkout elements after page load, you can manually trigger a DOM scan:
+
+```javascript
+// Scan the page for new checkout elements
+Fungies.ScanDOM();
+```
+
+## Data Attributes Reference
+
+- `data-fungies-checkout-url`: (Required for new format) The checkout URL
+- `data-fungies-mode`: (Optional) The checkout mode ('overlay' or 'embed')
+- `data-fungies-frame-target`: (Optional) Target element ID for embed checkouts
+- `data-fungies-discount-code`: (Optional) Discount code to be applied
+- `data-fungies-customer-email`: (Optional) Customer email to pre-fill
+- `data-fungies-quantity`: (Optional) Default quantity for the checkout
+- `data-fungies-items`: (Optional) JSON string of items to be purchased
+- `data-fungies-custom-fields`: (Optional) JSON string of custom fields
+- `data-fungies-button`: (Legacy format) Contains a checkout URL like "https://STORE_URL/checkout-element/:checkoutID" or "https://STORE_URL/overlay/:checkoutID"
+
+
+## TypeScript Support
+
+This package includes TypeScript definitions. You can take advantage of type checking and IntelliSense in supported editors:
+
+```typescript
+import { Fungies } from "@fungies/fungies-js";
+import type { InitialCheckoutOpenOptions } from "@fungies/fungies-js";
+
+// TypeScript will validate all parameters
+const openOptions: InitialCheckoutOpenOptions = {
+  checkoutUrl: "https://store.example.com/checkout-element/my-checkout-id",
+  settings: {
+    mode: "overlay",
+    // frameTarget is optional and only used with embed mode
+    frameTarget: "container-id",
+  },
+};
+
+Fungies.Checkout.open(openOptions);
+```
+
+## Development
+
+### Building the Package Locally
+
+```bash
+# Clone the repository
+git clone <repository-url>
+cd fungies-js
+
+# Install dependencies
+pnpm install
+
+# Build the package
+pnpm run build
+```
+
+### Testing with pnpm link
+
+You can use pnpm link to create a symbolic link to your local package:
+
+```bash
+pnpm setup # only if you haven't already
+
+# In the fungies-js directory
+pnpm link --global
+
+# In your test project directory
+pnpm link fungies-js
+```
+
+### Alternative: Direct Path Reference
+
+Alternatively, you can reference the package directly in your test project's package.json:
+
+```json
+{
+  "dependencies": {
+    "@fungies/fungies-js": "file:/path/to/fungies-js"
+  }
+}
+```
+
+Then run `pnpm install` in your test project.
+
+### After Making Changes
+
+When you make changes to the package:
+
+1. Rebuild the package:
+
+   ```bash
+   # In the fungies-js directory
+   pnpm run build
+   ```
+
+2. The changes will be automatically reflected in your linked project.
+
+### Unlinking
+
+When you're done testing:
+
+```bash
+# In your test project
+pnpm unlink fungies-js
+
+# In the fungies-js directory (optional)
+pnpm unlink --global
+```

package/dist/index.d.mts

@@ -0,0 +1,165 @@
+/**
+ * Configuration options for initializing the Fungies SDK
+ *
+ * @public
+ */
+type InitialFungiesOptions = {
+    /**
+     * Your Fungies API token
+     */
+    token: string;
+    /**
+     * Whether to enable HTML data attribute support for checkout buttons
+     * When true (default), elements with data-fungies-checkout-id attributes
+     * will automatically have click handlers attached
+     *
+     * @default true
+     */
+    enableDataAttributes?: boolean;
+};
+/**
+ * Options for opening a checkout experience
+ *
+ * @public
+ */
+type InitialCheckoutOpenOptions = {
+    /**
+     * Settings for customizing the checkout experience
+     */
+    settings: {
+        /**
+         * Target element selector for inline/embed checkouts
+         * Only used when mode is 'embed'
+         */
+        frameTarget?: string;
+        /**
+         * The display mode for the checkout
+         * - 'overlay': Full-screen checkout that overlays the current page
+         * - 'embed': Embedded checkout that renders within a container element
+         */
+        mode: 'embed' | 'overlay';
+    };
+    /**
+     * The unique identifier for the discount to be applied
+     */
+    discountCode?: string;
+    /**
+     * The email address of the customer
+     */
+    customerEmail?: string;
+    /**
+     * The quantity of the product to be purchased
+     */
+    quantity?: number;
+    /**
+     * The items to be purchased
+     * Each item must have an offerId that matches an offer configured in the dashboard
+     * for the overlay or embed element. Only the quantity can be modified.
+     */
+    items?: {
+        /**
+         * The unique identifier for the offer, must match an offer ID configured
+         * in the dashboard for this checkout element
+         */
+        offerId: string;
+        /**
+         * The quantity of this specific offer to be purchased
+         */
+        quantity: number;
+    }[];
+    /**
+     * Custom fields to be added to the checkout
+     */
+    customFields?: Record<string, string>;
+    /**
+     * The URL of the checkout to be displayed
+     * @required
+     */
+    checkoutUrl: string;
+};
+
+/**
+ * Main interface for the Fungies SDK
+ *
+ * @public
+ */
+type FungiesInstance = {
+    /**
+     * Checkout functionality for opening and closing checkout experiences
+     */
+    Checkout: {
+        /**
+         * Opens a checkout experience with the specified parameters
+         *
+         * @param parameters - Configuration options for the checkout
+         * @returns void
+         *
+         * @example
+         * ```ts
+         * Fungies.Checkout.open({
+         *   settings: {
+         *     mode: 'overlay',
+         *     // Optional: Only used for inline mode
+         *     frameTarget: 'target-element-id'
+         *   }
+         * });
+         * ```
+         */
+        open: (parameters: InitialCheckoutOpenOptions) => void;
+        /**
+         * Closes any currently open checkout experience
+         *
+         * @returns void
+         *
+         * @example
+         * ```ts
+         * Fungies.Checkout.close();
+         * ```
+         */
+        close: () => void;
+    };
+    /**
+     * Initializes the Fungies SDK with the provided options
+     * Must be called before using any other functionality
+     *
+     * @param options - Configuration options for the Fungies SDK
+     * @returns void
+     *
+     * @example
+     * ```ts
+     * Fungies.Initialize({
+     *   token: 'your-fungies-token',
+     *   // Optional: Set to false to disable HTML data attribute support
+     *   enableDataAttributes: true
+     * });
+     * ```
+     *
+     * @throws Will throw an error if token is not provided
+     */
+    Initialize: (options: InitialFungiesOptions) => void;
+    /**
+     * Manually scans the DOM for elements with Fungies data attributes and attaches event handlers
+     * Useful when dynamically adding checkout elements after initialization
+     *
+     * @returns void
+     *
+     * @example
+     * ```ts
+     * // After dynamically adding elements with data-fungies-checkout-id attributes
+     * Fungies.ScanDOM();
+     * ```
+     *
+     */
+    ScanDOM: () => void;
+};
+
+declare global {
+    interface Window {
+        FungiesWindow?: Window;
+        FungiesFrame?: HTMLIFrameElement;
+        Fungies?: FungiesInstance;
+    }
+}
+declare const Fungies: FungiesInstance;
+
+export { Fungies, type FungiesInstance, type InitialCheckoutOpenOptions, type InitialFungiesOptions };

package/dist/index.d.ts

@@ -0,0 +1,165 @@
+/**
+ * Configuration options for initializing the Fungies SDK
+ *
+ * @public
+ */
+type InitialFungiesOptions = {
+    /**
+     * Your Fungies API token
+     */
+    token: string;
+    /**
+     * Whether to enable HTML data attribute support for checkout buttons
+     * When true (default), elements with data-fungies-checkout-id attributes
+     * will automatically have click handlers attached
+     *
+     * @default true
+     */
+    enableDataAttributes?: boolean;
+};
+/**
+ * Options for opening a checkout experience
+ *
+ * @public
+ */
+type InitialCheckoutOpenOptions = {
+    /**
+     * Settings for customizing the checkout experience
+     */
+    settings: {
+        /**
+         * Target element selector for inline/embed checkouts
+         * Only used when mode is 'embed'
+         */
+        frameTarget?: string;
+        /**
+         * The display mode for the checkout
+         * - 'overlay': Full-screen checkout that overlays the current page
+         * - 'embed': Embedded checkout that renders within a container element
+         */
+        mode: 'embed' | 'overlay';
+    };
+    /**
+     * The unique identifier for the discount to be applied
+     */
+    discountCode?: string;
+    /**
+     * The email address of the customer
+     */
+    customerEmail?: string;
+    /**
+     * The quantity of the product to be purchased
+     */
+    quantity?: number;
+    /**
+     * The items to be purchased
+     * Each item must have an offerId that matches an offer configured in the dashboard
+     * for the overlay or embed element. Only the quantity can be modified.
+     */
+    items?: {
+        /**
+         * The unique identifier for the offer, must match an offer ID configured
+         * in the dashboard for this checkout element
+         */
+        offerId: string;
+        /**
+         * The quantity of this specific offer to be purchased
+         */
+        quantity: number;
+    }[];
+    /**
+     * Custom fields to be added to the checkout
+     */
+    customFields?: Record<string, string>;
+    /**
+     * The URL of the checkout to be displayed
+     * @required
+     */
+    checkoutUrl: string;
+};
+
+/**
+ * Main interface for the Fungies SDK
+ *
+ * @public
+ */
+type FungiesInstance = {
+    /**
+     * Checkout functionality for opening and closing checkout experiences
+     */
+    Checkout: {
+        /**
+         * Opens a checkout experience with the specified parameters
+         *
+         * @param parameters - Configuration options for the checkout
+         * @returns void
+         *
+         * @example
+         * ```ts
+         * Fungies.Checkout.open({
+         *   settings: {
+         *     mode: 'overlay',
+         *     // Optional: Only used for inline mode
+         *     frameTarget: 'target-element-id'
+         *   }
+         * });
+         * ```
+         */
+        open: (parameters: InitialCheckoutOpenOptions) => void;
+        /**
+         * Closes any currently open checkout experience
+         *
+         * @returns void
+         *
+         * @example
+         * ```ts
+         * Fungies.Checkout.close();
+         * ```
+         */
+        close: () => void;
+    };
+    /**
+     * Initializes the Fungies SDK with the provided options
+     * Must be called before using any other functionality
+     *
+     * @param options - Configuration options for the Fungies SDK
+     * @returns void
+     *
+     * @example
+     * ```ts
+     * Fungies.Initialize({
+     *   token: 'your-fungies-token',
+     *   // Optional: Set to false to disable HTML data attribute support
+     *   enableDataAttributes: true
+     * });
+     * ```
+     *
+     * @throws Will throw an error if token is not provided
+     */
+    Initialize: (options: InitialFungiesOptions) => void;
+    /**
+     * Manually scans the DOM for elements with Fungies data attributes and attaches event handlers
+     * Useful when dynamically adding checkout elements after initialization
+     *
+     * @returns void
+     *
+     * @example
+     * ```ts
+     * // After dynamically adding elements with data-fungies-checkout-id attributes
+     * Fungies.ScanDOM();
+     * ```
+     *
+     */
+    ScanDOM: () => void;
+};
+
+declare global {
+    interface Window {
+        FungiesWindow?: Window;
+        FungiesFrame?: HTMLIFrameElement;
+        Fungies?: FungiesInstance;
+    }
+}
+declare const Fungies: FungiesInstance;
+
+export { Fungies, type FungiesInstance, type InitialCheckoutOpenOptions, type InitialFungiesOptions };

package/dist/index.js

@@ -0,0 +1,389 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Fungies: () => Fungies
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/constants/checkout.ts
+var CHECKOUT_FRAME_CLOSED = "Checkout frame/window has been closed.";
+var CHECKOUT_EVENTS = {
+  CHECKOUT_CLOSE: "closeWindow"
+};
+var CHECKOUT_MODE = {
+  EMBED: "embed",
+  OVERLAY: "overlay"
+};
+
+// src/lib/logger.ts
+var createLoggerConfig = () => ({
+  isEnabled: true
+});
+var log = (message, type = "log" /* LOG */, alwaysShow = false, config = createLoggerConfig()) => {
+  if (!config.isEnabled) return;
+  window.console.debug = window.console.debug || window.console.log;
+  const debugMessage = `[Fungies Debug]${message}`;
+  if (type === "log" /* LOG */) {
+    console.debug(debugMessage);
+  } else if (type === "warning" /* WARNING */) {
+    console.warn(debugMessage);
+  }
+  if (alwaysShow) {
+    console.warn(message);
+  }
+};
+
+// src/utils/device.ts
+function isMobile() {
+  let check = false;
+  ((a) => {
+    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+      a
+    ) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(
+      a.substr(0, 4)
+    ))
+      check = true;
+  })(navigator.userAgent || navigator.vendor);
+  return check;
+}
+
+// src/utils/html.ts
+function each(className, callback) {
+  const elements = document.getElementsByClassName(className);
+  for (let i = 0; i < elements.length; i++) {
+    const thisElement = elements[i];
+    if (typeof callback === "function") {
+      callback(thisElement);
+    } else {
+      throw new Error("each(className, function() {... requires the callback argument to be of type Function");
+    }
+  }
+}
+
+// src/utils/url.ts
+var encodeForTransport = (jsonString) => {
+  return encodeURIComponent(encodeURIComponent(jsonString));
+};
+var getCheckoutFrontEndURL = (checkoutInputAttributes, checkoutUrl, mode) => {
+  const url = new URL(checkoutUrl);
+  url.searchParams.append("fngs-checkout-payload", encodeForTransport(JSON.stringify(checkoutInputAttributes)));
+  url.searchParams.append("fngs-display-mode", mode);
+  return url.toString();
+};
+var getCheckoutUrl = ({ checkoutUrl, ...restProps }, mode) => {
+  return getCheckoutFrontEndURL(restProps, checkoutUrl, mode);
+};
+
+// src/helpers/checkout.ts
+function showLoading() {
+  hideLoading();
+  const keyFrameStyle = document.createElement("style");
+  keyFrameStyle.type = "text/css";
+  keyFrameStyle.innerHTML = // eslint-disable-next-line no-multi-str
+  "				@-webkit-keyframes rotate {					0% {						-webkit-transform: rotate(45deg);					}					100% {						-webkit-transform: rotate(405deg);					}				}				@keyframes rotate {					from {						transform: rotate(45deg);					}					to {						transform: rotate(405deg);					}				}";
+  const head = document.getElementsByTagName("head")[0];
+  if (head) {
+    head.appendChild(keyFrameStyle);
+  }
+  const htmlLoader = document.createElement("div");
+  htmlLoader.setAttribute(
+    "style",
+    "z-index:99998; display: block; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; background: rgba(0,0,0,0.38);"
+  );
+  htmlLoader.setAttribute("class", "fungies-loader" /* FUNGIES_LOADER */);
+  const mainSpinnerWrapper = document.createElement("main");
+  const htmlLoaderIconWrapper = "align-items: center;display: flex;flex-direction: column;justify-content: center;left: 50%;margin: 0.5rem 0;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);width: 90%;";
+  mainSpinnerWrapper.setAttribute("style", htmlLoaderIconWrapper);
+  const spinner = document.createElement("div");
+  const htmlLoaderIcon = "border: 4px solid #f3f3f3;border-radius: 50%;border-top: 4px solid #ccc;width: 34px;height: 34px;-webkit-animation: rotate 1s ease-in-out infinite forwards;animation: rotate 1s ease-in-out infinite forwards;";
+  spinner.setAttribute("style", htmlLoaderIcon);
+  mainSpinnerWrapper.appendChild(spinner);
+  htmlLoader.appendChild(mainSpinnerWrapper);
+  const appendLoader = () => {
+    const body = document.getElementsByTagName("body")[0];
+    if (body) {
+      body.appendChild(htmlLoader);
+    }
+  };
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", appendLoader);
+  } else {
+    appendLoader();
+  }
+}
+function hideLoading() {
+  each("fungies-loader" /* FUNGIES_LOADER */, (loader) => {
+    loader?.parentNode?.removeChild(loader);
+  });
+}
+
+// src/helpers/iframe.ts
+var closeCheckoutIFrame = () => {
+  log(CHECKOUT_FRAME_CLOSED);
+  hideLoading();
+  each("fungies-frame" /* FUNGIES_FRAME */, (element) => {
+    element.parentNode?.removeChild(element);
+  });
+  if (typeof window.FungiesWindow !== "undefined" && !window.FungiesWindow.closed) {
+    window.FungiesWindow.close();
+  }
+};
+var renderCheckoutFrame = (checkoutProps, settings, embed) => {
+  const checkoutUrl = getCheckoutUrl(checkoutProps, settings.mode);
+  if (!embed) {
+    showLoading();
+  }
+  window.FungiesFrame = document.createElement("iframe");
+  window.FungiesFrame.className = "fungies-frame" /* FUNGIES_FRAME */;
+  window.FungiesFrame.name = "fungies_frame";
+  window.FungiesFrame.frameBorder = "0";
+  window.FungiesFrame.allowTransparency = "true";
+  window.FungiesFrame.allow = "payment";
+  if (embed) {
+    window.FungiesFrame.classList.add("fungies-frame-embed" /* FUNGIES_FRAME_EMBED */);
+    window.FungiesFrame.setAttribute("style", "width: 100%; height: 100%;");
+    const styleElement = document.createElement("style");
+    styleElement.type = "text/css";
+    styleElement.innerHTML = `.${"fungies-frame-embed" /* FUNGIES_FRAME_EMBED */}::-webkit-scrollbar { display: none !important; }`;
+    document?.getElementsByTagName("head")[0]?.appendChild(styleElement);
+  } else {
+    window.FungiesFrame.classList.add("fungies-frame-overlay" /* FUNGIES_FRAME_OVERLAY */);
+  }
+  if (!embed) {
+    if (!isMobile()) {
+      window.FungiesFrame.setAttribute(
+        "style",
+        "z-index: 2147483647; display: block; background-color: transparent; border: 0px none transparent; overflow-x: hidden; overflow-y: auto; visibility: visible; margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;"
+      );
+    } else {
+      window.FungiesFrame.setAttribute(
+        "style",
+        "z-index: 2147483647; display: block; background-color: transparent; border: 0px none transparent; overflow-x: hidden; overflow-y: scroll; visibility: visible; margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;"
+      );
+    }
+  }
+  window.FungiesFrame.src = checkoutUrl;
+  if (settings?.frameTarget && embed) {
+    const target = document.querySelector(`[${settings.frameTarget}]`);
+    if (target) {
+      target.appendChild(window.FungiesFrame);
+    }
+  } else {
+    const body = document.getElementsByTagName("body")[0];
+    if (body) {
+      body.appendChild(window.FungiesFrame);
+    }
+  }
+};
+
+// src/lib/checkout.ts
+var openCheckout = ({ settings, ...checkoutInputAttributes }) => {
+  closeCheckoutIFrame();
+  const renderCheckoutWithSettings = () => {
+    renderCheckoutFrame(checkoutInputAttributes, settings, settings?.mode === CHECKOUT_MODE.EMBED);
+  };
+  if (document.readyState !== "loading") {
+    renderCheckoutWithSettings();
+  } else {
+    document.addEventListener("DOMContentLoaded", renderCheckoutWithSettings);
+  }
+};
+var closeCheckout = () => {
+  closeCheckoutIFrame();
+};
+
+// src/helpers/dom.ts
+var scanForCheckoutElements = () => {
+  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");
+    if (!checkoutUrl) {
+      log("Element has data-fungies-checkout-url attribute but no value", "warning" /* WARNING */);
+      continue;
+    }
+    const modeAttr = element.getAttribute("data-fungies-mode");
+    const mode = modeAttr === "embed" || modeAttr === "overlay" ? modeAttr : "overlay";
+    const frameTarget = element.getAttribute("data-fungies-frame-target") || void 0;
+    const discountCode = element.getAttribute("data-fungies-discount-code") || void 0;
+    const customerEmail = element.getAttribute("data-fungies-customer-email") || void 0;
+    const quantityAttr = element.getAttribute("data-fungies-quantity");
+    const quantity = quantityAttr ? Number.parseInt(quantityAttr, 10) : void 0;
+    let items = void 0;
+    const itemsAttr = element.getAttribute("data-fungies-items");
+    if (itemsAttr) {
+      try {
+        items = JSON.parse(itemsAttr);
+      } catch (_error) {
+        log(`Invalid JSON in data-fungies-items: ${itemsAttr}`, "warning" /* WARNING */);
+      }
+    }
+    let customFields = void 0;
+    const customFieldsAttr = element.getAttribute("data-fungies-custom-fields");
+    if (customFieldsAttr) {
+      try {
+        customFields = JSON.parse(customFieldsAttr);
+      } catch (_error) {
+        log(`Invalid JSON in data-fungies-custom-fields: ${customFieldsAttr}`, "warning" /* WARNING */);
+      }
+    }
+    const checkoutOptions = {
+      checkoutUrl,
+      settings: {
+        mode,
+        ...frameTarget && { frameTarget }
+      },
+      ...discountCode && { discountCode },
+      ...customerEmail && { customerEmail },
+      ...quantity && { quantity },
+      ...items && { items },
+      ...customFields && { customFields }
+    };
+    element.addEventListener("click", (event) => {
+      event.preventDefault();
+      openCheckout(checkoutOptions);
+    });
+    element.setAttribute("data-fungies-initialized", "true");
+  }
+  const legacyFormatElements = document.querySelectorAll("[data-fungies-button]:not([data-fungies-initialized])");
+  for (const element of legacyFormatElements) {
+    const buttonUrl = element.getAttribute("data-fungies-button");
+    if (!buttonUrl) {
+      log("Element has data-fungies-button attribute but no value", "warning" /* WARNING */);
+      continue;
+    }
+    try {
+      const url = new URL(buttonUrl);
+      const pathParts = url.pathname.split("/");
+      const checkoutElementIndex = pathParts.indexOf("checkout-element");
+      const overlayIndex = pathParts.indexOf("overlay");
+      if (checkoutElementIndex === -1 && overlayIndex === -1) {
+        log(`Invalid URL in data-fungies-button: ${buttonUrl}`, "warning" /* WARNING */);
+        continue;
+      }
+      const mode = "overlay";
+      const checkoutOptions = {
+        checkoutUrl: buttonUrl,
+        settings: {
+          mode
+        }
+      };
+      element.addEventListener("click", (event) => {
+        event.preventDefault();
+        openCheckout(checkoutOptions);
+      });
+      element.setAttribute("data-fungies-initialized", "true");
+    } catch (error) {
+      log(error, "error" /* ERROR */);
+    }
+  }
+};
+var initializeDomSupport = () => {
+  if (document.readyState !== "loading") {
+    scanForCheckoutElements();
+  } else {
+    document.addEventListener("DOMContentLoaded", scanForCheckoutElements);
+  }
+  const observer = new MutationObserver((mutations) => {
+    let shouldScan = false;
+    for (const mutation of mutations) {
+      if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
+        for (const node of mutation.addedNodes) {
+          if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (element.querySelector(
+              "[data-fungies-checkout-url]:not([data-fungies-initialized]), [data-fungies-button]:not([data-fungies-initialized])"
+            )) {
+              shouldScan = true;
+              break;
+            }
+          }
+        }
+      }
+    }
+    if (shouldScan) {
+      scanForCheckoutElements();
+    }
+  });
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true
+  });
+};
+
+// src/helpers/events.ts
+var _messageListener = (message) => {
+  const { data } = message;
+  switch (typeof data === "string" ? data.toLowerCase() : "") {
+    case CHECKOUT_EVENTS.CHECKOUT_CLOSE:
+      closeCheckoutIFrame();
+      break;
+  }
+};
+function listen() {
+  if (typeof window !== "undefined") {
+    window.addEventListener("message", _messageListener, false);
+  }
+}
+
+// src/lib/state.ts
+var createInitialState = () => ({
+  completedSetup: false,
+  options: null
+});
+var updateState = (currentState, updates) => ({
+  ...currentState,
+  ...updates
+});
+
+// src/lib/fungies.ts
+var initialize = (options, currentState = createInitialState()) => {
+  if (!currentState.completedSetup) {
+    listen();
+    if (options.enableDataAttributes !== false) {
+      initializeDomSupport();
+    }
+    updateState(currentState, {
+      completedSetup: true,
+      options
+    });
+  } else {
+    log("Cannot call Fungies.Initialize() more than once per page, the call was ignored.", "warning" /* WARNING */);
+  }
+};
+var createFungies = () => ({
+  Checkout: {
+    open: openCheckout,
+    close: closeCheckout
+  },
+  Initialize: initialize,
+  ScanDOM: scanForCheckoutElements
+});
+
+// src/index.ts
+var Fungies = createFungies();
+if (typeof window !== "undefined") {
+  window.Fungies = Fungies;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fungies
+});

package/dist/index.mjs

@@ -0,0 +1,362 @@
+// src/constants/checkout.ts
+var CHECKOUT_FRAME_CLOSED = "Checkout frame/window has been closed.";
+var CHECKOUT_EVENTS = {
+  CHECKOUT_CLOSE: "closeWindow"
+};
+var CHECKOUT_MODE = {
+  EMBED: "embed",
+  OVERLAY: "overlay"
+};
+
+// src/lib/logger.ts
+var createLoggerConfig = () => ({
+  isEnabled: true
+});
+var log = (message, type = "log" /* LOG */, alwaysShow = false, config = createLoggerConfig()) => {
+  if (!config.isEnabled) return;
+  window.console.debug = window.console.debug || window.console.log;
+  const debugMessage = `[Fungies Debug]${message}`;
+  if (type === "log" /* LOG */) {
+    console.debug(debugMessage);
+  } else if (type === "warning" /* WARNING */) {
+    console.warn(debugMessage);
+  }
+  if (alwaysShow) {
+    console.warn(message);
+  }
+};
+
+// src/utils/device.ts
+function isMobile() {
+  let check = false;
+  ((a) => {
+    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+      a
+    ) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(
+      a.substr(0, 4)
+    ))
+      check = true;
+  })(navigator.userAgent || navigator.vendor);
+  return check;
+}
+
+// src/utils/html.ts
+function each(className, callback) {
+  const elements = document.getElementsByClassName(className);
+  for (let i = 0; i < elements.length; i++) {
+    const thisElement = elements[i];
+    if (typeof callback === "function") {
+      callback(thisElement);
+    } else {
+      throw new Error("each(className, function() {... requires the callback argument to be of type Function");
+    }
+  }
+}
+
+// src/utils/url.ts
+var encodeForTransport = (jsonString) => {
+  return encodeURIComponent(encodeURIComponent(jsonString));
+};
+var getCheckoutFrontEndURL = (checkoutInputAttributes, checkoutUrl, mode) => {
+  const url = new URL(checkoutUrl);
+  url.searchParams.append("fngs-checkout-payload", encodeForTransport(JSON.stringify(checkoutInputAttributes)));
+  url.searchParams.append("fngs-display-mode", mode);
+  return url.toString();
+};
+var getCheckoutUrl = ({ checkoutUrl, ...restProps }, mode) => {
+  return getCheckoutFrontEndURL(restProps, checkoutUrl, mode);
+};
+
+// src/helpers/checkout.ts
+function showLoading() {
+  hideLoading();
+  const keyFrameStyle = document.createElement("style");
+  keyFrameStyle.type = "text/css";
+  keyFrameStyle.innerHTML = // eslint-disable-next-line no-multi-str
+  "				@-webkit-keyframes rotate {					0% {						-webkit-transform: rotate(45deg);					}					100% {						-webkit-transform: rotate(405deg);					}				}				@keyframes rotate {					from {						transform: rotate(45deg);					}					to {						transform: rotate(405deg);					}				}";
+  const head = document.getElementsByTagName("head")[0];
+  if (head) {
+    head.appendChild(keyFrameStyle);
+  }
+  const htmlLoader = document.createElement("div");
+  htmlLoader.setAttribute(
+    "style",
+    "z-index:99998; display: block; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; background: rgba(0,0,0,0.38);"
+  );
+  htmlLoader.setAttribute("class", "fungies-loader" /* FUNGIES_LOADER */);
+  const mainSpinnerWrapper = document.createElement("main");
+  const htmlLoaderIconWrapper = "align-items: center;display: flex;flex-direction: column;justify-content: center;left: 50%;margin: 0.5rem 0;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);width: 90%;";
+  mainSpinnerWrapper.setAttribute("style", htmlLoaderIconWrapper);
+  const spinner = document.createElement("div");
+  const htmlLoaderIcon = "border: 4px solid #f3f3f3;border-radius: 50%;border-top: 4px solid #ccc;width: 34px;height: 34px;-webkit-animation: rotate 1s ease-in-out infinite forwards;animation: rotate 1s ease-in-out infinite forwards;";
+  spinner.setAttribute("style", htmlLoaderIcon);
+  mainSpinnerWrapper.appendChild(spinner);
+  htmlLoader.appendChild(mainSpinnerWrapper);
+  const appendLoader = () => {
+    const body = document.getElementsByTagName("body")[0];
+    if (body) {
+      body.appendChild(htmlLoader);
+    }
+  };
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", appendLoader);
+  } else {
+    appendLoader();
+  }
+}
+function hideLoading() {
+  each("fungies-loader" /* FUNGIES_LOADER */, (loader) => {
+    loader?.parentNode?.removeChild(loader);
+  });
+}
+
+// src/helpers/iframe.ts
+var closeCheckoutIFrame = () => {
+  log(CHECKOUT_FRAME_CLOSED);
+  hideLoading();
+  each("fungies-frame" /* FUNGIES_FRAME */, (element) => {
+    element.parentNode?.removeChild(element);
+  });
+  if (typeof window.FungiesWindow !== "undefined" && !window.FungiesWindow.closed) {
+    window.FungiesWindow.close();
+  }
+};
+var renderCheckoutFrame = (checkoutProps, settings, embed) => {
+  const checkoutUrl = getCheckoutUrl(checkoutProps, settings.mode);
+  if (!embed) {
+    showLoading();
+  }
+  window.FungiesFrame = document.createElement("iframe");
+  window.FungiesFrame.className = "fungies-frame" /* FUNGIES_FRAME */;
+  window.FungiesFrame.name = "fungies_frame";
+  window.FungiesFrame.frameBorder = "0";
+  window.FungiesFrame.allowTransparency = "true";
+  window.FungiesFrame.allow = "payment";
+  if (embed) {
+    window.FungiesFrame.classList.add("fungies-frame-embed" /* FUNGIES_FRAME_EMBED */);
+    window.FungiesFrame.setAttribute("style", "width: 100%; height: 100%;");
+    const styleElement = document.createElement("style");
+    styleElement.type = "text/css";
+    styleElement.innerHTML = `.${"fungies-frame-embed" /* FUNGIES_FRAME_EMBED */}::-webkit-scrollbar { display: none !important; }`;
+    document?.getElementsByTagName("head")[0]?.appendChild(styleElement);
+  } else {
+    window.FungiesFrame.classList.add("fungies-frame-overlay" /* FUNGIES_FRAME_OVERLAY */);
+  }
+  if (!embed) {
+    if (!isMobile()) {
+      window.FungiesFrame.setAttribute(
+        "style",
+        "z-index: 2147483647; display: block; background-color: transparent; border: 0px none transparent; overflow-x: hidden; overflow-y: auto; visibility: visible; margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;"
+      );
+    } else {
+      window.FungiesFrame.setAttribute(
+        "style",
+        "z-index: 2147483647; display: block; background-color: transparent; border: 0px none transparent; overflow-x: hidden; overflow-y: scroll; visibility: visible; margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;"
+      );
+    }
+  }
+  window.FungiesFrame.src = checkoutUrl;
+  if (settings?.frameTarget && embed) {
+    const target = document.querySelector(`[${settings.frameTarget}]`);
+    if (target) {
+      target.appendChild(window.FungiesFrame);
+    }
+  } else {
+    const body = document.getElementsByTagName("body")[0];
+    if (body) {
+      body.appendChild(window.FungiesFrame);
+    }
+  }
+};
+
+// src/lib/checkout.ts
+var openCheckout = ({ settings, ...checkoutInputAttributes }) => {
+  closeCheckoutIFrame();
+  const renderCheckoutWithSettings = () => {
+    renderCheckoutFrame(checkoutInputAttributes, settings, settings?.mode === CHECKOUT_MODE.EMBED);
+  };
+  if (document.readyState !== "loading") {
+    renderCheckoutWithSettings();
+  } else {
+    document.addEventListener("DOMContentLoaded", renderCheckoutWithSettings);
+  }
+};
+var closeCheckout = () => {
+  closeCheckoutIFrame();
+};
+
+// src/helpers/dom.ts
+var scanForCheckoutElements = () => {
+  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");
+    if (!checkoutUrl) {
+      log("Element has data-fungies-checkout-url attribute but no value", "warning" /* WARNING */);
+      continue;
+    }
+    const modeAttr = element.getAttribute("data-fungies-mode");
+    const mode = modeAttr === "embed" || modeAttr === "overlay" ? modeAttr : "overlay";
+    const frameTarget = element.getAttribute("data-fungies-frame-target") || void 0;
+    const discountCode = element.getAttribute("data-fungies-discount-code") || void 0;
+    const customerEmail = element.getAttribute("data-fungies-customer-email") || void 0;
+    const quantityAttr = element.getAttribute("data-fungies-quantity");
+    const quantity = quantityAttr ? Number.parseInt(quantityAttr, 10) : void 0;
+    let items = void 0;
+    const itemsAttr = element.getAttribute("data-fungies-items");
+    if (itemsAttr) {
+      try {
+        items = JSON.parse(itemsAttr);
+      } catch (_error) {
+        log(`Invalid JSON in data-fungies-items: ${itemsAttr}`, "warning" /* WARNING */);
+      }
+    }
+    let customFields = void 0;
+    const customFieldsAttr = element.getAttribute("data-fungies-custom-fields");
+    if (customFieldsAttr) {
+      try {
+        customFields = JSON.parse(customFieldsAttr);
+      } catch (_error) {
+        log(`Invalid JSON in data-fungies-custom-fields: ${customFieldsAttr}`, "warning" /* WARNING */);
+      }
+    }
+    const checkoutOptions = {
+      checkoutUrl,
+      settings: {
+        mode,
+        ...frameTarget && { frameTarget }
+      },
+      ...discountCode && { discountCode },
+      ...customerEmail && { customerEmail },
+      ...quantity && { quantity },
+      ...items && { items },
+      ...customFields && { customFields }
+    };
+    element.addEventListener("click", (event) => {
+      event.preventDefault();
+      openCheckout(checkoutOptions);
+    });
+    element.setAttribute("data-fungies-initialized", "true");
+  }
+  const legacyFormatElements = document.querySelectorAll("[data-fungies-button]:not([data-fungies-initialized])");
+  for (const element of legacyFormatElements) {
+    const buttonUrl = element.getAttribute("data-fungies-button");
+    if (!buttonUrl) {
+      log("Element has data-fungies-button attribute but no value", "warning" /* WARNING */);
+      continue;
+    }
+    try {
+      const url = new URL(buttonUrl);
+      const pathParts = url.pathname.split("/");
+      const checkoutElementIndex = pathParts.indexOf("checkout-element");
+      const overlayIndex = pathParts.indexOf("overlay");
+      if (checkoutElementIndex === -1 && overlayIndex === -1) {
+        log(`Invalid URL in data-fungies-button: ${buttonUrl}`, "warning" /* WARNING */);
+        continue;
+      }
+      const mode = "overlay";
+      const checkoutOptions = {
+        checkoutUrl: buttonUrl,
+        settings: {
+          mode
+        }
+      };
+      element.addEventListener("click", (event) => {
+        event.preventDefault();
+        openCheckout(checkoutOptions);
+      });
+      element.setAttribute("data-fungies-initialized", "true");
+    } catch (error) {
+      log(error, "error" /* ERROR */);
+    }
+  }
+};
+var initializeDomSupport = () => {
+  if (document.readyState !== "loading") {
+    scanForCheckoutElements();
+  } else {
+    document.addEventListener("DOMContentLoaded", scanForCheckoutElements);
+  }
+  const observer = new MutationObserver((mutations) => {
+    let shouldScan = false;
+    for (const mutation of mutations) {
+      if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
+        for (const node of mutation.addedNodes) {
+          if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (element.querySelector(
+              "[data-fungies-checkout-url]:not([data-fungies-initialized]), [data-fungies-button]:not([data-fungies-initialized])"
+            )) {
+              shouldScan = true;
+              break;
+            }
+          }
+        }
+      }
+    }
+    if (shouldScan) {
+      scanForCheckoutElements();
+    }
+  });
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true
+  });
+};
+
+// src/helpers/events.ts
+var _messageListener = (message) => {
+  const { data } = message;
+  switch (typeof data === "string" ? data.toLowerCase() : "") {
+    case CHECKOUT_EVENTS.CHECKOUT_CLOSE:
+      closeCheckoutIFrame();
+      break;
+  }
+};
+function listen() {
+  if (typeof window !== "undefined") {
+    window.addEventListener("message", _messageListener, false);
+  }
+}
+
+// src/lib/state.ts
+var createInitialState = () => ({
+  completedSetup: false,
+  options: null
+});
+var updateState = (currentState, updates) => ({
+  ...currentState,
+  ...updates
+});
+
+// src/lib/fungies.ts
+var initialize = (options, currentState = createInitialState()) => {
+  if (!currentState.completedSetup) {
+    listen();
+    if (options.enableDataAttributes !== false) {
+      initializeDomSupport();
+    }
+    updateState(currentState, {
+      completedSetup: true,
+      options
+    });
+  } else {
+    log("Cannot call Fungies.Initialize() more than once per page, the call was ignored.", "warning" /* WARNING */);
+  }
+};
+var createFungies = () => ({
+  Checkout: {
+    open: openCheckout,
+    close: closeCheckout
+  },
+  Initialize: initialize,
+  ScanDOM: scanForCheckoutElements
+});
+
+// src/index.ts
+var Fungies = createFungies();
+if (typeof window !== "undefined") {
+  window.Fungies = Fungies;
+}
+export {
+  Fungies
+};

package/package.json

@@ -0,0 +1,30 @@
+{
+	"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"
+	}
+}