@teamrepeat/card-token 1.0.2 → 1.0.3

package/dist/index.d.ts

@@ -1,2 +1 @@
-export { useCardToken, CardTokenIframe } from "./useCardToken";
-export type { CardTokenResult } from "./useCardToken";
+export { RepeatCardTokenWidget } from "./useCardToken";

package/dist/index.js

@@ -1 +1 @@
-export { useCardToken, CardTokenIframe } from "./useCardToken";
+export { RepeatCardTokenWidget } from "./useCardToken";

package/dist/useCardToken.d.ts

@@ -1,16 +1,9 @@
 import React from "react";
-export interface CardTokenResult {
-    success: boolean;
-    token?: string;
-    error?: string;
-}
-export declare const useCardToken: () => {
-    loading: boolean;
-    result: CardTokenResult | null;
-};
-interface CardTokenIframeProps {
+interface RepeatCardTokenWidgetProps {
     language: "is" | "en" | "de";
     shopUUID: string;
+    onTokenSuccess: (token: string) => void;
+    onTokenError: (error: string) => void;
     isLocal?: boolean;
     styles?: {
         borderRadius?: number;
@@ -21,5 +14,5 @@ interface CardTokenIframeProps {
         fontFamily?: string;
     };
 }
-export declare const CardTokenIframe: React.FC<CardTokenIframeProps>;
+export declare const RepeatCardTokenWidget: React.FC<RepeatCardTokenWidgetProps>;
 export {};

package/dist/useCardToken.js

@@ -1,28 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-export const useCardToken = () => {
-    const [loading, setLoading] = useState(false);
-    const [result, setResult] = useState(null);
+import { useEffect } from "react";
+export const RepeatCardTokenWidget = ({ language, styles, isLocal, shopUUID, onTokenSuccess, onTokenError, }) => {
+    const { borderRadius, buttonBackground, buttonColor, color, errorColor, fontFamily, } = styles || {};
     useEffect(() => {
         const handleMessage = (event) => {
             if ("repeatCardSaveSuccess" in event.data) {
                 const success = event.data.repeatCardSaveSuccess;
                 const token = event.data.cardToken;
-                setResult({ success, token });
-                setLoading(false);
+                onTokenSuccess(token);
             }
             else if (event.data.type === "cardSaveFailed") {
-                setResult({ success: false, error: "Card save failed" });
-                setLoading(false);
+                onTokenError(event.data.error || "Card save failed");
             }
         };
         window.addEventListener("message", handleMessage);
         return () => window.removeEventListener("message", handleMessage);
     }, []);
-    return { loading, result };
-};
-export const CardTokenIframe = ({ language, styles, isLocal, shopUUID, }) => {
-    const { borderRadius, buttonBackground, buttonColor, color, errorColor, fontFamily, } = styles || {};
     let url = `${isLocal ? "http://localhost:8000" : "https://repeat.is"}/get_card_token_widget/${shopUUID}/?language=${language || "is"}&languageSelector=false`;
     if (borderRadius != null)
         url += `&borderRadius=${borderRadius}`;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@teamrepeat/card-token",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "React hook and iframe component to fetch card tokens",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",