@wapitee/typhoonx-hydrogen 0.6.0 → 0.7.0

package/README.md

@@ -48,6 +48,10 @@ const {nonce, header, NonceProvider} = createContentSecurityPolicy({
 | `shopId`       | `string` | yes      | Shopify store ID                                                                                                  |
 | `cookieDomain` | `string` | no       | Cookie `Domain` for a first-party client id. Defaults to the current hostname's apex domain (e.g. `.example.com`) |
 
+### Meta Pixel
+
+If the storefront runs Meta Pixel, every event also carries its `_fbp` cookie as `fbp` and its `_fbc` cookie as `fbc`. When `_fbc` is not set yet but the page URL has `fbclid`, `fbc` is built as `fb.1.<timestamp>.<fbclid>`. Missing values are omitted.
+
 ## License
 
 [MIT](./LICENSE) © Wapitee Interactive

package/dist/TyphoonX.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TyphoonX.d.ts","sourceRoot":"","sources":["../src/TyphoonX.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmCD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,sCAqBpD"}
+{"version":3,"file":"TyphoonX.d.ts","sourceRoot":"","sources":["../src/TyphoonX.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqCD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,sCAuBpD"}

package/dist/TyphoonX.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { flattenConnection, parseGid, useAnalytics } from '@shopify/hydrogen';
 import { useEffect, useRef, useState } from 'react';
 import { getOrCreateClientId, hasClientId } from './client-id.js';
+import { getMetaPixelIds } from './meta-pixel.js';
 const COLLECT_ENDPOINT = 'https://spell.typhoonx.io/api/v1/receive';
 export default function TyphoonX(props) {
     const { subscribe } = useAnalytics();
@@ -59,6 +60,7 @@ function TyphoonXClient({ cookieDomain, merchantId, shopId }) {
             timestamp: new Date().toISOString(),
             user_agent: window.navigator.userAgent,
             ...(currency === undefined ? {} : { currency }),
+            ...getMetaPixelIds(url),
         });
         subscribe('cart_viewed', (data) => {
             const { cart } = data;
@@ -149,8 +151,8 @@ function TyphoonXClient({ cookieDomain, merchantId, shopId }) {
                         quantity,
                     },
                 ],
-                value: String(Number(prevLine.cost.totalAmount.amount)
-                    - Number(currentLine?.cost.totalAmount.amount ?? 0)),
+                value: String(Number(prevLine.cost.totalAmount.amount) -
+                    Number(currentLine?.cost.totalAmount.amount ?? 0)),
             });
         });
         subscribe('product_viewed', (data) => {

package/dist/meta-pixel.d.ts

@@ -0,0 +1,7 @@
+export interface MetaPixelIds {
+    fbc?: string;
+    fbp?: string;
+}
+/** Meta Pixel `_fbp` / `_fbc` cookies, with `_fbc` falling back to `url`'s `fbclid`. */
+export declare function getMetaPixelIds(url: string): MetaPixelIds;
+//# sourceMappingURL=meta-pixel.d.ts.map

package/dist/meta-pixel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-pixel.d.ts","sourceRoot":"","sources":["../src/meta-pixel.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wFAAwF;AACxF,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAQzD"}

package/dist/meta-pixel.js

@@ -0,0 +1,23 @@
+import CookieLib from 'universal-cookie';
+// Runtime default export is the class.
+const cookies = new CookieLib();
+/** Meta Pixel `_fbp` / `_fbc` cookies, with `_fbc` falling back to `url`'s `fbclid`. */
+export function getMetaPixelIds(url) {
+    const fbp = cookies.get('_fbp', { doNotParse: true });
+    const fbc = cookies.get('_fbc', { doNotParse: true }) ?? fbcFromUrl(url);
+    return {
+        ...(fbc === undefined ? {} : { fbc }),
+        ...(fbp === undefined ? {} : { fbp }),
+    };
+}
+function fbcFromUrl(url) {
+    let fbclid;
+    try {
+        fbclid = new URL(url).searchParams.get('fbclid');
+    }
+    catch {
+        return undefined;
+    }
+    // Meta specifies subdomain index 1 for an `_fbc` built outside the Pixel.
+    return fbclid ? `fb.1.${String(Date.now())}.${fbclid}` : undefined;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wapitee/typhoonx-hydrogen",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "TyphoonX Hydrogen Analytics subscriber",
   "keywords": [
     "typhoonx",