@greenpay_prod/3ds-react 0.1.1-qa.0

package/dist/index.d.mts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GreenPay3DSConfig, OrderData, ThreeDSResult } from '@greenpay/3ds-sdk';
+export { GreenPay3DS, GreenPay3DSConfig, GreenPay3DSError, OrderData, ThreeDSCallbacks, ThreeDSPaymentCallbacks, ThreeDSResult, ThreeDSSession } from '@greenpay/3ds-sdk';
+
+interface ThreeDSChallengeProps {
+    sessionId: string;
+    config: GreenPay3DSConfig;
+    onSuccess: () => void;
+    onFailure?: (error: string) => void;
+    onError?: (error: Error | string) => void;
+    onStatusChange?: (status: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function ThreeDSChallenge({ sessionId, config, onSuccess, onFailure, onError, onStatusChange, className, children, }: ThreeDSChallengeProps): react_jsx_runtime.JSX.Element;
+
+interface GreenPay3DSPaymentProps {
+    config: GreenPay3DSConfig;
+    orderData: OrderData;
+    onSuccess: (result: ThreeDSResult) => void;
+    onFailure?: (error: string) => void;
+    onError?: (error: Error | string) => void;
+    onStatusChange?: (status: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function GreenPay3DSPayment({ config, orderData, onSuccess, onFailure, onError, onStatusChange, className, children, }: GreenPay3DSPaymentProps): react_jsx_runtime.JSX.Element;
+
+export { GreenPay3DSPayment, type GreenPay3DSPaymentProps, ThreeDSChallenge, type ThreeDSChallengeProps };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GreenPay3DSConfig, OrderData, ThreeDSResult } from '@greenpay/3ds-sdk';
+export { GreenPay3DS, GreenPay3DSConfig, GreenPay3DSError, OrderData, ThreeDSCallbacks, ThreeDSPaymentCallbacks, ThreeDSResult, ThreeDSSession } from '@greenpay/3ds-sdk';
+
+interface ThreeDSChallengeProps {
+    sessionId: string;
+    config: GreenPay3DSConfig;
+    onSuccess: () => void;
+    onFailure?: (error: string) => void;
+    onError?: (error: Error | string) => void;
+    onStatusChange?: (status: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function ThreeDSChallenge({ sessionId, config, onSuccess, onFailure, onError, onStatusChange, className, children, }: ThreeDSChallengeProps): react_jsx_runtime.JSX.Element;
+
+interface GreenPay3DSPaymentProps {
+    config: GreenPay3DSConfig;
+    orderData: OrderData;
+    onSuccess: (result: ThreeDSResult) => void;
+    onFailure?: (error: string) => void;
+    onError?: (error: Error | string) => void;
+    onStatusChange?: (status: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function GreenPay3DSPayment({ config, orderData, onSuccess, onFailure, onError, onStatusChange, className, children, }: GreenPay3DSPaymentProps): react_jsx_runtime.JSX.Element;
+
+export { GreenPay3DSPayment, type GreenPay3DSPaymentProps, ThreeDSChallenge, type ThreeDSChallengeProps };

package/dist/index.js

@@ -0,0 +1,145 @@
+"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, {
+  GreenPay3DS: () => import_ds_sdk3.GreenPay3DS,
+  GreenPay3DSError: () => import_ds_sdk3.GreenPay3DSError,
+  GreenPay3DSPayment: () => GreenPay3DSPayment,
+  ThreeDSChallenge: () => ThreeDSChallenge
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ThreeDSChallenge.tsx
+var import_react = require("react");
+var import_ds_sdk = require("@greenpay/3ds-sdk");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ThreeDSChallenge({
+  sessionId,
+  config,
+  onSuccess,
+  onFailure,
+  onError,
+  onStatusChange,
+  className,
+  children
+}) {
+  const [status, setStatus] = (0, import_react.useState)("Initializing...");
+  const mountedRef = (0, import_react.useRef)(false);
+  const stableConfig = (0, import_react.useMemo)(
+    () => config,
+    [config.teamId, config.appId]
+  );
+  const handleStatusChange = (0, import_react.useCallback)(
+    (newStatus) => {
+      setStatus(newStatus);
+      onStatusChange?.(newStatus);
+    },
+    [onStatusChange]
+  );
+  (0, import_react.useEffect)(() => {
+    if (mountedRef.current || !sessionId) return;
+    mountedRef.current = true;
+    const sdk = new import_ds_sdk.GreenPay3DS(stableConfig);
+    sdk.authenticate(sessionId, {
+      onReady: () => handleStatusChange("3DS challenge ready"),
+      onStatusChange: handleStatusChange
+    }).then(onSuccess).catch((err) => {
+      if (err?.code === "AUTHENTICATION_FAILED") {
+        onFailure?.(err.message);
+      } else {
+        onError?.(err);
+      }
+    });
+  }, [sessionId, stableConfig, onSuccess, onFailure, onError, handleStatusChange]);
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: status }) });
+}
+
+// src/GreenPay3DSPayment.tsx
+var import_react2 = require("react");
+var import_ds_sdk2 = require("@greenpay/3ds-sdk");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function GreenPay3DSPayment({
+  config,
+  orderData,
+  onSuccess,
+  onFailure,
+  onError,
+  onStatusChange,
+  className,
+  children
+}) {
+  const [status, setStatus] = (0, import_react2.useState)("Initializing...");
+  const mountedRef = (0, import_react2.useRef)(false);
+  const stableConfig = (0, import_react2.useMemo)(
+    () => config,
+    [config.teamId, config.appId, config.apiUrl]
+  );
+  const stableOrderData = (0, import_react2.useMemo)(
+    () => orderData,
+    [
+      orderData.cardData.ed,
+      orderData.cardData.session,
+      orderData.sessionToken,
+      orderData.terminalId
+    ]
+  );
+  const handleStatusChange = (0, import_react2.useCallback)(
+    (newStatus) => {
+      setStatus(newStatus);
+      onStatusChange?.(newStatus);
+    },
+    [onStatusChange]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (mountedRef.current) return;
+    mountedRef.current = true;
+    const sdk = new import_ds_sdk2.GreenPay3DS(stableConfig);
+    sdk.processPayment(stableOrderData, {
+      onReady: () => handleStatusChange("3DS challenge ready"),
+      onSuccess,
+      onStatusChange: handleStatusChange
+    }).catch((err) => {
+      if (err?.code === "AUTHENTICATION_FAILED") {
+        onFailure?.(err.message);
+      } else {
+        onError?.(err);
+      }
+    });
+  }, [stableConfig, stableOrderData, onSuccess, onFailure, onError, handleStatusChange]);
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: status }) });
+}
+
+// src/index.ts
+var import_ds_sdk3 = require("@greenpay/3ds-sdk");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GreenPay3DS,
+  GreenPay3DSError,
+  GreenPay3DSPayment,
+  ThreeDSChallenge
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/ThreeDSChallenge.tsx","../src/GreenPay3DSPayment.tsx"],"sourcesContent":["export { ThreeDSChallenge } from './ThreeDSChallenge'\nexport type { ThreeDSChallengeProps } from './ThreeDSChallenge'\n\nexport { GreenPay3DSPayment } from './GreenPay3DSPayment'\nexport type { GreenPay3DSPaymentProps } from './GreenPay3DSPayment'\n\nexport {\n  GreenPay3DS,\n  GreenPay3DSError,\n  type GreenPay3DSConfig,\n  type ThreeDSCallbacks,\n  type ThreeDSPaymentCallbacks,\n  type OrderData,\n  type ThreeDSSession,\n  type ThreeDSResult,\n} from '@greenpay/3ds-sdk'\n","'use client'\n\nimport { useEffect, useRef, useState, useCallback, useMemo } from 'react'\nimport { GreenPay3DS, type GreenPay3DSConfig } from '@greenpay/3ds-sdk'\n\nexport interface ThreeDSChallengeProps {\n  sessionId: string\n  config: GreenPay3DSConfig\n  onSuccess: () => void\n  onFailure?: (error: string) => void\n  onError?: (error: Error | string) => void\n  onStatusChange?: (status: string) => void\n  className?: string\n  children?: React.ReactNode\n}\n\nexport function ThreeDSChallenge({\n  sessionId,\n  config,\n  onSuccess,\n  onFailure,\n  onError,\n  onStatusChange,\n  className,\n  children,\n}: ThreeDSChallengeProps) {\n  const [status, setStatus] = useState('Initializing...')\n  const mountedRef = useRef(false)\n\n  const stableConfig = useMemo(\n    () => config,\n    [config.teamId, config.appId]\n  )\n\n  const handleStatusChange = useCallback(\n    (newStatus: string) => {\n      setStatus(newStatus)\n      onStatusChange?.(newStatus)\n    },\n    [onStatusChange]\n  )\n\n  useEffect(() => {\n    if (mountedRef.current || !sessionId) return\n    mountedRef.current = true\n\n    const sdk = new GreenPay3DS(stableConfig)\n\n    sdk\n      .authenticate(sessionId, {\n        onReady: () => handleStatusChange('3DS challenge ready'),\n        onStatusChange: handleStatusChange,\n      })\n      .then(onSuccess)\n      .catch((err: Error & { code?: string }) => {\n        if (err?.code === 'AUTHENTICATION_FAILED') {\n          onFailure?.(err.message)\n        } else {\n          onError?.(err)\n        }\n      })\n  }, [sessionId, stableConfig, onSuccess, onFailure, onError, handleStatusChange])\n\n  if (children) {\n    return <div className={className}>{children}</div>\n  }\n\n  return (\n    <div className={className}>\n      <p>{status}</p>\n    </div>\n  )\n}\n","'use client'\n\nimport { useEffect, useRef, useState, useCallback, useMemo } from 'react'\nimport {\n  GreenPay3DS,\n  type GreenPay3DSConfig,\n  type OrderData,\n  type ThreeDSResult,\n} from '@greenpay/3ds-sdk'\n\nexport interface GreenPay3DSPaymentProps {\n  config: GreenPay3DSConfig\n  orderData: OrderData\n  onSuccess: (result: ThreeDSResult) => void\n  onFailure?: (error: string) => void\n  onError?: (error: Error | string) => void\n  onStatusChange?: (status: string) => void\n  className?: string\n  children?: React.ReactNode\n}\n\nexport function GreenPay3DSPayment({\n  config,\n  orderData,\n  onSuccess,\n  onFailure,\n  onError,\n  onStatusChange,\n  className,\n  children,\n}: GreenPay3DSPaymentProps) {\n  const [status, setStatus] = useState('Initializing...')\n  const mountedRef = useRef(false)\n\n  const stableConfig = useMemo(\n    () => config,\n    [config.teamId, config.appId, config.apiUrl]\n  )\n\n  const stableOrderData = useMemo(\n    () => orderData,\n    [\n      orderData.cardData.ed,\n      orderData.cardData.session,\n      orderData.sessionToken,\n      orderData.terminalId,\n    ]\n  )\n\n  const handleStatusChange = useCallback(\n    (newStatus: string) => {\n      setStatus(newStatus)\n      onStatusChange?.(newStatus)\n    },\n    [onStatusChange]\n  )\n\n  useEffect(() => {\n    if (mountedRef.current) return\n    mountedRef.current = true\n\n    const sdk = new GreenPay3DS(stableConfig)\n\n    sdk\n      .processPayment(stableOrderData, {\n        onReady: () => handleStatusChange('3DS challenge ready'),\n        onSuccess,\n        onStatusChange: handleStatusChange,\n      })\n      .catch((err: Error & { code?: string }) => {\n        if (err?.code === 'AUTHENTICATION_FAILED') {\n          onFailure?.(err.message)\n        } else {\n          onError?.(err)\n        }\n      })\n  }, [stableConfig, stableOrderData, onSuccess, onFailure, onError, handleStatusChange])\n\n  if (children) {\n    return <div className={className}>{children}</div>\n  }\n\n  return (\n    <div className={className}>\n      <p>{status}</p>\n    </div>\n  )\n}\n"],"mappings":"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","names":["import_react","import_ds_sdk","import_jsx_runtime","import_ds_sdk"]}

