@pack/hydrogen 1.0.0 → 1.0.1-ab-test.0

package/dist/create-pack-client.d.ts

@@ -2,6 +2,7 @@
 import { PackClient } from "@pack/client";
 import { CacheCustom } from "@shopify/hydrogen";
 import { PackSession } from "./session/session";
+import { Test, TestInput } from "./tests/test";
 /** @see https://shopify.dev/docs/custom-storefronts/hydrogen/data-fetching/cache#caching-strategies */
 type CachingStrategy = ReturnType<typeof CacheCustom>;
 interface EnvironmentOptions {
@@ -29,6 +30,7 @@ type Variables = Record<string, any>;
 interface QueryOptions {
     variables?: Variables;
     cache?: CachingStrategy;
+    test?: TestInput;
 }
 interface QueryError {
     message: string;
@@ -43,11 +45,14 @@ interface QueryResponse<T> {
 export interface Pack {
     isPreviewModeEnabled: () => boolean;
     session: PackSession;
+    abTest: Test | null | undefined;
+    setTestFromQueryParams: (request: Request) => void;
     query: <T = any>(query: string, options?: QueryOptions) => Promise<QueryResponse<T>>;
     isValidEditToken: PackClient["isValidEditToken"];
     getPackSessionData(): {
         storeId: string;
         sessionId: string;
+        abTest: Test | null | undefined;
         isPreviewModeEnabled: boolean;
         customizerMeta: any;
     };

package/dist/create-pack-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-pack-client.d.ts","sourceRoot":"","sources":["../src/create-pack-client.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAmB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,uGAAuG;AACvG,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtD,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;;OAGG;IACH,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,aAAa,CAAC,CAAC;IACvB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,IAAI;IACnB,oBAAoB,EAAE,MAAM,OAAO,CAAC;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,CAAC,CAAC,GAAG,GAAG,EACb,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,YAAY,KACnB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,gBAAgB,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACjD,kBAAkB,IAAI;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,oBAAoB,EAAE,OAAO,CAAC;QAC9B,cAAc,EAAE,GAAG,CAAC;KACrB,CAAC;CACH;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC3B;AA2FD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,IAAI,CAkIvE"}
+{"version":3,"file":"create-pack-client.d.ts","sourceRoot":"","sources":["../src/create-pack-client.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAmB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAKL,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,uGAAuG;AACvG,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtD,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;;OAGG;IACH,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,aAAa,CAAC,CAAC;IACvB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,IAAI;IACnB,oBAAoB,EAAE,MAAM,OAAO,CAAC;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,CAAC,CAAC,GAAG,GAAG,EACb,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,YAAY,KACnB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,gBAAgB,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACjD,kBAAkB,IAAI;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;QAChC,oBAAoB,EAAE,OAAO,CAAC;QAC9B,cAAc,EAAE,GAAG,CAAC;KACrB,CAAC;CACH;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC3B;AA2FD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,IAAI,CAmKvE"}

package/dist/create-pack-client.js

@@ -1,5 +1,6 @@
 import { PackClient } from "@pack/client";
 import { CacheCustom, createWithCache } from "@shopify/hydrogen";
+import { getTestInfo, getTestSession, getTestFromQueryParams, setTestHeaders, } from "./tests/test";
 /**
  * Create an SHA-256 hash as a hex string
  * @see https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string
@@ -76,6 +77,7 @@ export function createPackClient(options) {
     const previewEnabled = !!session.get("previewEnabled");
     const previewEnvironment = session.get("environment");
     const clientContentEnvironment = previewEnvironment || contentEnvironment;
+    let testFromQueryParams = null;
     if (!token && !defaultThemeData) {
         throw new Error("The Pack client token is missing or empty. Please provide a valid token or default theme data.");
     }
@@ -85,6 +87,10 @@ export function createPackClient(options) {
     if (!token) {
         return {
             session,
+            abTest: getTestSession(session, testFromQueryParams, previewEnabled),
+            setTestFromQueryParams: (request) => {
+                testFromQueryParams = getTestFromQueryParams(request);
+            },
             isPreviewModeEnabled: () => previewEnabled,
             async query(query, { variables } = {}) {
                 if (!defaultThemeData?.data) {
@@ -99,6 +105,7 @@ export function createPackClient(options) {
                 return {
                     storeId: storeId,
                     sessionId: session.id,
+                    abTest: getTestSession(session, testFromQueryParams, previewEnabled),
                     isPreviewModeEnabled: previewEnabled,
                     customizerMeta: session.get("customizerMeta"),
                 };
@@ -119,15 +126,37 @@ export function createPackClient(options) {
         contentEnvironment: clientContentEnvironment,
         sessionId: session.id,
     });
+    const getTestInfoPromise = getTestInfo({
+        packClient,
+        session,
+    });
     return {
         session,
+        abTest: getTestSession(session, testFromQueryParams, previewEnabled),
+        setTestFromQueryParams: (request) => {
+            testFromQueryParams = getTestFromQueryParams(request);
+        },
         isPreviewModeEnabled: () => previewEnabled,
-        async query(query, { variables, cache: strategy = cacheCustom } = {}) {
+        async query(query, { variables, cache: strategy = cacheCustom, test } = {}) {
             const withCache = createWithCache({
                 cache,
                 waitUntil,
             });
+            const testFromSession = await (async () => {
+                try {
+                    return await getTestInfoPromise;
+                }
+                catch (e) {
+                    console.error(e);
+                }
+                return undefined;
+            })();
             let headers = {};
+            headers = setTestHeaders(headers, {
+                previewEnabled,
+                testFromSession,
+                testFromQueryParams: testFromQueryParams || test,
+            });
             const queryHash = await hashQuery(query, variables, headers);
             const queryVariables = variables ? { ...variables } : {};
             if (previewEnabled) {
@@ -165,6 +194,7 @@ export function createPackClient(options) {
             return {
                 storeId: storeId,
                 sessionId: session.id,
+                abTest: getTestSession(session, testFromQueryParams, previewEnabled),
                 isPreviewModeEnabled: previewEnabled,
                 customizerMeta: session.get("customizerMeta"),
             };

package/dist/handle-request.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle-request.d.ts","sourceRoot":"","sources":["../src/handle-request.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,wBAAsB,aAAa,CACjC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,GACrD,OAAO,CAAC,QAAQ,CAAC,CAanB"}
+{"version":3,"file":"handle-request.d.ts","sourceRoot":"","sources":["../src/handle-request.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,wBAAsB,aAAa,CACjC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,GACrD,OAAO,CAAC,QAAQ,CAAC,CAenB"}

package/dist/handle-request.js

@@ -1,5 +1,6 @@
 import { packlytics } from "@pack/packlytics";
 export async function handleRequest(pack, request, handleRequest) {
+    pack.setTestFromQueryParams(request);
     const [response, _] = await Promise.all([
         handleRequest(request),
         packlytics(request, pack.session, {

package/dist/index.d.ts

@@ -3,5 +3,6 @@ import { usePackCookies } from "./session/usePackCookies";
 import { PackSession } from "./session/session";
 import { createPackClient } from "./create-pack-client";
 import { action as previewModeAction, loader as previewModeLoader } from "./preview/preview-mode";
-export { PackSession, createPackClient, handleRequest, previewModeAction, previewModeLoader, usePackCookies, };
+import { useAbTest, useAbTestHandle, useAbTestId, useAbTestSessionId, useAbTestVariantHandle, useAbTestVariantId } from "./tests/testHooks";
+export { PackSession, createPackClient, handleRequest, previewModeAction, previewModeLoader, usePackCookies, useAbTest, useAbTestId, useAbTestHandle, useAbTestSessionId, useAbTestVariantId, useAbTestVariantHandle, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,MAAM,IAAI,iBAAiB,EAC3B,MAAM,IAAI,iBAAiB,EAC5B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,MAAM,IAAI,iBAAiB,EAC3B,MAAM,IAAI,iBAAiB,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,SAAS,EACT,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,GACvB,CAAC"}

package/dist/index.js

@@ -3,4 +3,5 @@ import { usePackCookies } from "./session/usePackCookies";
 import { PackSession } from "./session/session";
 import { createPackClient } from "./create-pack-client";
 import { action as previewModeAction, loader as previewModeLoader, } from "./preview/preview-mode";
-export { PackSession, createPackClient, handleRequest, previewModeAction, previewModeLoader, usePackCookies, };
+import { useAbTest, useAbTestHandle, useAbTestId, useAbTestSessionId, useAbTestVariantHandle, useAbTestVariantId, } from "./tests/testHooks";
+export { PackSession, createPackClient, handleRequest, previewModeAction, previewModeLoader, usePackCookies, useAbTest, useAbTestId, useAbTestHandle, useAbTestSessionId, useAbTestVariantId, useAbTestVariantHandle, };

package/dist/tests/test.d.ts

@@ -0,0 +1,28 @@
+import { PackClient } from "@pack/client";
+import { PackSession } from "../session/session";
+export interface TestInput {
+    testId?: string;
+    testHandle?: string;
+    testVariantId?: string;
+    testVariantHandle?: string;
+}
+export interface Test {
+    id: string;
+    handle: string;
+    testVariant: {
+        id: string;
+        handle: string;
+    };
+}
+export declare function getTestInfo({ packClient, session, }: {
+    packClient: PackClient;
+    session: PackSession | undefined;
+}): Promise<Test | undefined>;
+export declare function getTestSession(session: PackSession | undefined, testFromQueryParams: TestInput | null, previewEnabled: boolean): Test | null | undefined;
+export declare function getTestFromQueryParams(request: Request): TestInput | null;
+export declare function setTestHeaders(headers: any, options: {
+    previewEnabled: boolean;
+    testFromSession?: Test;
+    testFromQueryParams?: TestInput;
+}): any;
+//# sourceMappingURL=test.d.ts.map

package/dist/tests/test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../src/tests/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE;QACX,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAeD,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,GACR,EAAE;IACD,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;CAClC,GAAG,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CA2C5B;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,mBAAmB,EAAE,SAAS,GAAG,IAAI,EACrC,cAAc,EAAE,OAAO,GACtB,IAAI,GAAG,IAAI,GAAG,SAAS,CA8BzB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CA2CzE;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE;IACP,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC,OAmCF"}

package/dist/tests/test.js

@@ -0,0 +1,135 @@
+const QUERY_TEST = `#graphql
+query TestCurrent {
+    testCurrent {
+        id
+        handle
+        testVariant: TestVariant {
+            id
+            handle
+        }
+    }
+}
+`;
+export async function getTestInfo({ packClient, session, }) {
+    if (!session) {
+        return undefined;
+    }
+    const testSession = session.get("test");
+    let test = testSession?.data || undefined;
+    if (!testSession ||
+        (testSession && new Date(testSession.expire_at) < new Date())) {
+        // Request directly to API if it is using CDN to reduce latency
+        let usingCdn = false;
+        if (packClient.apiUrl === "https://apicdn.packdigital.com/graphql") {
+            packClient.apiUrl = "https://app.packdigital.com/graphql";
+            usingCdn = true;
+        }
+        const packClientFetch = packClient.fetch(QUERY_TEST, {});
+        if (usingCdn) {
+            // Return to CDN
+            packClient.apiUrl = "https://apicdn.packdigital.com/graphql";
+        }
+        const resp = await packClientFetch;
+        test = resp.data?.testCurrent;
+        // Expire on 24 hours the test cache
+        const expire_at = new Date();
+        expire_at.setHours(expire_at.getHours() + 24);
+        session.set("test", {
+            data: test || null,
+            expire_at: expire_at,
+        });
+    }
+    return test;
+}
+export function getTestSession(session, testFromQueryParams, previewEnabled) {
+    if (testFromQueryParams) {
+        return {
+            id: testFromQueryParams.testId || "",
+            handle: testFromQueryParams.testHandle || "",
+            testVariant: {
+                id: testFromQueryParams.testVariantId || "",
+                handle: testFromQueryParams.testVariantHandle || "",
+            },
+        };
+    }
+    if (previewEnabled) {
+        return {
+            id: "",
+            handle: "isPreview",
+            testVariant: {
+                id: "",
+                handle: "isPreview",
+            },
+        };
+    }
+    if (!session) {
+        return undefined;
+    }
+    const testSession = session.get("test");
+    return testSession?.data || null;
+}
+export function getTestFromQueryParams(request) {
+    const requestUrl = new URL(request.url);
+    const params = requestUrl.searchParams;
+    if (params.has("testId") ||
+        params.has("test_id") ||
+        params.has("test-id") ||
+        params.has("testHandle") ||
+        params.has("test_handle") ||
+        params.has("test-handle") ||
+        params.has("testVariantId") ||
+        params.has("test_variant_id") ||
+        params.has("test-variant-id") ||
+        params.has("testVariantHandle") ||
+        params.has("test_variant_handle") ||
+        params.has("test-variant-handle")) {
+        return {
+            testId: params.get("testId") ||
+                params.get("test_id") ||
+                params.get("test-id") ||
+                "",
+            testHandle: params.get("testHandle") ||
+                params.get("test_handle") ||
+                params.get("test-handle") ||
+                "",
+            testVariantId: params.get("testVariantId") ||
+                params.get("test_variant_id") ||
+                params.get("test-variant-id") ||
+                "",
+            testVariantHandle: params.get("testVariantHandle") ||
+                params.get("test_variant_handle") ||
+                params.get("test-variant-handle") ||
+                "",
+        };
+    }
+    return null;
+}
+export function setTestHeaders(headers, options) {
+    const { previewEnabled, testFromQueryParams, testFromSession } = options;
+    if (previewEnabled) {
+        return headers;
+    }
+    if (testFromQueryParams) {
+        headers["X-Pack-Test-Ignore-Test-Status"] = true;
+        if (testFromQueryParams.testId) {
+            headers["X-Pack-Test-Id"] = testFromQueryParams.testId;
+        }
+        if (testFromQueryParams.testHandle) {
+            headers["X-Pack-Test-Handle"] = testFromQueryParams.testHandle;
+        }
+        if (testFromQueryParams.testVariantId) {
+            headers["X-Pack-Test-Variant-Id"] = testFromQueryParams.testVariantId;
+        }
+        if (testFromQueryParams.testVariantHandle) {
+            headers["X-Pack-Test-Variant-Handle"] =
+                testFromQueryParams.testVariantHandle;
+        }
+    }
+    else if (testFromSession) {
+        headers = {
+            "X-Pack-Test-Id": testFromSession?.id,
+            "X-Pack-Test-Variant-Id": testFromSession?.testVariant?.id,
+        };
+    }
+    return headers;
+}

package/dist/tests/testHooks.d.ts

@@ -0,0 +1,8 @@
+import { Test } from "./test";
+export declare function useAbTest(): Test | null;
+export declare function useAbTestSessionId(): string;
+export declare function useAbTestId(): string | undefined;
+export declare function useAbTestHandle(): string | undefined;
+export declare function useAbTestVariantId(): string | undefined;
+export declare function useAbTestVariantHandle(): string | undefined;
+//# sourceMappingURL=testHooks.d.ts.map

package/dist/tests/testHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testHooks.d.ts","sourceRoot":"","sources":["../../src/tests/testHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,wBAAgB,SAAS,IAAI,IAAI,GAAG,IAAI,CAWvC;AAED,wBAAgB,kBAAkB,IAAI,MAAM,CAW3C;AAED,wBAAgB,WAAW,IAAI,MAAM,GAAG,SAAS,CAIhD;AAED,wBAAgB,eAAe,IAAI,MAAM,GAAG,SAAS,CAIpD;AAED,wBAAgB,kBAAkB,IAAI,MAAM,GAAG,SAAS,CAIvD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAI3D"}

package/dist/tests/testHooks.js

@@ -0,0 +1,33 @@
+import { useRouteLoaderData } from "@remix-run/react";
+export function useAbTest() {
+    // @ts-ignore
+    const { abTest: test } = useRouteLoaderData("root");
+    if (test === undefined) {
+        throw new Error("No A/B test found, are you sure you have call ...pack.getPackSessionData() on root loader return?");
+    }
+    return test;
+}
+export function useAbTestSessionId() {
+    // @ts-ignore
+    const { sessionId } = useRouteLoaderData("root");
+    if (!sessionId) {
+        throw new Error("No Session ID found, are you sure you have call ...pack.getPackSessionData() on root loader return?");
+    }
+    return sessionId;
+}
+export function useAbTestId() {
+    const test = useAbTest();
+    return test?.id;
+}
+export function useAbTestHandle() {
+    const test = useAbTest();
+    return test?.handle;
+}
+export function useAbTestVariantId() {
+    const test = useAbTest();
+    return test?.testVariant?.id;
+}
+export function useAbTestVariantHandle() {
+    const test = useAbTest();
+    return test?.testVariant?.handle;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/hydrogen",
   "description": "Pack Hydrogen",
-  "version": "1.0.0",
+  "version": "1.0.1-ab-test.0",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {
@@ -22,8 +22,8 @@
     "dist"
   ],
   "dependencies": {
-    "@pack/client": "^1.0.0",
-    "@pack/packlytics": "^1.0.0",
+    "@pack/client": "^1.0.1-ab-test.0",
+    "@pack/packlytics": "^1.0.1-ab-test.0",
     "@shopify/hydrogen": "^2023.10.2"
   },
   "devDependencies": {