@juspay-tech/hyperswitch-control-center-embed-core 1.0.0

package/dist/index.umd.js

@@ -0,0 +1,341 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Hyperswitch = {}));
+})(this, (function (exports) { 'use strict';
+
+  const isBrowser$1 = typeof window !== 'undefined';
+  class HyperswitchElement {
+      constructor(instance, options) {
+          this.instance = instance;
+          this.options = options || {};
+          this._internalId = `hyper-el-${Math.random().toString(36).substring(7)}`;
+          this.boundMessageHandler = null;
+          // In SSR / non-browser environments, avoid touching DOM APIs.
+          // The React wrapper only creates and mounts elements on the client,
+          // so it's safe for server-side usage as long as we no-op here.
+          if (!isBrowser$1) {
+              return;
+          }
+          this.element = document.createElement('div');
+          this.iframe = document.createElement('iframe');
+          this.boundMessageHandler = this.handleMessage.bind(this);
+          this.setupElement();
+          this.setupIframe();
+          window.addEventListener('message', this.boundMessageHandler);
+      }
+      setupElement() {
+          if (!isBrowser$1) {
+              return;
+          }
+          this.element.className = `hyperswitch-element ${this.options.className || ''}`.trim();
+          this.element.dataset.hyperswitchElement = this.getElementType();
+          Object.assign(this.element.style, Object.assign({ width: this.options.width || '100%', height: this.options.height || '500px', overflow: 'hidden' }, (this.options.style || {})));
+      }
+      setupIframe() {
+          if (!isBrowser$1) {
+              return;
+          }
+          this.iframe.src = this.getIframeSrc();
+          this.iframe.style.border = 'none';
+          this.iframe.style.width = '100%';
+          this.iframe.style.height = '100%';
+          this.iframe.title = `Hyperswitch ${this.getElementType()}`;
+          this.iframe.setAttribute('allow', 'clipboard-read; clipboard-write; clipboard-sanitized-write');
+          this.iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-popups allow-forms allow-modals allow-presentation allow-downloads');
+          this.element.appendChild(this.iframe);
+      }
+      handleMessage(event) {
+          var _a;
+          if (!isBrowser$1) {
+              return;
+          }
+          if (this.options.onMessage) {
+              this.options.onMessage(event.data);
+          }
+          if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) === 'EMBEDDED_COMPONENT_RESIZE') {
+              const newHeight = event.data.height;
+              const messageComponent = event.data.component || '';
+              if (messageComponent === this.getElementType() && typeof newHeight === 'number' && newHeight > 0) {
+                  this.element.style.height = `${newHeight}px`;
+                  if (this.options.onResize) {
+                      this.options.onResize({
+                          width: this.element.clientWidth,
+                          height: newHeight
+                      });
+                  }
+              }
+          }
+      }
+      mount(domNode) {
+          if (!isBrowser$1) {
+              throw new Error('HyperswitchElement.mount can only be called in a browser environment');
+          }
+          const parent = typeof domNode === 'string'
+              ? document.querySelector(domNode)
+              : domNode;
+          if (!parent) {
+              throw new Error(`Invalid mount point: ${domNode}`);
+          }
+          parent.appendChild(this.element);
+          return this;
+      }
+      destroy() {
+          if (!isBrowser$1) {
+              return;
+          }
+          if (this.boundMessageHandler) {
+              window.removeEventListener('message', this.boundMessageHandler);
+          }
+          if (this.element && this.element.parentNode) {
+              this.element.parentNode.removeChild(this.element);
+          }
+      }
+      getIframe() {
+          return this.iframe;
+      }
+  }
+
+  class ConnectorConfigurationComponent extends HyperswitchElement {
+      constructor(instance, options) {
+          super(instance, options);
+      }
+      getElementType() {
+          return 'connectors';
+      }
+      getIframeSrc() {
+          const baseUrl = this.options.url || 'http://localhost:9000';
+          return `${baseUrl}/embedded/connectors`;
+      }
+  }
+
+  /**
+   * Build the init_config object that Control Center expects
+   * from the simple MerchantTheme contract.
+   *
+   * Any missing value is set to null.
+   */
+  function buildInitConfig(merchantTheme) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+      const safeTheme = merchantTheme || {};
+      return {
+          settings: {
+              colors: {
+                  primary: (_a = safeTheme.primaryColor) !== null && _a !== void 0 ? _a : null,
+                  secondary: null,
+                  background: (_b = safeTheme.backgroundColor) !== null && _b !== void 0 ? _b : null
+              },
+              sidebar: null,
+              typography: null,
+              buttons: {
+                  primary: {
+                      backgroundColor: (_e = (_d = (_c = safeTheme.buttons) === null || _c === void 0 ? void 0 : _c.primary) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : null,
+                      textColor: (_h = (_g = (_f = safeTheme.buttons) === null || _f === void 0 ? void 0 : _f.primary) === null || _g === void 0 ? void 0 : _g.textColor) !== null && _h !== void 0 ? _h : null,
+                      hoverBackgroundColor: (_l = (_k = (_j = safeTheme.buttons) === null || _j === void 0 ? void 0 : _j.primary) === null || _k === void 0 ? void 0 : _k.hoverBackgroundColor) !== null && _l !== void 0 ? _l : null
+                  },
+                  secondary: {
+                      backgroundColor: (_p = (_o = (_m = safeTheme.buttons) === null || _m === void 0 ? void 0 : _m.secondary) === null || _o === void 0 ? void 0 : _o.backgroundColor) !== null && _p !== void 0 ? _p : null,
+                      textColor: (_s = (_r = (_q = safeTheme.buttons) === null || _q === void 0 ? void 0 : _q.secondary) === null || _r === void 0 ? void 0 : _r.textColor) !== null && _s !== void 0 ? _s : null,
+                      hoverBackgroundColor: (_v = (_u = (_t = safeTheme.buttons) === null || _t === void 0 ? void 0 : _t.secondary) === null || _u === void 0 ? void 0 : _u.hoverBackgroundColor) !== null && _v !== void 0 ? _v : null
+                  }
+              },
+              borders: null,
+              spacing: null
+          },
+          urls: {
+              faviconUrl: null,
+              logoUrl: null
+          }
+      };
+  }
+
+  const isBrowser = typeof window !== 'undefined';
+  class Hyperswitch {
+      constructor(options) {
+          this.token = null;
+          this.initConfig = null;
+          this.activeElements = new Map();
+          this.isRefetchingToken = false;
+          this.tokenError = null;
+          if (!options || typeof options.fetchToken !== 'function') {
+              throw new Error('loadHyperswitch requires a fetchToken callback function');
+          }
+          this.fetchToken = options.fetchToken;
+          this.initConfig = options.initConfig ? buildInitConfig(options.initConfig) : null;
+          this.initPromise = this.fetchInitialToken();
+          this.listenForMessages();
+      }
+      fetchInitialToken() {
+          const eagerTokenPromise = (() => {
+              try {
+                  return this.fetchToken();
+              }
+              catch (error) {
+                  return Promise.reject(error);
+              }
+          })();
+          return eagerTokenPromise.then((token) => {
+              if (token) {
+                  this.token = token;
+              }
+              else {
+                  this.tokenError = 'Failed to fetch token: Token returned empty or undefined';
+              }
+          }).catch((error) => {
+              this.tokenError = `Failed to fetch token: ${error instanceof Error ? error.message : String(error)}`;
+          });
+      }
+      listenForMessages() {
+          if (!isBrowser) {
+              // In SSR / non-browser environments we can't listen for postMessage events,
+              // but it's still safe to create a Hyperswitch instance (it will become
+              // useful on the client where another instance will typically be created).
+              return;
+          }
+          window.addEventListener("message", async (event) => {
+              var _a, _b, _c;
+              if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) === "TOKEN_EXPIRED" && ((_b = event.data) === null || _b === void 0 ? void 0 : _b.value) === true) {
+                  await this.refetchAndBroadcastToken();
+              }
+              else if (((_c = event.data) === null || _c === void 0 ? void 0 : _c.type) === "EMBEDDED_IFRAME_READY") {
+                  // Find the element whose iframe matches the event source
+                  this.activeElements.forEach((element) => {
+                      const iframe = element.getIframe();
+                      if ((iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === event.source) {
+                          this.onElementIframeLoaded(element);
+                      }
+                  });
+              }
+          });
+      }
+      async refetchAndBroadcastToken() {
+          if (this.isRefetchingToken) {
+              return;
+          }
+          this.isRefetchingToken = true;
+          try {
+              const newToken = await this.fetchToken();
+              if (newToken) {
+                  this.token = newToken;
+                  this.tokenError = null;
+                  this.activeElements.forEach((element, elementId) => {
+                      const iframe = element.getIframe();
+                      if (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) {
+                          iframe.contentWindow.postMessage({
+                              type: 'AUTH_TOKEN',
+                              token: this.token
+                          }, '*');
+                      }
+                  });
+              }
+              else {
+                  this.tokenError = 'Failed to refetch token: Token returned empty or undefined';
+                  this.sendErrorToActiveElements(this.tokenError);
+              }
+          }
+          catch (error) {
+              this.tokenError = `Failed to refetch token: ${error instanceof Error ? error.message : String(error)}`;
+              this.sendErrorToActiveElements(this.tokenError);
+          }
+          finally {
+              this.isRefetchingToken = false;
+          }
+      }
+      sendErrorToActiveElements(errorMessage) {
+          this.activeElements.forEach((element) => {
+              const iframe = element.getIframe();
+              if (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) {
+                  iframe.contentWindow.postMessage({
+                      type: 'AUTH_ERROR',
+                      error: errorMessage
+                  }, '*');
+              }
+          });
+      }
+      create(type, options) {
+          let element;
+          switch (type) {
+              case 'connectors':
+                  element = new ConnectorConfigurationComponent(this, options);
+                  break;
+              default:
+                  throw new Error(`Unknown element type: ${type}`);
+          }
+          this.activeElements.set(element._internalId, element);
+          return element;
+      }
+      onElementIframeLoaded(element) {
+          this.initPromise.then(() => {
+              const iframe = element.getIframe();
+              if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow)) {
+                  return;
+              }
+              setTimeout(() => {
+                  try {
+                      const contentWindow = iframe.contentWindow;
+                      if (!contentWindow) {
+                          return;
+                      }
+                      if (this.tokenError) {
+                          contentWindow.postMessage({
+                              type: 'AUTH_ERROR',
+                              error: this.tokenError
+                          }, '*');
+                      }
+                      else if (this.token) {
+                          contentWindow.postMessage({
+                              type: 'AUTH_TOKEN',
+                              token: this.token
+                          }, '*');
+                      }
+                      else {
+                          contentWindow.postMessage({
+                              type: 'AUTH_ERROR',
+                              error: 'No token available'
+                          }, '*');
+                      }
+                      // Send init_config (if available) as a separate message
+                      if (this.initConfig) {
+                          contentWindow.postMessage({
+                              type: 'INIT_CONFIG',
+                              init_config: this.initConfig
+                          }, '*');
+                      }
+                  }
+                  catch (error) {
+                  }
+              }, 100);
+          }).catch((error) => {
+              const iframe = element.getIframe();
+              const contentWindow = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow;
+              if (contentWindow) {
+                  setTimeout(() => {
+                      try {
+                          contentWindow.postMessage({
+                              type: 'AUTH_ERROR',
+                              error: `Token initialization failed: ${error instanceof Error ? error.message : String(error)}`
+                          }, '*');
+                      }
+                      catch (_a) {
+                      }
+                  }, 100);
+              }
+          });
+      }
+  }
+  function loadHyperswitch(options) {
+      return new Hyperswitch(options);
+  }
+
+  const VERSION = '1.0.0';
+
+  exports.ConnectorConfigurationComponent = ConnectorConfigurationComponent;
+  exports.Hyperswitch = Hyperswitch;
+  exports.HyperswitchElement = HyperswitchElement;
+  exports.VERSION = VERSION;
+  exports.loadHyperswitch = loadHyperswitch;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/element.ts","../src/connector-configuration.ts","../src/init-config.ts","../src/hyperswitch.ts","../src/index.ts"],"sourcesContent":["import { Hyperswitch } from './hyperswitch';\nimport { ElementOptions } from './types';\n\nconst isBrowser = typeof window !== 'undefined';\n\nabstract class HyperswitchElement {\n  protected instance: Hyperswitch;\n  protected options: ElementOptions;\n  public element!: HTMLElement;\n  protected iframe!: HTMLIFrameElement;\n  private boundMessageHandler: ((event: MessageEvent) => void) | null;\n  public readonly _internalId: string;\n  \n  constructor(instance: Hyperswitch, options?: ElementOptions) {\n    this.instance = instance;\n    this.options = options || {};\n    this._internalId = `hyper-el-${Math.random().toString(36).substring(7)}`;\n    this.boundMessageHandler = null;\n    // In SSR / non-browser environments, avoid touching DOM APIs.\n    // The React wrapper only creates and mounts elements on the client,\n    // so it's safe for server-side usage as long as we no-op here.\n    if (!isBrowser) {\n      return;\n    }\n    \n    this.element = document.createElement('div');\n    this.iframe = document.createElement('iframe');\n    this.boundMessageHandler = this.handleMessage.bind(this);\n    \n    this.setupElement();\n    this.setupIframe();\n    window.addEventListener('message', this.boundMessageHandler);\n  }\n\n  private setupElement(): void {\n    if (!isBrowser) {\n      return;\n    }\n\n    this.element.className = `hyperswitch-element ${this.options.className || ''}`.trim();\n    this.element.dataset.hyperswitchElement = this.getElementType();\n    \n    Object.assign(this.element.style, {\n      width: this.options.width || '100%',\n      height: this.options.height || '500px',\n      overflow: 'hidden',\n      ...(this.options.style || {})\n    });\n  }\n  \n  private setupIframe(): void {\n    if (!isBrowser) {\n      return;\n    }\n\n    this.iframe.src = this.getIframeSrc();\n    this.iframe.style.border = 'none';\n    this.iframe.style.width = '100%';\n    this.iframe.style.height = '100%';\n    this.iframe.title = `Hyperswitch ${this.getElementType()}`;\n    this.iframe.setAttribute('allow', 'clipboard-read; clipboard-write; clipboard-sanitized-write');\n    this.iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-popups allow-forms allow-modals allow-presentation allow-downloads');\n    \n    this.element.appendChild(this.iframe);\n  }\n  \n  private handleMessage(event: MessageEvent): void {\n    if (!isBrowser) {\n      return;\n    }\n\n    if (this.options.onMessage) {\n      this.options.onMessage(event.data);\n    }\n    \n    if (event.data?.type === 'EMBEDDED_COMPONENT_RESIZE') {\n      const newHeight = event.data.height;\n      const messageComponent = event.data.component || '';\n      \n      if (messageComponent === this.getElementType() && typeof newHeight === 'number' && newHeight > 0) {\n        this.element.style.height = `${newHeight}px`;\n        \n        if (this.options.onResize) {\n          this.options.onResize({\n            width: this.element.clientWidth,\n            height: newHeight\n          });\n        }\n      }\n    }\n  }\n  \n  mount(domNode: string | HTMLElement): HyperswitchElement {\n    if (!isBrowser) {\n      throw new Error('HyperswitchElement.mount can only be called in a browser environment');\n    }\n\n    const parent = typeof domNode === 'string' \n      ? document.querySelector(domNode) \n      : domNode;\n      \n    if (!parent) {\n      throw new Error(`Invalid mount point: ${domNode}`);\n    }\n    \n    parent.appendChild(this.element);\n    return this;\n  }\n  \n  destroy(): void {\n    if (!isBrowser) {\n      return;\n    }\n    if (this.boundMessageHandler) {\n      window.removeEventListener('message', this.boundMessageHandler);\n    }\n    \n    if (this.element && this.element.parentNode) {\n      this.element.parentNode.removeChild(this.element);\n    }\n  }\n  \n  protected abstract getElementType(): string;\n  protected abstract getIframeSrc(): string;\n\n  public getIframe(): HTMLIFrameElement {\n    return this.iframe;\n  }\n}\n\nexport { HyperswitchElement };\n","import { Hyperswitch } from './hyperswitch';\nimport { HyperswitchElement } from './element';\nimport { ElementOptions } from './types';\n\nexport class ConnectorConfigurationComponent extends HyperswitchElement {\n  constructor(instance: Hyperswitch, options?: ElementOptions) {\n    super(instance, options);\n  }\n  \n  protected getElementType(): string {\n    return 'connectors';\n  }\n  \n  protected getIframeSrc(): string {\n    const baseUrl = this.options.url || 'http://localhost:9000';\n    return `${baseUrl}/embedded/connectors`;\n  }\n}\n","/**\n * Theme configuration received from the merchant.\n * This is the ONLY contract we expect merchants to follow.\n */\nexport type MerchantTheme = {\n  /** Primary color */\n  primaryColor?: string;\n  /** Page background color */\n  backgroundColor?: string;\n  /** Button configurations */\n  buttons?: {\n    /** Primary button configuration */\n    primary?: {\n      /** Primary button background color */\n      backgroundColor?: string;\n      /** Primary button text color */\n      textColor?: string;\n      /** Primary button hover background color */\n      hoverBackgroundColor?: string;\n    };\n    /** Secondary button configuration */\n    secondary?: {\n      /** Secondary button background color */\n      backgroundColor?: string;\n      /** Secondary button text color */\n      textColor?: string;\n      /** Secondary button hover background color */\n      hoverBackgroundColor?: string;\n    };\n  };\n};\n\n/**\n * Full init_config payload shape sent to the Control Center.\n * Most fields are null for now; Control Center applies defaults.\n */\nexport type InitConfig = {\n  settings: {\n    colors: {\n      primary: string | null;\n      secondary: string | null;\n      background: string | null;\n    };\n    sidebar: null;\n    typography: null;\n    buttons: {\n      primary: {\n        backgroundColor: string | null;\n        textColor: string | null;\n        hoverBackgroundColor: string | null;\n      };\n     secondary: {\n        backgroundColor: string | null;\n        textColor: string | null;\n        hoverBackgroundColor: string | null;\n      };\n    };\n    borders: null;\n    spacing: null;\n  };\n  urls: {\n    faviconUrl: null;\n    logoUrl: null;\n  };\n};\n\n/**\n * Build the init_config object that Control Center expects\n * from the simple MerchantTheme contract.\n *\n * Any missing value is set to null.\n */\nexport function buildInitConfig(merchantTheme: MerchantTheme | undefined | null): InitConfig {\n  const safeTheme = merchantTheme || {};\n\n  return {\n    settings: {\n      colors: {\n        primary: safeTheme.primaryColor ?? null,\n        secondary: null,\n        background: safeTheme.backgroundColor ?? null\n      },\n      sidebar: null,\n      typography: null,\n      buttons: {\n        primary: {\n          backgroundColor: safeTheme.buttons?.primary?.backgroundColor ?? null,\n          textColor: safeTheme.buttons?.primary?.textColor ?? null,\n          hoverBackgroundColor: safeTheme.buttons?.primary?.hoverBackgroundColor ?? null\n        },\n        secondary: {\n          backgroundColor: safeTheme.buttons?.secondary?.backgroundColor ?? null,\n          textColor: safeTheme.buttons?.secondary?.textColor ?? null,\n          hoverBackgroundColor: safeTheme.buttons?.secondary?.hoverBackgroundColor ?? null\n        }\n      },\n      borders: null,\n      spacing: null\n    },\n    urls: {\n      faviconUrl: null,\n      logoUrl: null\n    }\n  };\n}\n\n\n","import { HyperswitchElement } from './element';\nimport { ConnectorConfigurationComponent } from './connector-configuration';\nimport { HyperswitchInitOptions } from './types';\nimport { buildInitConfig,InitConfig } from './init-config';\n\nconst isBrowser = typeof window !== 'undefined';\n\nclass Hyperswitch {\n  private token: string | null = null;\n  private fetchToken: () => Promise<string | undefined>;\n  private initConfig: InitConfig | null = null;\n  private activeElements: Map<string, HyperswitchElement> =     new Map();\n  private isRefetchingToken: boolean = false;\n  private initPromise: Promise<void>;\n  private tokenError: string | null = null;\n\n  constructor(options: HyperswitchInitOptions) {\n    if (!options || typeof options.fetchToken !== 'function') {\n      throw new Error('loadHyperswitch requires a fetchToken callback function');\n    }\n\n    this.fetchToken = options.fetchToken;\n     this.initConfig = options.initConfig ? buildInitConfig(options.initConfig) : null;\n    this.initPromise = this.fetchInitialToken();\n    this.listenForMessages();\n  }\n\n  private fetchInitialToken(): Promise<void> {\n    const eagerTokenPromise = (() => {\n      try {\n        return this.fetchToken();\n      } catch (error) {\n        return Promise.reject(error);\n      }\n    })();\n\n    return eagerTokenPromise.then((token) => {\n      if (token) {\n        this.token = token;\n      } else {\n        this.tokenError = 'Failed to fetch token: Token returned empty or undefined';\n      }\n    }).catch((error) => {\n      this.tokenError = `Failed to fetch token: ${error instanceof Error ? error.message : String(error)}`;\n    });\n  } \n\n  private listenForMessages(): void {\n    if (!isBrowser) {\n      // In SSR / non-browser environments we can't listen for postMessage events,\n      // but it's still safe to create a Hyperswitch instance (it will become\n      // useful on the client where another instance will typically be created).\n      return;\n    }\n\n    window.addEventListener(\"message\", async (event) => {\n      if (event.data?.type === \"TOKEN_EXPIRED\" && event.data?.value === true) {\n        await this.refetchAndBroadcastToken();\n      } else if (event.data?.type === \"EMBEDDED_IFRAME_READY\") {\n        // Find the element whose iframe matches the event source\n        this.activeElements.forEach((element) => {\n          const iframe = element.getIframe();\n          if (iframe?.contentWindow === event.source) {\n            this.onElementIframeLoaded(element);\n          }\n        });\n      }\n    });\n  }\n\n  private async refetchAndBroadcastToken(): Promise<void> {\n    if (this.isRefetchingToken) {\n      return;\n    }\n    \n    this.isRefetchingToken = true;\n    \n    try {\n      const newToken = await this.fetchToken();\n      \n      if (newToken) {\n        this.token = newToken;\n        this.tokenError = null;\n        this.activeElements.forEach((element, elementId) => {\n          const iframe = element.getIframe();\n          if (iframe?.contentWindow) {\n            iframe.contentWindow.postMessage({\n              type: 'AUTH_TOKEN',\n              token: this.token\n            }, '*');\n          }\n        });\n      } else {\n        this.tokenError = 'Failed to refetch token: Token returned empty or undefined';\n        this.sendErrorToActiveElements(this.tokenError);\n      }\n    } catch (error) {\n      this.tokenError = `Failed to refetch token: ${error instanceof Error ? error.message : String(error)}`;\n      this.sendErrorToActiveElements(this.tokenError);\n    } finally {\n      this.isRefetchingToken = false;\n    }\n  }\n\n  private sendErrorToActiveElements(errorMessage: string): void {\n    this.activeElements.forEach((element) => {\n      const iframe = element.getIframe();\n      if (iframe?.contentWindow) {\n        iframe.contentWindow.postMessage({\n          type: 'AUTH_ERROR',\n          error: errorMessage\n        }, '*');\n      }\n    });\n  }\n\n  public create(type: string, options?: any): HyperswitchElement {\n    let element: HyperswitchElement;\n    \n    switch (type) {\n      case 'connectors':\n        element = new ConnectorConfigurationComponent(this, options);\n        break;\n      default:\n        throw new Error(`Unknown element type: ${type}`);\n    }\n    \n    this.activeElements.set(element._internalId, element);\n    \n    return element;\n  }\n\n  public onElementIframeLoaded(element: HyperswitchElement): void {\n    this.initPromise.then(() => {\n      const iframe = element.getIframe();\n      if (!iframe?.contentWindow) {\n        return;\n      }\n      \n      setTimeout(() => {\n        try {\n          const contentWindow = iframe.contentWindow;\n          if (!contentWindow) {\n            return;\n          }\n\n          if (this.tokenError) {\n            contentWindow.postMessage({\n              type: 'AUTH_ERROR',\n              error: this.tokenError\n            }, '*');\n          } else if (this.token) {\n            contentWindow.postMessage({\n              type: 'AUTH_TOKEN',\n              token: this.token\n            }, '*');\n          } else {\n            contentWindow.postMessage({\n              type: 'AUTH_ERROR',\n              error: 'No token available'\n            }, '*');\n          }\n\n          // Send init_config (if available) as a separate message\n          if (this.initConfig) {\n            contentWindow.postMessage({\n              type: 'INIT_CONFIG',\n              init_config: this.initConfig\n            }, '*');\n          }\n        } catch (error) {\n        }\n      }, 100);\n    }).catch((error) => {\n      const iframe = element.getIframe();\n      const contentWindow = iframe?.contentWindow;\n      if (contentWindow) {\n        setTimeout(() => {\n          try {\n            contentWindow.postMessage({\n              type: 'AUTH_ERROR',\n              error: `Token initialization failed: ${error instanceof Error ? error.message : String(error)}`\n            }, '*');\n          } catch {\n          }\n        }, 100);\n      }\n    });\n  }\n}\n\nexport function loadHyperswitch(options: HyperswitchInitOptions): Hyperswitch {\n  return new Hyperswitch(options);\n}\n\nexport { Hyperswitch };\n","export { loadHyperswitch, Hyperswitch } from './hyperswitch';\nexport { HyperswitchElement } from './element';\nexport { ConnectorConfigurationComponent } from './connector-configuration';\nexport type { HyperswitchInitOptions, ElementOptions } from './types';\nexport type { MerchantTheme } from './init-config';\n\nexport const VERSION = '1.0.0';\n"],"names":["isBrowser"],"mappings":"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"}

package/dist/init-config.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Theme configuration received from the merchant.
+ * This is the ONLY contract we expect merchants to follow.
+ */
+export type MerchantTheme = {
+    /** Primary color */
+    primaryColor?: string;
+    /** Page background color */
+    backgroundColor?: string;
+    /** Button configurations */
+    buttons?: {
+        /** Primary button configuration */
+        primary?: {
+            /** Primary button background color */
+            backgroundColor?: string;
+            /** Primary button text color */
+            textColor?: string;
+            /** Primary button hover background color */
+            hoverBackgroundColor?: string;
+        };
+        /** Secondary button configuration */
+        secondary?: {
+            /** Secondary button background color */
+            backgroundColor?: string;
+            /** Secondary button text color */
+            textColor?: string;
+            /** Secondary button hover background color */
+            hoverBackgroundColor?: string;
+        };
+    };
+};
+/**
+ * Full init_config payload shape sent to the Control Center.
+ * Most fields are null for now; Control Center applies defaults.
+ */
+export type InitConfig = {
+    settings: {
+        colors: {
+            primary: string | null;
+            secondary: string | null;
+            background: string | null;
+        };
+        sidebar: null;
+        typography: null;
+        buttons: {
+            primary: {
+                backgroundColor: string | null;
+                textColor: string | null;
+                hoverBackgroundColor: string | null;
+            };
+            secondary: {
+                backgroundColor: string | null;
+                textColor: string | null;
+                hoverBackgroundColor: string | null;
+            };
+        };
+        borders: null;
+        spacing: null;
+    };
+    urls: {
+        faviconUrl: null;
+        logoUrl: null;
+    };
+};
+/**
+ * Build the init_config object that Control Center expects
+ * from the simple MerchantTheme contract.
+ *
+ * Any missing value is set to null.
+ */
+export declare function buildInitConfig(merchantTheme: MerchantTheme | undefined | null): InitConfig;

package/dist/types.d.ts

@@ -0,0 +1,37 @@
+import type { MerchantTheme } from './init-config';
+/**
+ * Options for initializing the Hyperswitch SDK
+ */
+export interface HyperswitchInitOptions {
+    /**
+     * Function that fetches token
+     * @returns A promise that resolves with a new token.
+     */
+    fetchToken: () => Promise<string | undefined>;
+    /**
+     * Optional initial configuration (init_config) object
+     */
+    initConfig?: MerchantTheme;
+}
+/**
+ * Options for configuring a Hyperswitch element
+ */
+export type ElementOptions = {
+    /** Base URL for the embedded component */
+    url?: string;
+    /** Width of the element container */
+    width?: string | number;
+    /** Height of the element container */
+    height?: string | number;
+    /** Custom CSS styles to apply to the element */
+    style?: Partial<CSSStyleDeclaration>;
+    /** Additional CSS class names */
+    className?: string;
+    /** Callback for handling messages from the embedded iframe */
+    onMessage?: (message: any) => void;
+    /** Callback for handling resize events from the embedded component */
+    onResize?: (dimensions: {
+        width: number;
+        height: number;
+    }) => void;
+};

package/package.json

@@ -0,0 +1,56 @@
+{
+    "name": "@juspay-tech/hyperswitch-control-center-embed-core",
+    "version": "1.0.0",
+    "description": "Hyperswitch Control Center Embed - Core Javascript SDK for embedding components",
+    "main": "./dist/index.js",
+    "module": "./dist/index.esm.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.esm.js",
+            "require": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist",
+        "README.md"
+    ],
+    "scripts": {
+        "build": "rollup -c",
+        "type-check": "tsc --noEmit",
+        "clean": "rm -rf dist",
+        "prepublishOnly": "pnpm run clean && pnpm run build"
+    },
+    "keywords": [
+        "hyperswitch",
+        "control-center",
+        "embedded",
+        "sdk",
+        "embed"
+    ],
+    "author": "Juspay Technologies",
+    "license": "ISC",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/juspay/hyperswitch-control-center-embedded.git",
+        "directory": "core"
+    },
+    "bugs": {
+        "url": "https://github.com/juspay/hyperswitch-control-center-embedded/issues"
+    },
+    "homepage": "https://github.com/juspay/hyperswitch-control-center-embedded#readme",
+    "publishConfig": {
+        "access": "public"
+    },
+    "devDependencies": {
+        "@rollup/plugin-commonjs": "^29.0.0",
+        "@rollup/plugin-node-resolve": "^16.0.3",
+        "@rollup/plugin-replace": "^6.0.3",
+        "@types/node": "^24.10.0",
+        "rollup": "^2.79.2",
+        "@rollup/plugin-terser": "^0.4.4",
+        "rollup-plugin-typescript2": "^0.36.0",
+        "typescript": "^5.9.3"
+    }
+}