react-broker-signup-integration 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,101 @@
+# react-broker-signup-integration
+
+React wrapper library for integrating brokers with Tongo signup iframe.
+
+## Installation
+
+```bash
+npm install react-broker-signup-integration
+```
+
+`react` and `react-dom` are peer dependencies and must already exist in the host app.
+
+## Quick Start
+
+```tsx
+import { useBrokerSignupIntegration } from 'react-broker-signup-integration';
+
+function Example() {
+  const { open, close, isOpen } = useBrokerSignupIntegration({
+    environment: 'production',
+    onSuccess: () => {
+      console.log('signup success');
+    },
+    onError: ({ message }) => {
+      console.error(message);
+    },
+    onClose: (reason) => {
+      console.log('closed because:', reason);
+    },
+  });
+
+  return (
+    <div>
+      <button onClick={() => open('signup-token')} type="button">
+        Open signup
+      </button>
+      {isOpen ? (
+        <button onClick={() => close()} type="button">
+          Close from app
+        </button>
+      ) : null}
+    </div>
+  );
+}
+```
+
+## API
+
+### `useBrokerSignupIntegration(options)`
+
+Returns:
+
+- `open(signupToken: string)`
+- `close(reason?: 'overlay' | 'escape' | 'iframe' | 'api')`
+- `isOpen: boolean`
+
+Options:
+
+- `environment`: `'develop' | 'production'`
+- `modal`: optional modal customization
+- `onSuccess`: called when iframe posts `{ event: 'SUCCESS' }`
+- `onError`: called when iframe posts `{ event: 'ERROR', message: string }`
+- `onClose`: called when the modal closes without successful signup
+
+## Environments
+
+- `develop` -> `https://broker.tongoapp.io`
+- `production` -> `https://broker.gettongo.com`
+
+The iframe URL is generated as:
+
+```ts
+${base}/integration/signup?signupToken=${encodeURIComponent(token)}
+```
+
+## What The Library Renders
+
+- A fullscreen dark backdrop
+- A white rounded modal shell
+- A full-size iframe inside the shell
+
+## What The iFrame Owns
+
+- The close button in the top-right corner
+- All headers, logos, progress steps, forms and buttons
+- All inner layout and styling inside the modal
+
+## Internal Docs
+
+These documents are intended for repository contributors and iframe developers:
+
+- [Development guide](https://github.com/payfully/react-broker-signup-integration/blob/main/DEVELOPMENT.md)
+- [iFrame contract](https://github.com/payfully/react-broker-signup-integration/blob/main/docs/IFRAME_CONTRACT.md)
+- [Local playground](https://github.com/payfully/react-broker-signup-integration/blob/main/docs/PLAYGROUND.md)
+
+## Release process
+
+1. Update the version in `package.json`.
+2. Push to `main`.
+3. GitHub Actions will build, test and publish the package if that version is not already in npm.
+

package/dist/index.cjs

@@ -0,0 +1,420 @@
+"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, {
+  useBrokerSignupIntegration: () => useBrokerSignupIntegration
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/constants.ts
+var DEFAULT_SIGNUP_PATH = "/integration/signup";
+var ENVIRONMENT_BASE_URLS = {
+  develop: "https://broker.tongoapp.io",
+  production: "https://broker.gettongo.com"
+};
+var DEFAULT_MODAL_OPTIONS = {
+  width: 1120,
+  height: 880,
+  zIndex: 1e3,
+  closeOnOverlayClick: true,
+  closeOnEscape: true,
+  iframeTitle: "Tongo broker signup"
+};
+
+// src/utils/getEnvironmentBaseUrl.ts
+function getEnvironmentBaseUrl(environment) {
+  return ENVIRONMENT_BASE_URLS[environment];
+}
+
+// src/internal/useBrokerSignupIntegrationBase.tsx
+var import_react2 = require("react");
+var import_client = require("react-dom/client");
+
+// src/components/BrokerSignupModal.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function toCssSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function BrokerSignupModal({
+  iframeSrc,
+  modalOptions,
+  onRequestClose
+}) {
+  const dialogRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    dialogRef.current?.focus();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!modalOptions.closeOnEscape) {
+      return;
+    }
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onRequestClose("escape");
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [modalOptions.closeOnEscape, onRequestClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: modalOptions.overlayClassName,
+      "data-testid": "broker-signup-overlay",
+      onClick: (event) => {
+        if (modalOptions.closeOnOverlayClick && event.target === event.currentTarget) {
+          onRequestClose("overlay");
+        }
+      },
+      style: {
+        alignItems: "center",
+        backgroundColor: "rgba(15, 23, 42, 0.45)",
+        display: "flex",
+        inset: 0,
+        justifyContent: "center",
+        padding: "clamp(12px, 3vw, 24px)",
+        position: "fixed",
+        zIndex: modalOptions.zIndex
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          "aria-label": modalOptions.iframeTitle,
+          "aria-modal": "true",
+          className: modalOptions.className,
+          "data-testid": "broker-signup-dialog",
+          ref: dialogRef,
+          role: "dialog",
+          style: {
+            backgroundColor: "#ffffff",
+            borderRadius: "clamp(16px, 2vw, 20px)",
+            boxShadow: "0 24px 80px rgba(15, 23, 42, 0.22)",
+            display: "flex",
+            flexDirection: "column",
+            height: `min(${toCssSize(modalOptions.height)}, calc(100vh - 48px))`,
+            maxHeight: "calc(100vh - 48px)",
+            maxWidth: "calc(100vw - 48px)",
+            overflow: "hidden",
+            position: "relative",
+            width: `min(${toCssSize(modalOptions.width)}, calc(100vw - 48px))`
+          },
+          tabIndex: -1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "iframe",
+            {
+              src: iframeSrc,
+              style: {
+                backgroundColor: "#ffffff",
+                border: 0,
+                display: "block",
+                flex: 1,
+                height: "100%",
+                width: "100%"
+              },
+              title: modalOptions.iframeTitle
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/utils/normalizeSignupPath.ts
+function normalizeSignupPath(signupPath = DEFAULT_SIGNUP_PATH) {
+  if (typeof signupPath !== "string") {
+    throw new Error("signupPath must be a pathname");
+  }
+  if (signupPath.includes("://")) {
+    throw new Error("signupPath must not be a full URL");
+  }
+  if (signupPath.includes("?") || signupPath.includes("#")) {
+    throw new Error("signupPath must not include query params or hash");
+  }
+  const trimmedPath = signupPath.trim();
+  if (trimmedPath === "") {
+    return "/";
+  }
+  if (trimmedPath === "/") {
+    return "/";
+  }
+  return trimmedPath.startsWith("/") ? trimmedPath : `/${trimmedPath}`;
+}
+
+// src/utils/buildSignupUrl.ts
+function parseBaseUrl(baseUrl) {
+  if (typeof baseUrl !== "string" || baseUrl.trim() === "") {
+    throw new Error("baseUrl must be a valid absolute URL");
+  }
+  let url;
+  try {
+    url = new URL(baseUrl);
+  } catch {
+    throw new Error("baseUrl must be a valid absolute URL");
+  }
+  if (url.search || url.hash) {
+    throw new Error("baseUrl must not include search params or hash");
+  }
+  if (url.pathname !== "/" && url.pathname !== "") {
+    throw new Error("baseUrl must not include a pathname");
+  }
+  return url;
+}
+function getBaseUrlOrigin(baseUrl) {
+  return parseBaseUrl(baseUrl).origin;
+}
+function buildSignupUrlFromConfig(baseUrl, signupPath = DEFAULT_SIGNUP_PATH, signupToken) {
+  const url = new URL(normalizeSignupPath(signupPath), getBaseUrlOrigin(baseUrl));
+  url.searchParams.set("signupToken", signupToken);
+  return url.toString();
+}
+
+// src/utils/isValidIframeMessage.ts
+function isValidIframeMessage(payload) {
+  if (!payload || typeof payload !== "object") {
+    return false;
+  }
+  if (!("event" in payload)) {
+    return false;
+  }
+  if (payload.event === "SUCCESS") {
+    return true;
+  }
+  if (payload.event === "CLOSE") {
+    return true;
+  }
+  if (payload.event === "ERROR") {
+    return "message" in payload && typeof payload.message === "string";
+  }
+  return false;
+}
+
+// src/internal/useBrokerSignupIntegrationBase.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var bodyScrollLockCount = 0;
+var initialBodyOverflow = "";
+function lockBodyScroll() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (bodyScrollLockCount === 0) {
+    initialBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  bodyScrollLockCount += 1;
+}
+function unlockBodyScroll() {
+  if (typeof document === "undefined" || bodyScrollLockCount === 0) {
+    return;
+  }
+  bodyScrollLockCount -= 1;
+  if (bodyScrollLockCount === 0) {
+    document.body.style.overflow = initialBodyOverflow;
+  }
+}
+function resolveModalOptions(modalOptions) {
+  return {
+    ...DEFAULT_MODAL_OPTIONS,
+    ...modalOptions
+  };
+}
+function useBrokerSignupIntegrationBase({
+  baseUrl,
+  signupPath = DEFAULT_SIGNUP_PATH,
+  modal,
+  onSuccess,
+  onError,
+  onClose
+}) {
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [iframeSrc, setIframeSrc] = (0, import_react2.useState)(null);
+  const rootRef = (0, import_react2.useRef)(null);
+  const containerRef = (0, import_react2.useRef)(null);
+  const activeElementRef = (0, import_react2.useRef)(null);
+  const isOpenRef = (0, import_react2.useRef)(isOpen);
+  const scrollLockedRef = (0, import_react2.useRef)(false);
+  const onSuccessRef = (0, import_react2.useRef)(onSuccess);
+  const onErrorRef = (0, import_react2.useRef)(onError);
+  const onCloseRef = (0, import_react2.useRef)(onClose);
+  isOpenRef.current = isOpen;
+  onSuccessRef.current = onSuccess;
+  onErrorRef.current = onError;
+  onCloseRef.current = onClose;
+  const resolvedModalOptions = (0, import_react2.useMemo)(() => resolveModalOptions(modal), [modal]);
+  const teardownModalRoot = (0, import_react2.useCallback)(() => {
+    const root = rootRef.current;
+    const container = containerRef.current;
+    rootRef.current = null;
+    containerRef.current = null;
+    if (!root || !container) {
+      return;
+    }
+    queueMicrotask(() => {
+      root.unmount();
+      container.remove();
+    });
+  }, []);
+  const restoreFocus = (0, import_react2.useCallback)(() => {
+    activeElementRef.current?.focus();
+    activeElementRef.current = null;
+  }, []);
+  const closeInternal = (0, import_react2.useCallback)(
+    (reason, notifyOnClose) => {
+      if (!isOpenRef.current) {
+        return;
+      }
+      setIsOpen(false);
+      setIframeSrc(null);
+      if (notifyOnClose && reason !== "success") {
+        onCloseRef.current?.(reason);
+      }
+    },
+    []
+  );
+  const close = (0, import_react2.useCallback)(
+    (reason = "api") => {
+      closeInternal(reason, true);
+    },
+    [closeInternal]
+  );
+  const open = (0, import_react2.useCallback)(
+    (signupToken) => {
+      if (typeof signupToken !== "string") {
+        throw new Error("signupToken is required");
+      }
+      const normalizedSignupToken = signupToken.trim();
+      if (normalizedSignupToken === "") {
+        throw new Error("signupToken is required");
+      }
+      if (typeof document !== "undefined" && !activeElementRef.current) {
+        activeElementRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      }
+      setIframeSrc(
+        buildSignupUrlFromConfig(baseUrl, signupPath, normalizedSignupToken)
+      );
+      setIsOpen(true);
+    },
+    [baseUrl, signupPath]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    if (!isOpen || !iframeSrc) {
+      rootRef.current?.render(null);
+      return;
+    }
+    if (!containerRef.current) {
+      containerRef.current = document.createElement("div");
+      containerRef.current.dataset.brokerSignupIntegration = "true";
+      document.body.appendChild(containerRef.current);
+      rootRef.current = (0, import_client.createRoot)(containerRef.current);
+    }
+    rootRef.current?.render(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        BrokerSignupModal,
+        {
+          iframeSrc,
+          modalOptions: resolvedModalOptions,
+          onRequestClose: close
+        }
+      )
+    );
+  }, [close, iframeSrc, isOpen, resolvedModalOptions]);
+  (0, import_react2.useEffect)(() => {
+    if (isOpen && !scrollLockedRef.current) {
+      lockBodyScroll();
+      scrollLockedRef.current = true;
+      return;
+    }
+    if (!isOpen && scrollLockedRef.current) {
+      unlockBodyScroll();
+      scrollLockedRef.current = false;
+      restoreFocus();
+    }
+  }, [isOpen, restoreFocus]);
+  (0, import_react2.useEffect)(() => {
+    if (typeof window === "undefined" || !isOpen || !iframeSrc) {
+      return;
+    }
+    const expectedOrigin = new URL(iframeSrc).origin;
+    const handleMessage = (event) => {
+      if (event.origin !== expectedOrigin || !isValidIframeMessage(event.data)) {
+        return;
+      }
+      if (event.data.event === "SUCCESS") {
+        closeInternal("success", false);
+        onSuccessRef.current?.();
+        return;
+      }
+      if (event.data.event === "CLOSE") {
+        closeInternal("iframe", true);
+        return;
+      }
+      onErrorRef.current?.({ message: event.data.message });
+    };
+    window.addEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [closeInternal, iframeSrc, isOpen]);
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      if (scrollLockedRef.current) {
+        unlockBodyScroll();
+        scrollLockedRef.current = false;
+      }
+      teardownModalRoot();
+      restoreFocus();
+    };
+  }, [restoreFocus, teardownModalRoot]);
+  return {
+    open,
+    close,
+    isOpen
+  };
+}
+
+// src/useBrokerSignupIntegration.tsx
+function useBrokerSignupIntegration({
+  environment,
+  modal,
+  onSuccess,
+  onError,
+  onClose
+}) {
+  return useBrokerSignupIntegrationBase({
+    baseUrl: getEnvironmentBaseUrl(environment),
+    signupPath: DEFAULT_SIGNUP_PATH,
+    modal,
+    onSuccess,
+    onError,
+    onClose
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBrokerSignupIntegration
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/constants.ts","../src/utils/getEnvironmentBaseUrl.ts","../src/internal/useBrokerSignupIntegrationBase.tsx","../src/components/BrokerSignupModal.tsx","../src/utils/normalizeSignupPath.ts","../src/utils/buildSignupUrl.ts","../src/utils/isValidIframeMessage.ts","../src/useBrokerSignupIntegration.tsx"],"sourcesContent":["export { useBrokerSignupIntegration } from './useBrokerSignupIntegration';\nexport type {\n  BrokerSignupCloseReason,\n  BrokerSignupEnvironment,\n  BrokerSignupErrorEvent,\n  BrokerSignupIntegrationControls,\n  BrokerSignupModalOptions,\n  UseBrokerSignupIntegrationOptions,\n} from './types';\n","import type { BrokerSignupEnvironment, BrokerSignupModalOptions } from './types';\n\nexport const DEFAULT_SIGNUP_PATH = '/integration/signup';\n\nexport const ENVIRONMENT_BASE_URLS: Record<BrokerSignupEnvironment, string> = {\n  develop: 'https://broker.tongoapp.io',\n  production: 'https://broker.gettongo.com',\n};\n\nexport const DEFAULT_MODAL_OPTIONS: Required<\n  Pick<\n    BrokerSignupModalOptions,\n    | 'width'\n    | 'height'\n    | 'zIndex'\n    | 'closeOnOverlayClick'\n    | 'closeOnEscape'\n    | 'iframeTitle'\n  >\n> = {\n  width: 1120,\n  height: 880,\n  zIndex: 1000,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  iframeTitle: 'Tongo broker signup',\n};\n","import { ENVIRONMENT_BASE_URLS } from '../constants';\nimport type { BrokerSignupEnvironment } from '../types';\n\nexport function getEnvironmentBaseUrl(environment: BrokerSignupEnvironment): string {\n  return ENVIRONMENT_BASE_URLS[environment];\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createRoot, type Root } from 'react-dom/client';\n\nimport { BrokerSignupModal } from '../components/BrokerSignupModal';\nimport { DEFAULT_MODAL_OPTIONS, DEFAULT_SIGNUP_PATH } from '../constants';\nimport type {\n  BrokerSignupCloseReason,\n  BrokerSignupErrorEvent,\n  BrokerSignupIntegrationControls,\n  BrokerSignupModalOptions,\n  ResolvedBrokerSignupModalOptions,\n} from '../types';\nimport { buildSignupUrlFromConfig } from '../utils/buildSignupUrl';\nimport { isValidIframeMessage } from '../utils/isValidIframeMessage';\n\nexport interface UseBrokerSignupIntegrationBaseOptions {\n  baseUrl: string;\n  signupPath?: string;\n  modal?: BrokerSignupModalOptions;\n  onSuccess?: () => void;\n  onError?: (event: BrokerSignupErrorEvent) => void;\n  onClose?: (reason: Exclude<BrokerSignupCloseReason, 'success'>) => void;\n}\n\nlet bodyScrollLockCount = 0;\nlet initialBodyOverflow = '';\n\nfunction lockBodyScroll() {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  if (bodyScrollLockCount === 0) {\n    initialBodyOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n  }\n\n  bodyScrollLockCount += 1;\n}\n\nfunction unlockBodyScroll() {\n  if (typeof document === 'undefined' || bodyScrollLockCount === 0) {\n    return;\n  }\n\n  bodyScrollLockCount -= 1;\n\n  if (bodyScrollLockCount === 0) {\n    document.body.style.overflow = initialBodyOverflow;\n  }\n}\n\nfunction resolveModalOptions(\n  modalOptions?: BrokerSignupModalOptions,\n): ResolvedBrokerSignupModalOptions {\n  return {\n    ...DEFAULT_MODAL_OPTIONS,\n    ...modalOptions,\n  };\n}\n\nexport function useBrokerSignupIntegrationBase({\n  baseUrl,\n  signupPath = DEFAULT_SIGNUP_PATH,\n  modal,\n  onSuccess,\n  onError,\n  onClose,\n}: UseBrokerSignupIntegrationBaseOptions): BrokerSignupIntegrationControls {\n  const [isOpen, setIsOpen] = useState(false);\n  const [iframeSrc, setIframeSrc] = useState<string | null>(null);\n\n  const rootRef = useRef<Root | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const activeElementRef = useRef<HTMLElement | null>(null);\n  const isOpenRef = useRef(isOpen);\n  const scrollLockedRef = useRef(false);\n  const onSuccessRef = useRef(onSuccess);\n  const onErrorRef = useRef(onError);\n  const onCloseRef = useRef(onClose);\n\n  isOpenRef.current = isOpen;\n  onSuccessRef.current = onSuccess;\n  onErrorRef.current = onError;\n  onCloseRef.current = onClose;\n\n  const resolvedModalOptions = useMemo(() => resolveModalOptions(modal), [modal]);\n\n  const teardownModalRoot = useCallback(() => {\n    const root = rootRef.current;\n    const container = containerRef.current;\n\n    rootRef.current = null;\n    containerRef.current = null;\n\n    if (!root || !container) {\n      return;\n    }\n\n    queueMicrotask(() => {\n      root.unmount();\n      container.remove();\n    });\n  }, []);\n\n  const restoreFocus = useCallback(() => {\n    activeElementRef.current?.focus();\n    activeElementRef.current = null;\n  }, []);\n\n  const closeInternal = useCallback(\n    (reason: BrokerSignupCloseReason, notifyOnClose: boolean) => {\n      if (!isOpenRef.current) {\n        return;\n      }\n\n      setIsOpen(false);\n      setIframeSrc(null);\n\n      if (notifyOnClose && reason !== 'success') {\n        onCloseRef.current?.(reason);\n      }\n    },\n    [],\n  );\n\n  const close = useCallback(\n    (reason: Exclude<BrokerSignupCloseReason, 'success'> = 'api') => {\n      closeInternal(reason, true);\n    },\n    [closeInternal],\n  );\n\n  const open = useCallback(\n    (signupToken: string) => {\n      if (typeof signupToken !== 'string') {\n        throw new Error('signupToken is required');\n      }\n\n      const normalizedSignupToken = signupToken.trim();\n\n      if (normalizedSignupToken === '') {\n        throw new Error('signupToken is required');\n      }\n\n      if (typeof document !== 'undefined' && !activeElementRef.current) {\n        activeElementRef.current =\n          document.activeElement instanceof HTMLElement ? document.activeElement : null;\n      }\n\n      setIframeSrc(\n        buildSignupUrlFromConfig(baseUrl, signupPath, normalizedSignupToken),\n      );\n      setIsOpen(true);\n    },\n    [baseUrl, signupPath],\n  );\n\n  useEffect(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    if (!isOpen || !iframeSrc) {\n      rootRef.current?.render(null);\n      return;\n    }\n\n    if (!containerRef.current) {\n      containerRef.current = document.createElement('div');\n      containerRef.current.dataset.brokerSignupIntegration = 'true';\n      document.body.appendChild(containerRef.current);\n      rootRef.current = createRoot(containerRef.current);\n    }\n\n    rootRef.current?.render(\n      <BrokerSignupModal\n        iframeSrc={iframeSrc}\n        modalOptions={resolvedModalOptions}\n        onRequestClose={close}\n      />,\n    );\n  }, [close, iframeSrc, isOpen, resolvedModalOptions]);\n\n  useEffect(() => {\n    if (isOpen && !scrollLockedRef.current) {\n      lockBodyScroll();\n      scrollLockedRef.current = true;\n      return;\n    }\n\n    if (!isOpen && scrollLockedRef.current) {\n      unlockBodyScroll();\n      scrollLockedRef.current = false;\n      restoreFocus();\n    }\n  }, [isOpen, restoreFocus]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !isOpen || !iframeSrc) {\n      return;\n    }\n\n    const expectedOrigin = new URL(iframeSrc).origin;\n\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== expectedOrigin || !isValidIframeMessage(event.data)) {\n        return;\n      }\n\n      if (event.data.event === 'SUCCESS') {\n        closeInternal('success', false);\n        onSuccessRef.current?.();\n        return;\n      }\n\n      if (event.data.event === 'CLOSE') {\n        closeInternal('iframe', true);\n        return;\n      }\n\n      onErrorRef.current?.({ message: event.data.message });\n    };\n\n    window.addEventListener('message', handleMessage);\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [closeInternal, iframeSrc, isOpen]);\n\n  useEffect(() => {\n    return () => {\n      if (scrollLockedRef.current) {\n        unlockBodyScroll();\n        scrollLockedRef.current = false;\n      }\n\n      teardownModalRoot();\n      restoreFocus();\n    };\n  }, [restoreFocus, teardownModalRoot]);\n\n  return {\n    open,\n    close,\n    isOpen,\n  };\n}\n","import { useEffect, useRef } from 'react';\n\nimport type {\n  BrokerSignupCloseReason,\n  ResolvedBrokerSignupModalOptions,\n} from '../types';\n\ninterface BrokerSignupModalProps {\n  iframeSrc: string;\n  modalOptions: ResolvedBrokerSignupModalOptions;\n  onRequestClose: (reason: Exclude<BrokerSignupCloseReason, 'success'>) => void;\n}\n\nfunction toCssSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function BrokerSignupModal({\n  iframeSrc,\n  modalOptions,\n  onRequestClose,\n}: BrokerSignupModalProps) {\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    dialogRef.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    if (!modalOptions.closeOnEscape) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onRequestClose('escape');\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [modalOptions.closeOnEscape, onRequestClose]);\n\n  return (\n    <div\n      className={modalOptions.overlayClassName}\n      data-testid=\"broker-signup-overlay\"\n      onClick={(event) => {\n        if (\n          modalOptions.closeOnOverlayClick &&\n          event.target === event.currentTarget\n        ) {\n          onRequestClose('overlay');\n        }\n      }}\n      style={{\n        alignItems: 'center',\n        backgroundColor: 'rgba(15, 23, 42, 0.45)',\n        display: 'flex',\n        inset: 0,\n        justifyContent: 'center',\n        padding: 'clamp(12px, 3vw, 24px)',\n        position: 'fixed',\n        zIndex: modalOptions.zIndex,\n      }}\n    >\n      <div\n        aria-label={modalOptions.iframeTitle}\n        aria-modal=\"true\"\n        className={modalOptions.className}\n        data-testid=\"broker-signup-dialog\"\n        ref={dialogRef}\n        role=\"dialog\"\n        style={{\n          backgroundColor: '#ffffff',\n          borderRadius: 'clamp(16px, 2vw, 20px)',\n          boxShadow: '0 24px 80px rgba(15, 23, 42, 0.22)',\n          display: 'flex',\n          flexDirection: 'column',\n          height: `min(${toCssSize(modalOptions.height)}, calc(100vh - 48px))`,\n          maxHeight: 'calc(100vh - 48px)',\n          maxWidth: 'calc(100vw - 48px)',\n          overflow: 'hidden',\n          position: 'relative',\n          width: `min(${toCssSize(modalOptions.width)}, calc(100vw - 48px))`,\n        }}\n        tabIndex={-1}\n      >\n        <iframe\n          src={iframeSrc}\n          style={{\n            backgroundColor: '#ffffff',\n            border: 0,\n            display: 'block',\n            flex: 1,\n            height: '100%',\n            width: '100%',\n          }}\n          title={modalOptions.iframeTitle}\n        />\n      </div>\n    </div>\n  );\n}\n","import { DEFAULT_SIGNUP_PATH } from '../constants';\n\nexport function normalizeSignupPath(signupPath: string = DEFAULT_SIGNUP_PATH): string {\n  if (typeof signupPath !== 'string') {\n    throw new Error('signupPath must be a pathname');\n  }\n\n  if (signupPath.includes('://')) {\n    throw new Error('signupPath must not be a full URL');\n  }\n\n  if (signupPath.includes('?') || signupPath.includes('#')) {\n    throw new Error('signupPath must not include query params or hash');\n  }\n\n  const trimmedPath = signupPath.trim();\n\n  if (trimmedPath === '') {\n    return '/';\n  }\n\n  if (trimmedPath === '/') {\n    return '/';\n  }\n\n  return trimmedPath.startsWith('/') ? trimmedPath : `/${trimmedPath}`;\n}\n","import type { BrokerSignupEnvironment } from '../types';\nimport { DEFAULT_SIGNUP_PATH } from '../constants';\nimport { getEnvironmentBaseUrl } from './getEnvironmentBaseUrl';\nimport { normalizeSignupPath } from './normalizeSignupPath';\n\nfunction parseBaseUrl(baseUrl: string): URL {\n  if (typeof baseUrl !== 'string' || baseUrl.trim() === '') {\n    throw new Error('baseUrl must be a valid absolute URL');\n  }\n\n  let url: URL;\n\n  try {\n    url = new URL(baseUrl);\n  } catch {\n    throw new Error('baseUrl must be a valid absolute URL');\n  }\n\n  if (url.search || url.hash) {\n    throw new Error('baseUrl must not include search params or hash');\n  }\n\n  if (url.pathname !== '/' && url.pathname !== '') {\n    throw new Error('baseUrl must not include a pathname');\n  }\n\n  return url;\n}\n\nexport function getBaseUrlOrigin(baseUrl: string): string {\n  return parseBaseUrl(baseUrl).origin;\n}\n\nexport function buildSignupUrlFromConfig(\n  baseUrl: string,\n  signupPath: string = DEFAULT_SIGNUP_PATH,\n  signupToken: string,\n): string {\n  const url = new URL(normalizeSignupPath(signupPath), getBaseUrlOrigin(baseUrl));\n  url.searchParams.set('signupToken', signupToken);\n  return url.toString();\n}\n\nexport function buildSignupUrl(\n  environment: BrokerSignupEnvironment,\n  signupToken: string,\n): string {\n  return buildSignupUrlFromConfig(\n    getEnvironmentBaseUrl(environment),\n    DEFAULT_SIGNUP_PATH,\n    signupToken,\n  );\n}\n","import type { BrokerSignupIframeMessage } from '../types';\n\nexport function isValidIframeMessage(\n  payload: unknown,\n): payload is BrokerSignupIframeMessage {\n  if (!payload || typeof payload !== 'object') {\n    return false;\n  }\n\n  if (!('event' in payload)) {\n    return false;\n  }\n\n  if (payload.event === 'SUCCESS') {\n    return true;\n  }\n\n  if (payload.event === 'CLOSE') {\n    return true;\n  }\n\n  if (payload.event === 'ERROR') {\n    return 'message' in payload && typeof payload.message === 'string';\n  }\n\n  return false;\n}\n","import { getEnvironmentBaseUrl } from './utils/getEnvironmentBaseUrl';\nimport { DEFAULT_SIGNUP_PATH } from './constants';\nimport { useBrokerSignupIntegrationBase } from './internal/useBrokerSignupIntegrationBase';\nimport type {\n  BrokerSignupIntegrationControls,\n  UseBrokerSignupIntegrationOptions,\n} from './types';\n\nexport function useBrokerSignupIntegration({\n  environment,\n  modal,\n  onSuccess,\n  onError,\n  onClose,\n}: UseBrokerSignupIntegrationOptions): BrokerSignupIntegrationControls {\n  return useBrokerSignupIntegrationBase({\n    baseUrl: getEnvironmentBaseUrl(environment),\n    signupPath: DEFAULT_SIGNUP_PATH,\n    modal,\n    onSuccess,\n    onError,\n    onClose,\n  });\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,31 @@
+type BrokerSignupEnvironment = 'develop' | 'production';
+type BrokerSignupCloseReason = 'overlay' | 'escape' | 'iframe' | 'api' | 'success';
+interface BrokerSignupModalOptions {
+    width?: number | string;
+    height?: number | string;
+    zIndex?: number;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    iframeTitle?: string;
+}
+interface BrokerSignupErrorEvent {
+    message: string;
+}
+interface UseBrokerSignupIntegrationOptions {
+    environment: BrokerSignupEnvironment;
+    modal?: BrokerSignupModalOptions;
+    onSuccess?: () => void;
+    onError?: (event: BrokerSignupErrorEvent) => void;
+    onClose?: (reason: Exclude<BrokerSignupCloseReason, 'success'>) => void;
+}
+interface BrokerSignupIntegrationControls {
+    open: (signupToken: string) => void;
+    close: (reason?: Exclude<BrokerSignupCloseReason, 'success'>) => void;
+    isOpen: boolean;
+}
+
+declare function useBrokerSignupIntegration({ environment, modal, onSuccess, onError, onClose, }: UseBrokerSignupIntegrationOptions): BrokerSignupIntegrationControls;
+
+export { type BrokerSignupCloseReason, type BrokerSignupEnvironment, type BrokerSignupErrorEvent, type BrokerSignupIntegrationControls, type BrokerSignupModalOptions, type UseBrokerSignupIntegrationOptions, useBrokerSignupIntegration };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+type BrokerSignupEnvironment = 'develop' | 'production';
+type BrokerSignupCloseReason = 'overlay' | 'escape' | 'iframe' | 'api' | 'success';
+interface BrokerSignupModalOptions {
+    width?: number | string;
+    height?: number | string;
+    zIndex?: number;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    iframeTitle?: string;
+}
+interface BrokerSignupErrorEvent {
+    message: string;
+}
+interface UseBrokerSignupIntegrationOptions {
+    environment: BrokerSignupEnvironment;
+    modal?: BrokerSignupModalOptions;
+    onSuccess?: () => void;
+    onError?: (event: BrokerSignupErrorEvent) => void;
+    onClose?: (reason: Exclude<BrokerSignupCloseReason, 'success'>) => void;
+}
+interface BrokerSignupIntegrationControls {
+    open: (signupToken: string) => void;
+    close: (reason?: Exclude<BrokerSignupCloseReason, 'success'>) => void;
+    isOpen: boolean;
+}
+
+declare function useBrokerSignupIntegration({ environment, modal, onSuccess, onError, onClose, }: UseBrokerSignupIntegrationOptions): BrokerSignupIntegrationControls;
+
+export { type BrokerSignupCloseReason, type BrokerSignupEnvironment, type BrokerSignupErrorEvent, type BrokerSignupIntegrationControls, type BrokerSignupModalOptions, type UseBrokerSignupIntegrationOptions, useBrokerSignupIntegration };

package/dist/index.js

@@ -0,0 +1,393 @@
+// src/constants.ts
+var DEFAULT_SIGNUP_PATH = "/integration/signup";
+var ENVIRONMENT_BASE_URLS = {
+  develop: "https://broker.tongoapp.io",
+  production: "https://broker.gettongo.com"
+};
+var DEFAULT_MODAL_OPTIONS = {
+  width: 1120,
+  height: 880,
+  zIndex: 1e3,
+  closeOnOverlayClick: true,
+  closeOnEscape: true,
+  iframeTitle: "Tongo broker signup"
+};
+
+// src/utils/getEnvironmentBaseUrl.ts
+function getEnvironmentBaseUrl(environment) {
+  return ENVIRONMENT_BASE_URLS[environment];
+}
+
+// src/internal/useBrokerSignupIntegrationBase.tsx
+import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState } from "react";
+import { createRoot } from "react-dom/client";
+
+// src/components/BrokerSignupModal.tsx
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function toCssSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function BrokerSignupModal({
+  iframeSrc,
+  modalOptions,
+  onRequestClose
+}) {
+  const dialogRef = useRef(null);
+  useEffect(() => {
+    dialogRef.current?.focus();
+  }, []);
+  useEffect(() => {
+    if (!modalOptions.closeOnEscape) {
+      return;
+    }
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onRequestClose("escape");
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [modalOptions.closeOnEscape, onRequestClose]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: modalOptions.overlayClassName,
+      "data-testid": "broker-signup-overlay",
+      onClick: (event) => {
+        if (modalOptions.closeOnOverlayClick && event.target === event.currentTarget) {
+          onRequestClose("overlay");
+        }
+      },
+      style: {
+        alignItems: "center",
+        backgroundColor: "rgba(15, 23, 42, 0.45)",
+        display: "flex",
+        inset: 0,
+        justifyContent: "center",
+        padding: "clamp(12px, 3vw, 24px)",
+        position: "fixed",
+        zIndex: modalOptions.zIndex
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-label": modalOptions.iframeTitle,
+          "aria-modal": "true",
+          className: modalOptions.className,
+          "data-testid": "broker-signup-dialog",
+          ref: dialogRef,
+          role: "dialog",
+          style: {
+            backgroundColor: "#ffffff",
+            borderRadius: "clamp(16px, 2vw, 20px)",
+            boxShadow: "0 24px 80px rgba(15, 23, 42, 0.22)",
+            display: "flex",
+            flexDirection: "column",
+            height: `min(${toCssSize(modalOptions.height)}, calc(100vh - 48px))`,
+            maxHeight: "calc(100vh - 48px)",
+            maxWidth: "calc(100vw - 48px)",
+            overflow: "hidden",
+            position: "relative",
+            width: `min(${toCssSize(modalOptions.width)}, calc(100vw - 48px))`
+          },
+          tabIndex: -1,
+          children: /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src: iframeSrc,
+              style: {
+                backgroundColor: "#ffffff",
+                border: 0,
+                display: "block",
+                flex: 1,
+                height: "100%",
+                width: "100%"
+              },
+              title: modalOptions.iframeTitle
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/utils/normalizeSignupPath.ts
+function normalizeSignupPath(signupPath = DEFAULT_SIGNUP_PATH) {
+  if (typeof signupPath !== "string") {
+    throw new Error("signupPath must be a pathname");
+  }
+  if (signupPath.includes("://")) {
+    throw new Error("signupPath must not be a full URL");
+  }
+  if (signupPath.includes("?") || signupPath.includes("#")) {
+    throw new Error("signupPath must not include query params or hash");
+  }
+  const trimmedPath = signupPath.trim();
+  if (trimmedPath === "") {
+    return "/";
+  }
+  if (trimmedPath === "/") {
+    return "/";
+  }
+  return trimmedPath.startsWith("/") ? trimmedPath : `/${trimmedPath}`;
+}
+
+// src/utils/buildSignupUrl.ts
+function parseBaseUrl(baseUrl) {
+  if (typeof baseUrl !== "string" || baseUrl.trim() === "") {
+    throw new Error("baseUrl must be a valid absolute URL");
+  }
+  let url;
+  try {
+    url = new URL(baseUrl);
+  } catch {
+    throw new Error("baseUrl must be a valid absolute URL");
+  }
+  if (url.search || url.hash) {
+    throw new Error("baseUrl must not include search params or hash");
+  }
+  if (url.pathname !== "/" && url.pathname !== "") {
+    throw new Error("baseUrl must not include a pathname");
+  }
+  return url;
+}
+function getBaseUrlOrigin(baseUrl) {
+  return parseBaseUrl(baseUrl).origin;
+}
+function buildSignupUrlFromConfig(baseUrl, signupPath = DEFAULT_SIGNUP_PATH, signupToken) {
+  const url = new URL(normalizeSignupPath(signupPath), getBaseUrlOrigin(baseUrl));
+  url.searchParams.set("signupToken", signupToken);
+  return url.toString();
+}
+
+// src/utils/isValidIframeMessage.ts
+function isValidIframeMessage(payload) {
+  if (!payload || typeof payload !== "object") {
+    return false;
+  }
+  if (!("event" in payload)) {
+    return false;
+  }
+  if (payload.event === "SUCCESS") {
+    return true;
+  }
+  if (payload.event === "CLOSE") {
+    return true;
+  }
+  if (payload.event === "ERROR") {
+    return "message" in payload && typeof payload.message === "string";
+  }
+  return false;
+}
+
+// src/internal/useBrokerSignupIntegrationBase.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var bodyScrollLockCount = 0;
+var initialBodyOverflow = "";
+function lockBodyScroll() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (bodyScrollLockCount === 0) {
+    initialBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  bodyScrollLockCount += 1;
+}
+function unlockBodyScroll() {
+  if (typeof document === "undefined" || bodyScrollLockCount === 0) {
+    return;
+  }
+  bodyScrollLockCount -= 1;
+  if (bodyScrollLockCount === 0) {
+    document.body.style.overflow = initialBodyOverflow;
+  }
+}
+function resolveModalOptions(modalOptions) {
+  return {
+    ...DEFAULT_MODAL_OPTIONS,
+    ...modalOptions
+  };
+}
+function useBrokerSignupIntegrationBase({
+  baseUrl,
+  signupPath = DEFAULT_SIGNUP_PATH,
+  modal,
+  onSuccess,
+  onError,
+  onClose
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [iframeSrc, setIframeSrc] = useState(null);
+  const rootRef = useRef2(null);
+  const containerRef = useRef2(null);
+  const activeElementRef = useRef2(null);
+  const isOpenRef = useRef2(isOpen);
+  const scrollLockedRef = useRef2(false);
+  const onSuccessRef = useRef2(onSuccess);
+  const onErrorRef = useRef2(onError);
+  const onCloseRef = useRef2(onClose);
+  isOpenRef.current = isOpen;
+  onSuccessRef.current = onSuccess;
+  onErrorRef.current = onError;
+  onCloseRef.current = onClose;
+  const resolvedModalOptions = useMemo(() => resolveModalOptions(modal), [modal]);
+  const teardownModalRoot = useCallback(() => {
+    const root = rootRef.current;
+    const container = containerRef.current;
+    rootRef.current = null;
+    containerRef.current = null;
+    if (!root || !container) {
+      return;
+    }
+    queueMicrotask(() => {
+      root.unmount();
+      container.remove();
+    });
+  }, []);
+  const restoreFocus = useCallback(() => {
+    activeElementRef.current?.focus();
+    activeElementRef.current = null;
+  }, []);
+  const closeInternal = useCallback(
+    (reason, notifyOnClose) => {
+      if (!isOpenRef.current) {
+        return;
+      }
+      setIsOpen(false);
+      setIframeSrc(null);
+      if (notifyOnClose && reason !== "success") {
+        onCloseRef.current?.(reason);
+      }
+    },
+    []
+  );
+  const close = useCallback(
+    (reason = "api") => {
+      closeInternal(reason, true);
+    },
+    [closeInternal]
+  );
+  const open = useCallback(
+    (signupToken) => {
+      if (typeof signupToken !== "string") {
+        throw new Error("signupToken is required");
+      }
+      const normalizedSignupToken = signupToken.trim();
+      if (normalizedSignupToken === "") {
+        throw new Error("signupToken is required");
+      }
+      if (typeof document !== "undefined" && !activeElementRef.current) {
+        activeElementRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      }
+      setIframeSrc(
+        buildSignupUrlFromConfig(baseUrl, signupPath, normalizedSignupToken)
+      );
+      setIsOpen(true);
+    },
+    [baseUrl, signupPath]
+  );
+  useEffect2(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    if (!isOpen || !iframeSrc) {
+      rootRef.current?.render(null);
+      return;
+    }
+    if (!containerRef.current) {
+      containerRef.current = document.createElement("div");
+      containerRef.current.dataset.brokerSignupIntegration = "true";
+      document.body.appendChild(containerRef.current);
+      rootRef.current = createRoot(containerRef.current);
+    }
+    rootRef.current?.render(
+      /* @__PURE__ */ jsx2(
+        BrokerSignupModal,
+        {
+          iframeSrc,
+          modalOptions: resolvedModalOptions,
+          onRequestClose: close
+        }
+      )
+    );
+  }, [close, iframeSrc, isOpen, resolvedModalOptions]);
+  useEffect2(() => {
+    if (isOpen && !scrollLockedRef.current) {
+      lockBodyScroll();
+      scrollLockedRef.current = true;
+      return;
+    }
+    if (!isOpen && scrollLockedRef.current) {
+      unlockBodyScroll();
+      scrollLockedRef.current = false;
+      restoreFocus();
+    }
+  }, [isOpen, restoreFocus]);
+  useEffect2(() => {
+    if (typeof window === "undefined" || !isOpen || !iframeSrc) {
+      return;
+    }
+    const expectedOrigin = new URL(iframeSrc).origin;
+    const handleMessage = (event) => {
+      if (event.origin !== expectedOrigin || !isValidIframeMessage(event.data)) {
+        return;
+      }
+      if (event.data.event === "SUCCESS") {
+        closeInternal("success", false);
+        onSuccessRef.current?.();
+        return;
+      }
+      if (event.data.event === "CLOSE") {
+        closeInternal("iframe", true);
+        return;
+      }
+      onErrorRef.current?.({ message: event.data.message });
+    };
+    window.addEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [closeInternal, iframeSrc, isOpen]);
+  useEffect2(() => {
+    return () => {
+      if (scrollLockedRef.current) {
+        unlockBodyScroll();
+        scrollLockedRef.current = false;
+      }
+      teardownModalRoot();
+      restoreFocus();
+    };
+  }, [restoreFocus, teardownModalRoot]);
+  return {
+    open,
+    close,
+    isOpen
+  };
+}
+
+// src/useBrokerSignupIntegration.tsx
+function useBrokerSignupIntegration({
+  environment,
+  modal,
+  onSuccess,
+  onError,
+  onClose
+}) {
+  return useBrokerSignupIntegrationBase({
+    baseUrl: getEnvironmentBaseUrl(environment),
+    signupPath: DEFAULT_SIGNUP_PATH,
+    modal,
+    onSuccess,
+    onError,
+    onClose
+  });
+}
+export {
+  useBrokerSignupIntegration
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts","../src/utils/getEnvironmentBaseUrl.ts","../src/internal/useBrokerSignupIntegrationBase.tsx","../src/components/BrokerSignupModal.tsx","../src/utils/normalizeSignupPath.ts","../src/utils/buildSignupUrl.ts","../src/utils/isValidIframeMessage.ts","../src/useBrokerSignupIntegration.tsx"],"sourcesContent":["import type { BrokerSignupEnvironment, BrokerSignupModalOptions } from './types';\n\nexport const DEFAULT_SIGNUP_PATH = '/integration/signup';\n\nexport const ENVIRONMENT_BASE_URLS: Record<BrokerSignupEnvironment, string> = {\n  develop: 'https://broker.tongoapp.io',\n  production: 'https://broker.gettongo.com',\n};\n\nexport const DEFAULT_MODAL_OPTIONS: Required<\n  Pick<\n    BrokerSignupModalOptions,\n    | 'width'\n    | 'height'\n    | 'zIndex'\n    | 'closeOnOverlayClick'\n    | 'closeOnEscape'\n    | 'iframeTitle'\n  >\n> = {\n  width: 1120,\n  height: 880,\n  zIndex: 1000,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  iframeTitle: 'Tongo broker signup',\n};\n","import { ENVIRONMENT_BASE_URLS } from '../constants';\nimport type { BrokerSignupEnvironment } from '../types';\n\nexport function getEnvironmentBaseUrl(environment: BrokerSignupEnvironment): string {\n  return ENVIRONMENT_BASE_URLS[environment];\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createRoot, type Root } from 'react-dom/client';\n\nimport { BrokerSignupModal } from '../components/BrokerSignupModal';\nimport { DEFAULT_MODAL_OPTIONS, DEFAULT_SIGNUP_PATH } from '../constants';\nimport type {\n  BrokerSignupCloseReason,\n  BrokerSignupErrorEvent,\n  BrokerSignupIntegrationControls,\n  BrokerSignupModalOptions,\n  ResolvedBrokerSignupModalOptions,\n} from '../types';\nimport { buildSignupUrlFromConfig } from '../utils/buildSignupUrl';\nimport { isValidIframeMessage } from '../utils/isValidIframeMessage';\n\nexport interface UseBrokerSignupIntegrationBaseOptions {\n  baseUrl: string;\n  signupPath?: string;\n  modal?: BrokerSignupModalOptions;\n  onSuccess?: () => void;\n  onError?: (event: BrokerSignupErrorEvent) => void;\n  onClose?: (reason: Exclude<BrokerSignupCloseReason, 'success'>) => void;\n}\n\nlet bodyScrollLockCount = 0;\nlet initialBodyOverflow = '';\n\nfunction lockBodyScroll() {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  if (bodyScrollLockCount === 0) {\n    initialBodyOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n  }\n\n  bodyScrollLockCount += 1;\n}\n\nfunction unlockBodyScroll() {\n  if (typeof document === 'undefined' || bodyScrollLockCount === 0) {\n    return;\n  }\n\n  bodyScrollLockCount -= 1;\n\n  if (bodyScrollLockCount === 0) {\n    document.body.style.overflow = initialBodyOverflow;\n  }\n}\n\nfunction resolveModalOptions(\n  modalOptions?: BrokerSignupModalOptions,\n): ResolvedBrokerSignupModalOptions {\n  return {\n    ...DEFAULT_MODAL_OPTIONS,\n    ...modalOptions,\n  };\n}\n\nexport function useBrokerSignupIntegrationBase({\n  baseUrl,\n  signupPath = DEFAULT_SIGNUP_PATH,\n  modal,\n  onSuccess,\n  onError,\n  onClose,\n}: UseBrokerSignupIntegrationBaseOptions): BrokerSignupIntegrationControls {\n  const [isOpen, setIsOpen] = useState(false);\n  const [iframeSrc, setIframeSrc] = useState<string | null>(null);\n\n  const rootRef = useRef<Root | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const activeElementRef = useRef<HTMLElement | null>(null);\n  const isOpenRef = useRef(isOpen);\n  const scrollLockedRef = useRef(false);\n  const onSuccessRef = useRef(onSuccess);\n  const onErrorRef = useRef(onError);\n  const onCloseRef = useRef(onClose);\n\n  isOpenRef.current = isOpen;\n  onSuccessRef.current = onSuccess;\n  onErrorRef.current = onError;\n  onCloseRef.current = onClose;\n\n  const resolvedModalOptions = useMemo(() => resolveModalOptions(modal), [modal]);\n\n  const teardownModalRoot = useCallback(() => {\n    const root = rootRef.current;\n    const container = containerRef.current;\n\n    rootRef.current = null;\n    containerRef.current = null;\n\n    if (!root || !container) {\n      return;\n    }\n\n    queueMicrotask(() => {\n      root.unmount();\n      container.remove();\n    });\n  }, []);\n\n  const restoreFocus = useCallback(() => {\n    activeElementRef.current?.focus();\n    activeElementRef.current = null;\n  }, []);\n\n  const closeInternal = useCallback(\n    (reason: BrokerSignupCloseReason, notifyOnClose: boolean) => {\n      if (!isOpenRef.current) {\n        return;\n      }\n\n      setIsOpen(false);\n      setIframeSrc(null);\n\n      if (notifyOnClose && reason !== 'success') {\n        onCloseRef.current?.(reason);\n      }\n    },\n    [],\n  );\n\n  const close = useCallback(\n    (reason: Exclude<BrokerSignupCloseReason, 'success'> = 'api') => {\n      closeInternal(reason, true);\n    },\n    [closeInternal],\n  );\n\n  const open = useCallback(\n    (signupToken: string) => {\n      if (typeof signupToken !== 'string') {\n        throw new Error('signupToken is required');\n      }\n\n      const normalizedSignupToken = signupToken.trim();\n\n      if (normalizedSignupToken === '') {\n        throw new Error('signupToken is required');\n      }\n\n      if (typeof document !== 'undefined' && !activeElementRef.current) {\n        activeElementRef.current =\n          document.activeElement instanceof HTMLElement ? document.activeElement : null;\n      }\n\n      setIframeSrc(\n        buildSignupUrlFromConfig(baseUrl, signupPath, normalizedSignupToken),\n      );\n      setIsOpen(true);\n    },\n    [baseUrl, signupPath],\n  );\n\n  useEffect(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    if (!isOpen || !iframeSrc) {\n      rootRef.current?.render(null);\n      return;\n    }\n\n    if (!containerRef.current) {\n      containerRef.current = document.createElement('div');\n      containerRef.current.dataset.brokerSignupIntegration = 'true';\n      document.body.appendChild(containerRef.current);\n      rootRef.current = createRoot(containerRef.current);\n    }\n\n    rootRef.current?.render(\n      <BrokerSignupModal\n        iframeSrc={iframeSrc}\n        modalOptions={resolvedModalOptions}\n        onRequestClose={close}\n      />,\n    );\n  }, [close, iframeSrc, isOpen, resolvedModalOptions]);\n\n  useEffect(() => {\n    if (isOpen && !scrollLockedRef.current) {\n      lockBodyScroll();\n      scrollLockedRef.current = true;\n      return;\n    }\n\n    if (!isOpen && scrollLockedRef.current) {\n      unlockBodyScroll();\n      scrollLockedRef.current = false;\n      restoreFocus();\n    }\n  }, [isOpen, restoreFocus]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !isOpen || !iframeSrc) {\n      return;\n    }\n\n    const expectedOrigin = new URL(iframeSrc).origin;\n\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== expectedOrigin || !isValidIframeMessage(event.data)) {\n        return;\n      }\n\n      if (event.data.event === 'SUCCESS') {\n        closeInternal('success', false);\n        onSuccessRef.current?.();\n        return;\n      }\n\n      if (event.data.event === 'CLOSE') {\n        closeInternal('iframe', true);\n        return;\n      }\n\n      onErrorRef.current?.({ message: event.data.message });\n    };\n\n    window.addEventListener('message', handleMessage);\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [closeInternal, iframeSrc, isOpen]);\n\n  useEffect(() => {\n    return () => {\n      if (scrollLockedRef.current) {\n        unlockBodyScroll();\n        scrollLockedRef.current = false;\n      }\n\n      teardownModalRoot();\n      restoreFocus();\n    };\n  }, [restoreFocus, teardownModalRoot]);\n\n  return {\n    open,\n    close,\n    isOpen,\n  };\n}\n","import { useEffect, useRef } from 'react';\n\nimport type {\n  BrokerSignupCloseReason,\n  ResolvedBrokerSignupModalOptions,\n} from '../types';\n\ninterface BrokerSignupModalProps {\n  iframeSrc: string;\n  modalOptions: ResolvedBrokerSignupModalOptions;\n  onRequestClose: (reason: Exclude<BrokerSignupCloseReason, 'success'>) => void;\n}\n\nfunction toCssSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function BrokerSignupModal({\n  iframeSrc,\n  modalOptions,\n  onRequestClose,\n}: BrokerSignupModalProps) {\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    dialogRef.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    if (!modalOptions.closeOnEscape) {\n      return;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onRequestClose('escape');\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [modalOptions.closeOnEscape, onRequestClose]);\n\n  return (\n    <div\n      className={modalOptions.overlayClassName}\n      data-testid=\"broker-signup-overlay\"\n      onClick={(event) => {\n        if (\n          modalOptions.closeOnOverlayClick &&\n          event.target === event.currentTarget\n        ) {\n          onRequestClose('overlay');\n        }\n      }}\n      style={{\n        alignItems: 'center',\n        backgroundColor: 'rgba(15, 23, 42, 0.45)',\n        display: 'flex',\n        inset: 0,\n        justifyContent: 'center',\n        padding: 'clamp(12px, 3vw, 24px)',\n        position: 'fixed',\n        zIndex: modalOptions.zIndex,\n      }}\n    >\n      <div\n        aria-label={modalOptions.iframeTitle}\n        aria-modal=\"true\"\n        className={modalOptions.className}\n        data-testid=\"broker-signup-dialog\"\n        ref={dialogRef}\n        role=\"dialog\"\n        style={{\n          backgroundColor: '#ffffff',\n          borderRadius: 'clamp(16px, 2vw, 20px)',\n          boxShadow: '0 24px 80px rgba(15, 23, 42, 0.22)',\n          display: 'flex',\n          flexDirection: 'column',\n          height: `min(${toCssSize(modalOptions.height)}, calc(100vh - 48px))`,\n          maxHeight: 'calc(100vh - 48px)',\n          maxWidth: 'calc(100vw - 48px)',\n          overflow: 'hidden',\n          position: 'relative',\n          width: `min(${toCssSize(modalOptions.width)}, calc(100vw - 48px))`,\n        }}\n        tabIndex={-1}\n      >\n        <iframe\n          src={iframeSrc}\n          style={{\n            backgroundColor: '#ffffff',\n            border: 0,\n            display: 'block',\n            flex: 1,\n            height: '100%',\n            width: '100%',\n          }}\n          title={modalOptions.iframeTitle}\n        />\n      </div>\n    </div>\n  );\n}\n","import { DEFAULT_SIGNUP_PATH } from '../constants';\n\nexport function normalizeSignupPath(signupPath: string = DEFAULT_SIGNUP_PATH): string {\n  if (typeof signupPath !== 'string') {\n    throw new Error('signupPath must be a pathname');\n  }\n\n  if (signupPath.includes('://')) {\n    throw new Error('signupPath must not be a full URL');\n  }\n\n  if (signupPath.includes('?') || signupPath.includes('#')) {\n    throw new Error('signupPath must not include query params or hash');\n  }\n\n  const trimmedPath = signupPath.trim();\n\n  if (trimmedPath === '') {\n    return '/';\n  }\n\n  if (trimmedPath === '/') {\n    return '/';\n  }\n\n  return trimmedPath.startsWith('/') ? trimmedPath : `/${trimmedPath}`;\n}\n","import type { BrokerSignupEnvironment } from '../types';\nimport { DEFAULT_SIGNUP_PATH } from '../constants';\nimport { getEnvironmentBaseUrl } from './getEnvironmentBaseUrl';\nimport { normalizeSignupPath } from './normalizeSignupPath';\n\nfunction parseBaseUrl(baseUrl: string): URL {\n  if (typeof baseUrl !== 'string' || baseUrl.trim() === '') {\n    throw new Error('baseUrl must be a valid absolute URL');\n  }\n\n  let url: URL;\n\n  try {\n    url = new URL(baseUrl);\n  } catch {\n    throw new Error('baseUrl must be a valid absolute URL');\n  }\n\n  if (url.search || url.hash) {\n    throw new Error('baseUrl must not include search params or hash');\n  }\n\n  if (url.pathname !== '/' && url.pathname !== '') {\n    throw new Error('baseUrl must not include a pathname');\n  }\n\n  return url;\n}\n\nexport function getBaseUrlOrigin(baseUrl: string): string {\n  return parseBaseUrl(baseUrl).origin;\n}\n\nexport function buildSignupUrlFromConfig(\n  baseUrl: string,\n  signupPath: string = DEFAULT_SIGNUP_PATH,\n  signupToken: string,\n): string {\n  const url = new URL(normalizeSignupPath(signupPath), getBaseUrlOrigin(baseUrl));\n  url.searchParams.set('signupToken', signupToken);\n  return url.toString();\n}\n\nexport function buildSignupUrl(\n  environment: BrokerSignupEnvironment,\n  signupToken: string,\n): string {\n  return buildSignupUrlFromConfig(\n    getEnvironmentBaseUrl(environment),\n    DEFAULT_SIGNUP_PATH,\n    signupToken,\n  );\n}\n","import type { BrokerSignupIframeMessage } from '../types';\n\nexport function isValidIframeMessage(\n  payload: unknown,\n): payload is BrokerSignupIframeMessage {\n  if (!payload || typeof payload !== 'object') {\n    return false;\n  }\n\n  if (!('event' in payload)) {\n    return false;\n  }\n\n  if (payload.event === 'SUCCESS') {\n    return true;\n  }\n\n  if (payload.event === 'CLOSE') {\n    return true;\n  }\n\n  if (payload.event === 'ERROR') {\n    return 'message' in payload && typeof payload.message === 'string';\n  }\n\n  return false;\n}\n","import { getEnvironmentBaseUrl } from './utils/getEnvironmentBaseUrl';\nimport { DEFAULT_SIGNUP_PATH } from './constants';\nimport { useBrokerSignupIntegrationBase } from './internal/useBrokerSignupIntegrationBase';\nimport type {\n  BrokerSignupIntegrationControls,\n  UseBrokerSignupIntegrationOptions,\n} from './types';\n\nexport function useBrokerSignupIntegration({\n  environment,\n  modal,\n  onSuccess,\n  onError,\n  onClose,\n}: UseBrokerSignupIntegrationOptions): BrokerSignupIntegrationControls {\n  return useBrokerSignupIntegrationBase({\n    baseUrl: getEnvironmentBaseUrl(environment),\n    signupPath: DEFAULT_SIGNUP_PATH,\n    modal,\n    onSuccess,\n    onError,\n    onClose,\n  });\n}\n"],"mappings":";AAEO,IAAM,sBAAsB;AAE5B,IAAM,wBAAiE;AAAA,EAC5E,SAAS;AAAA,EACT,YAAY;AACd;AAEO,IAAM,wBAUT;AAAA,EACF,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,aAAa;AACf;;;ACvBO,SAAS,sBAAsB,aAA8C;AAClF,SAAO,sBAAsB,WAAW;AAC1C;;;ACLA,SAAS,aAAa,aAAAA,YAAW,SAAS,UAAAC,SAAQ,gBAAgB;AAClE,SAAS,kBAA6B;;;ACDtC,SAAS,WAAW,cAAc;AA0F1B;AA7ER,SAAS,UAAU,OAAgC;AACjD,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,YAAY,OAA8B,IAAI;AAEpD,YAAU,MAAM;AACd,cAAU,SAAS,MAAM;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,eAAe;AAC/B;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,UAAI,MAAM,QAAQ,UAAU;AAC1B,uBAAe,QAAQ;AAAA,MACzB;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,aAAa,eAAe,cAAc,CAAC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa;AAAA,MACxB,eAAY;AAAA,MACZ,SAAS,CAAC,UAAU;AAClB,YACE,aAAa,uBACb,MAAM,WAAW,MAAM,eACvB;AACA,yBAAe,SAAS;AAAA,QAC1B;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,aAAa;AAAA,MACvB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,aAAa;AAAA,UACzB,cAAW;AAAA,UACX,WAAW,aAAa;AAAA,UACxB,eAAY;AAAA,UACZ,KAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,WAAW;AAAA,YACX,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQ,OAAO,UAAU,aAAa,MAAM,CAAC;AAAA,YAC7C,WAAW;AAAA,YACX,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,OAAO,OAAO,UAAU,aAAa,KAAK,CAAC;AAAA,UAC7C;AAAA,UACA,UAAU;AAAA,UAEV;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,iBAAiB;AAAA,gBACjB,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,OAAO;AAAA,cACT;AAAA,cACA,OAAO,aAAa;AAAA;AAAA,UACtB;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;ACvGO,SAAS,oBAAoB,aAAqB,qBAA6B;AACpF,MAAI,OAAO,eAAe,UAAU;AAClC,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AAEA,MAAI,WAAW,SAAS,KAAK,GAAG;AAC9B,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACrD;AAEA,MAAI,WAAW,SAAS,GAAG,KAAK,WAAW,SAAS,GAAG,GAAG;AACxD,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,QAAM,cAAc,WAAW,KAAK;AAEpC,MAAI,gBAAgB,IAAI;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,gBAAgB,KAAK;AACvB,WAAO;AAAA,EACT;AAEA,SAAO,YAAY,WAAW,GAAG,IAAI,cAAc,IAAI,WAAW;AACpE;;;ACrBA,SAAS,aAAa,SAAsB;AAC1C,MAAI,OAAO,YAAY,YAAY,QAAQ,KAAK,MAAM,IAAI;AACxD,UAAM,IAAI,MAAM,sCAAsC;AAAA,EACxD;AAEA,MAAI;AAEJ,MAAI;AACF,UAAM,IAAI,IAAI,OAAO;AAAA,EACvB,QAAQ;AACN,UAAM,IAAI,MAAM,sCAAsC;AAAA,EACxD;AAEA,MAAI,IAAI,UAAU,IAAI,MAAM;AAC1B,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,MAAI,IAAI,aAAa,OAAO,IAAI,aAAa,IAAI;AAC/C,UAAM,IAAI,MAAM,qCAAqC;AAAA,EACvD;AAEA,SAAO;AACT;AAEO,SAAS,iBAAiB,SAAyB;AACxD,SAAO,aAAa,OAAO,EAAE;AAC/B;AAEO,SAAS,yBACd,SACA,aAAqB,qBACrB,aACQ;AACR,QAAM,MAAM,IAAI,IAAI,oBAAoB,UAAU,GAAG,iBAAiB,OAAO,CAAC;AAC9E,MAAI,aAAa,IAAI,eAAe,WAAW;AAC/C,SAAO,IAAI,SAAS;AACtB;;;ACvCO,SAAS,qBACd,SACsC;AACtC,MAAI,CAAC,WAAW,OAAO,YAAY,UAAU;AAC3C,WAAO;AAAA,EACT;AAEA,MAAI,EAAE,WAAW,UAAU;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,UAAU,WAAW;AAC/B,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,UAAU,SAAS;AAC7B,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,UAAU,SAAS;AAC7B,WAAO,aAAa,WAAW,OAAO,QAAQ,YAAY;AAAA,EAC5D;AAEA,SAAO;AACT;;;AJsJM,gBAAAC,YAAA;AAxJN,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;AAE1B,SAAS,iBAAiB;AACxB,MAAI,OAAO,aAAa,aAAa;AACnC;AAAA,EACF;AAEA,MAAI,wBAAwB,GAAG;AAC7B,0BAAsB,SAAS,KAAK,MAAM;AAC1C,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC;AAEA,yBAAuB;AACzB;AAEA,SAAS,mBAAmB;AAC1B,MAAI,OAAO,aAAa,eAAe,wBAAwB,GAAG;AAChE;AAAA,EACF;AAEA,yBAAuB;AAEvB,MAAI,wBAAwB,GAAG;AAC7B,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC;AACF;AAEA,SAAS,oBACP,cACkC;AAClC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAEO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2E;AACzE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,QAAM,UAAUC,QAAoB,IAAI;AACxC,QAAM,eAAeA,QAA8B,IAAI;AACvD,QAAM,mBAAmBA,QAA2B,IAAI;AACxD,QAAM,YAAYA,QAAO,MAAM;AAC/B,QAAM,kBAAkBA,QAAO,KAAK;AACpC,QAAM,eAAeA,QAAO,SAAS;AACrC,QAAM,aAAaA,QAAO,OAAO;AACjC,QAAM,aAAaA,QAAO,OAAO;AAEjC,YAAU,UAAU;AACpB,eAAa,UAAU;AACvB,aAAW,UAAU;AACrB,aAAW,UAAU;AAErB,QAAM,uBAAuB,QAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAE9E,QAAM,oBAAoB,YAAY,MAAM;AAC1C,UAAM,OAAO,QAAQ;AACrB,UAAM,YAAY,aAAa;AAE/B,YAAQ,UAAU;AAClB,iBAAa,UAAU;AAEvB,QAAI,CAAC,QAAQ,CAAC,WAAW;AACvB;AAAA,IACF;AAEA,mBAAe,MAAM;AACnB,WAAK,QAAQ;AACb,gBAAU,OAAO;AAAA,IACnB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,MAAM;AACrC,qBAAiB,SAAS,MAAM;AAChC,qBAAiB,UAAU;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,QAAiC,kBAA2B;AAC3D,UAAI,CAAC,UAAU,SAAS;AACtB;AAAA,MACF;AAEA,gBAAU,KAAK;AACf,mBAAa,IAAI;AAEjB,UAAI,iBAAiB,WAAW,WAAW;AACzC,mBAAW,UAAU,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,QAAQ;AAAA,IACZ,CAAC,SAAsD,UAAU;AAC/D,oBAAc,QAAQ,IAAI;AAAA,IAC5B;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,OAAO;AAAA,IACX,CAAC,gBAAwB;AACvB,UAAI,OAAO,gBAAgB,UAAU;AACnC,cAAM,IAAI,MAAM,yBAAyB;AAAA,MAC3C;AAEA,YAAM,wBAAwB,YAAY,KAAK;AAE/C,UAAI,0BAA0B,IAAI;AAChC,cAAM,IAAI,MAAM,yBAAyB;AAAA,MAC3C;AAEA,UAAI,OAAO,aAAa,eAAe,CAAC,iBAAiB,SAAS;AAChE,yBAAiB,UACf,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;AAAA,MAC7E;AAEA;AAAA,QACE,yBAAyB,SAAS,YAAY,qBAAqB;AAAA,MACrE;AACA,gBAAU,IAAI;AAAA,IAChB;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACtB;AAEA,EAAAC,WAAU,MAAM;AACd,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,CAAC,UAAU,CAAC,WAAW;AACzB,cAAQ,SAAS,OAAO,IAAI;AAC5B;AAAA,IACF;AAEA,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU,SAAS,cAAc,KAAK;AACnD,mBAAa,QAAQ,QAAQ,0BAA0B;AACvD,eAAS,KAAK,YAAY,aAAa,OAAO;AAC9C,cAAQ,UAAU,WAAW,aAAa,OAAO;AAAA,IACnD;AAEA,YAAQ,SAAS;AAAA,MACf,gBAAAF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,cAAc;AAAA,UACd,gBAAgB;AAAA;AAAA,MAClB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,WAAW,QAAQ,oBAAoB,CAAC;AAEnD,EAAAE,WAAU,MAAM;AACd,QAAI,UAAU,CAAC,gBAAgB,SAAS;AACtC,qBAAe;AACf,sBAAgB,UAAU;AAC1B;AAAA,IACF;AAEA,QAAI,CAAC,UAAU,gBAAgB,SAAS;AACtC,uBAAiB;AACjB,sBAAgB,UAAU;AAC1B,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,EAAAA,WAAU,MAAM;AACd,QAAI,OAAO,WAAW,eAAe,CAAC,UAAU,CAAC,WAAW;AAC1D;AAAA,IACF;AAEA,UAAM,iBAAiB,IAAI,IAAI,SAAS,EAAE;AAE1C,UAAM,gBAAgB,CAAC,UAAwB;AAC7C,UAAI,MAAM,WAAW,kBAAkB,CAAC,qBAAqB,MAAM,IAAI,GAAG;AACxE;AAAA,MACF;AAEA,UAAI,MAAM,KAAK,UAAU,WAAW;AAClC,sBAAc,WAAW,KAAK;AAC9B,qBAAa,UAAU;AACvB;AAAA,MACF;AAEA,UAAI,MAAM,KAAK,UAAU,SAAS;AAChC,sBAAc,UAAU,IAAI;AAC5B;AAAA,MACF;AAEA,iBAAW,UAAU,EAAE,SAAS,MAAM,KAAK,QAAQ,CAAC;AAAA,IACtD;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,eAAe,WAAW,MAAM,CAAC;AAErC,EAAAA,WAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,gBAAgB,SAAS;AAC3B,yBAAiB;AACjB,wBAAgB,UAAU;AAAA,MAC5B;AAEA,wBAAkB;AAClB,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,cAAc,iBAAiB,CAAC;AAEpC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AK/OO,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuE;AACrE,SAAO,+BAA+B;AAAA,IACpC,SAAS,sBAAsB,WAAW;AAAA,IAC1C,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":["useEffect","useRef","jsx","useRef","useEffect"]}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "react-broker-signup-integration",
+  "version": "0.1.0",
+  "description": "React library for broker signup with Tongo using signup tokens.",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/payfully/react-broker-signup-integration.git"
+  },
+  "keywords": [
+    "react",
+    "iframe",
+    "signup",
+    "tongo",
+    "broker"
+  ],
+  "author": "",
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup",
+    "build:playground": "vite build --config vite.playground.config.ts",
+    "dev:playground": "vite --config vite.playground.config.ts",
+    "lint": "eslint .",
+    "preview:playground": "vite preview --config vite.playground.config.ts",
+    "test": "vitest run test",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.18.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "eslint": "^9.18.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "globals": "^15.14.0",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.19.0",
+    "vite": "^5.4.21",
+    "vitest": "^2.1.8"
+  }
+}