package/dist/index.mjs

@@ -0,0 +1,120 @@
+// src/ThreeDSChallenge.tsx
+import { useEffect, useRef, useState, useCallback, useMemo } from "react";
+import { GreenPay3DS } from "@greenpay/3ds-sdk";
+import { jsx } from "react/jsx-runtime";
+function ThreeDSChallenge({
+  sessionId,
+  config,
+  onSuccess,
+  onFailure,
+  onError,
+  onStatusChange,
+  className,
+  children
+}) {
+  const [status, setStatus] = useState("Initializing...");
+  const mountedRef = useRef(false);
+  const stableConfig = useMemo(
+    () => config,
+    [config.teamId, config.appId]
+  );
+  const handleStatusChange = useCallback(
+    (newStatus) => {
+      setStatus(newStatus);
+      onStatusChange?.(newStatus);
+    },
+    [onStatusChange]
+  );
+  useEffect(() => {
+    if (mountedRef.current || !sessionId) return;
+    mountedRef.current = true;
+    const sdk = new GreenPay3DS(stableConfig);
+    sdk.authenticate(sessionId, {
+      onReady: () => handleStatusChange("3DS challenge ready"),
+      onStatusChange: handleStatusChange
+    }).then(onSuccess).catch((err) => {
+      if (err?.code === "AUTHENTICATION_FAILED") {
+        onFailure?.(err.message);
+      } else {
+        onError?.(err);
+      }
+    });
+  }, [sessionId, stableConfig, onSuccess, onFailure, onError, handleStatusChange]);
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { children: status }) });
+}
+
+// src/GreenPay3DSPayment.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2, useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import {
+  GreenPay3DS as GreenPay3DS2
+} from "@greenpay/3ds-sdk";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function GreenPay3DSPayment({
+  config,
+  orderData,
+  onSuccess,
+  onFailure,
+  onError,
+  onStatusChange,
+  className,
+  children
+}) {
+  const [status, setStatus] = useState2("Initializing...");
+  const mountedRef = useRef2(false);
+  const stableConfig = useMemo2(
+    () => config,
+    [config.teamId, config.appId, config.apiUrl]
+  );
+  const stableOrderData = useMemo2(
+    () => orderData,
+    [
+      orderData.cardData.ed,
+      orderData.cardData.session,
+      orderData.sessionToken,
+      orderData.terminalId
+    ]
+  );
+  const handleStatusChange = useCallback2(
+    (newStatus) => {
+      setStatus(newStatus);
+      onStatusChange?.(newStatus);
+    },
+    [onStatusChange]
+  );
+  useEffect2(() => {
+    if (mountedRef.current) return;
+    mountedRef.current = true;
+    const sdk = new GreenPay3DS2(stableConfig);
+    sdk.processPayment(stableOrderData, {
+      onReady: () => handleStatusChange("3DS challenge ready"),
+      onSuccess,
+      onStatusChange: handleStatusChange
+    }).catch((err) => {
+      if (err?.code === "AUTHENTICATION_FAILED") {
+        onFailure?.(err.message);
+      } else {
+        onError?.(err);
+      }
+    });
+  }, [stableConfig, stableOrderData, onSuccess, onFailure, onError, handleStatusChange]);
+  if (children) {
+    return /* @__PURE__ */ jsx2("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx2("div", { className, children: /* @__PURE__ */ jsx2("p", { children: status }) });
+}
+
+// src/index.ts
+import {
+  GreenPay3DS as GreenPay3DS3,
+  GreenPay3DSError
+} from "@greenpay/3ds-sdk";
+export {
+  GreenPay3DS3 as GreenPay3DS,
+  GreenPay3DSError,
+  GreenPay3DSPayment,
+  ThreeDSChallenge
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ThreeDSChallenge.tsx","../src/GreenPay3DSPayment.tsx","../src/index.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState, useCallback, useMemo } from 'react'\nimport { GreenPay3DS, type GreenPay3DSConfig } from '@greenpay/3ds-sdk'\n\nexport interface ThreeDSChallengeProps {\n  sessionId: string\n  config: GreenPay3DSConfig\n  onSuccess: () => void\n  onFailure?: (error: string) => void\n  onError?: (error: Error | string) => void\n  onStatusChange?: (status: string) => void\n  className?: string\n  children?: React.ReactNode\n}\n\nexport function ThreeDSChallenge({\n  sessionId,\n  config,\n  onSuccess,\n  onFailure,\n  onError,\n  onStatusChange,\n  className,\n  children,\n}: ThreeDSChallengeProps) {\n  const [status, setStatus] = useState('Initializing...')\n  const mountedRef = useRef(false)\n\n  const stableConfig = useMemo(\n    () => config,\n    [config.teamId, config.appId]\n  )\n\n  const handleStatusChange = useCallback(\n    (newStatus: string) => {\n      setStatus(newStatus)\n      onStatusChange?.(newStatus)\n    },\n    [onStatusChange]\n  )\n\n  useEffect(() => {\n    if (mountedRef.current || !sessionId) return\n    mountedRef.current = true\n\n    const sdk = new GreenPay3DS(stableConfig)\n\n    sdk\n      .authenticate(sessionId, {\n        onReady: () => handleStatusChange('3DS challenge ready'),\n        onStatusChange: handleStatusChange,\n      })\n      .then(onSuccess)\n      .catch((err: Error & { code?: string }) => {\n        if (err?.code === 'AUTHENTICATION_FAILED') {\n          onFailure?.(err.message)\n        } else {\n          onError?.(err)\n        }\n      })\n  }, [sessionId, stableConfig, onSuccess, onFailure, onError, handleStatusChange])\n\n  if (children) {\n    return <div className={className}>{children}</div>\n  }\n\n  return (\n    <div className={className}>\n      <p>{status}</p>\n    </div>\n  )\n}\n","'use client'\n\nimport { useEffect, useRef, useState, useCallback, useMemo } from 'react'\nimport {\n  GreenPay3DS,\n  type GreenPay3DSConfig,\n  type OrderData,\n  type ThreeDSResult,\n} from '@greenpay/3ds-sdk'\n\nexport interface GreenPay3DSPaymentProps {\n  config: GreenPay3DSConfig\n  orderData: OrderData\n  onSuccess: (result: ThreeDSResult) => void\n  onFailure?: (error: string) => void\n  onError?: (error: Error | string) => void\n  onStatusChange?: (status: string) => void\n  className?: string\n  children?: React.ReactNode\n}\n\nexport function GreenPay3DSPayment({\n  config,\n  orderData,\n  onSuccess,\n  onFailure,\n  onError,\n  onStatusChange,\n  className,\n  children,\n}: GreenPay3DSPaymentProps) {\n  const [status, setStatus] = useState('Initializing...')\n  const mountedRef = useRef(false)\n\n  const stableConfig = useMemo(\n    () => config,\n    [config.teamId, config.appId, config.apiUrl]\n  )\n\n  const stableOrderData = useMemo(\n    () => orderData,\n    [\n      orderData.cardData.ed,\n      orderData.cardData.session,\n      orderData.sessionToken,\n      orderData.terminalId,\n    ]\n  )\n\n  const handleStatusChange = useCallback(\n    (newStatus: string) => {\n      setStatus(newStatus)\n      onStatusChange?.(newStatus)\n    },\n    [onStatusChange]\n  )\n\n  useEffect(() => {\n    if (mountedRef.current) return\n    mountedRef.current = true\n\n    const sdk = new GreenPay3DS(stableConfig)\n\n    sdk\n      .processPayment(stableOrderData, {\n        onReady: () => handleStatusChange('3DS challenge ready'),\n        onSuccess,\n        onStatusChange: handleStatusChange,\n      })\n      .catch((err: Error & { code?: string }) => {\n        if (err?.code === 'AUTHENTICATION_FAILED') {\n          onFailure?.(err.message)\n        } else {\n          onError?.(err)\n        }\n      })\n  }, [stableConfig, stableOrderData, onSuccess, onFailure, onError, handleStatusChange])\n\n  if (children) {\n    return <div className={className}>{children}</div>\n  }\n\n  return (\n    <div className={className}>\n      <p>{status}</p>\n    </div>\n  )\n}\n","export { ThreeDSChallenge } from './ThreeDSChallenge'\nexport type { ThreeDSChallengeProps } from './ThreeDSChallenge'\n\nexport { GreenPay3DSPayment } from './GreenPay3DSPayment'\nexport type { GreenPay3DSPaymentProps } from './GreenPay3DSPayment'\n\nexport {\n  GreenPay3DS,\n  GreenPay3DSError,\n  type GreenPay3DSConfig,\n  type ThreeDSCallbacks,\n  type ThreeDSPaymentCallbacks,\n  type OrderData,\n  type ThreeDSSession,\n  type ThreeDSResult,\n} from '@greenpay/3ds-sdk'\n"],"mappings":"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","names":["useEffect","useRef","useState","useCallback","useMemo","GreenPay3DS","jsx","GreenPay3DS"]}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@greenpay_prod/3ds-react",
+  "version": "0.1.1-qa.0",
+  "description": "GreenPay 3D Secure React component — drop-in 3DS authentication",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "@greenpay/3ds-sdk": "^0.1.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@greenpay/3ds-sdk": "file:../sdk",
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0"
+  }
+}