loyalty-protocol 1.0.7 → 1.0.8

package/dist/index.cjs

@@ -26,20 +26,28 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/hooks/useLoyaltyChannel.ts
-var useLoyaltyChannel = () => {
-  const sendInformationToLoyaltyProtocol = ({
-    data,
-    url
-  }) => {
-    console.log("\u{1F680} ~ data, url,:", data, url);
-    const iframe = document.getElementById(
-      "loyalty-protocol"
-    );
-    if (!iframe || typeof iframe.contentWindow === "undefined")
-      throw new Error(`Element with ID: loyalty-protocol is not iframe window`);
-    iframe.contentWindow?.postMessage(data, url);
-  };
-  return { sendInformationToLoyaltyProtocol };
+var import_react = require("react");
+var useLoyaltyChannel = ({ message }) => {
+  const iframeRef = (0, import_react.useRef)(null);
+  const sendInformationToLoyaltyProtocol = (0, import_react.useCallback)(
+    ({ data, url }) => {
+      const iframe = iframeRef.current;
+      if (!iframe || typeof iframe.contentWindow === "undefined")
+        return void console.warn(
+          `Element with ID: loyalty-protocol is not iframe window`
+        );
+      iframe.contentWindow?.postMessage(data, url);
+    },
+    [iframeRef.current]
+  );
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("message", ({ data }) => {
+      if (data?.eventName === "init-handshake") {
+        sendInformationToLoyaltyProtocol(message);
+      }
+    });
+  }, []);
+  return iframeRef;
 };
 
 // index.ts

package/dist/index.d.cts

@@ -1,9 +1,11 @@
+import * as react from 'react';
+
 interface SendInformationArgs {
     data: string;
     url: string;
 }
-declare const useLoyaltyChannel: () => {
-    sendInformationToLoyaltyProtocol: ({ data, url, }: SendInformationArgs) => void;
-};
+declare const useLoyaltyChannel: ({ message }: {
+    message: SendInformationArgs;
+}) => react.RefObject<HTMLIFrameElement | null>;
 
 export { useLoyaltyChannel as default, useLoyaltyChannel };

package/dist/index.d.ts

@@ -1,9 +1,11 @@
+import * as react from 'react';
+
 interface SendInformationArgs {
     data: string;
     url: string;
 }
-declare const useLoyaltyChannel: () => {
-    sendInformationToLoyaltyProtocol: ({ data, url, }: SendInformationArgs) => void;
-};
+declare const useLoyaltyChannel: ({ message }: {
+    message: SendInformationArgs;
+}) => react.RefObject<HTMLIFrameElement | null>;
 
 export { useLoyaltyChannel as default, useLoyaltyChannel };

package/dist/index.js

@@ -1,18 +1,26 @@
 // src/hooks/useLoyaltyChannel.ts
-var useLoyaltyChannel = () => {
-  const sendInformationToLoyaltyProtocol = ({
-    data,
-    url
-  }) => {
-    console.log("\u{1F680} ~ data, url,:", data, url);
-    const iframe = document.getElementById(
-      "loyalty-protocol"
-    );
-    if (!iframe || typeof iframe.contentWindow === "undefined")
-      throw new Error(`Element with ID: loyalty-protocol is not iframe window`);
-    iframe.contentWindow?.postMessage(data, url);
-  };
-  return { sendInformationToLoyaltyProtocol };
+import { useCallback, useEffect, useRef } from "react";
+var useLoyaltyChannel = ({ message }) => {
+  const iframeRef = useRef(null);
+  const sendInformationToLoyaltyProtocol = useCallback(
+    ({ data, url }) => {
+      const iframe = iframeRef.current;
+      if (!iframe || typeof iframe.contentWindow === "undefined")
+        return void console.warn(
+          `Element with ID: loyalty-protocol is not iframe window`
+        );
+      iframe.contentWindow?.postMessage(data, url);
+    },
+    [iframeRef.current]
+  );
+  useEffect(() => {
+    window.addEventListener("message", ({ data }) => {
+      if (data?.eventName === "init-handshake") {
+        sendInformationToLoyaltyProtocol(message);
+      }
+    });
+  }, []);
+  return iframeRef;
 };
 
 // index.ts

package/dist/theme.css

@@ -0,0 +1,3 @@
+body {
+  background-color: red;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loyalty-protocol",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "",
   "main": "dist/index.js",
   "exports": {
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsup index.ts --format esm,cjs --dts"
+    "build": "tsup index.ts --format esm,cjs --dts && cp src/theme/theme.css dist/theme.css"
   },
   "keywords": [],
   "author": "",
@@ -16,10 +16,16 @@
   "type": "module",
   "private": false,
   "dependencies": {
-    "loyalty-protocol": "^1.0.0"
+    "loyalty-protocol": "^1.0.0",
+    "react": "^19.1.1"
   },
   "devDependencies": {
+    "@types/react": "^19.1.12",
     "tsup": "^8.5.0",
     "typescript": "^5.9.2"
-  }
+  },
+  "files": [
+    "dist",
+    "dist/theme.css"
+  ]
 }

package/index.ts

@@ -1,5 +0,0 @@
-import { useLoyaltyChannel } from "./src/hooks/useLoyaltyChannel";
-
-export { useLoyaltyChannel };
-
-export default useLoyaltyChannel;

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "declaration": true,
-    "outDir": "dist",
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "moduleResolution": "Node",
-    "jsx": "react-jsx",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "skipLibCheck": true
-  },
-  "include": ["src", "index.ts"],
-  "exclude": ["node_modules", "dist"]
-}