@pack/hydrogen 1.0.5 → 1.0.6

package/dist/session/cookies-utils.js

@@ -1,5 +1,5 @@
 import { PACK_USER_CONSENT_COOKIE_ID } from "../constants";
-const cookie = require("cookie");
+import cookie from "cookie";
 const tokenHash = "xxxx-4xxx-xxxx-xxxxxxxxxxxx";
 export function hasUserConsent(request) {
     const cookies = cookie.parse(request.headers.get("Cookie"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/hydrogen",
   "description": "Pack Hydrogen",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {

package/dist/tests/hooks.d.ts

@@ -1,8 +0,0 @@
-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=hooks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/tests/hooks.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/hooks.js

@@ -1,33 +0,0 @@
-import { useRouteLoaderData } from "@remix-run/react";
-export function useAbTest() {
-    // @ts-ignore
-    const { abTest, packAbTest } = useRouteLoaderData("root");
-    if (abTest === undefined && packAbTest === undefined) {
-        throw new Error("No A/B test found, are you sure you have call ...pack.getPackContextData() on root loader return?");
-    }
-    return abTest || packAbTest;
-}
-export function useAbTestSessionId() {
-    // @ts-ignore
-    const { sessionId, packSessionId } = useRouteLoaderData("root");
-    if (!sessionId && !packSessionId) {
-        throw new Error("No Session ID found, are you sure you have call ...pack.getPackContextData() on root loader return?");
-    }
-    return sessionId || packSessionId;
-}
-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/dist/tests/index.d.ts

@@ -1,6 +0,0 @@
-import { PackTestRoute } from "./pack-test-route";
-import { PackTestContext, usePackTestContext } from "./pack-test-context";
-import { PackTestProvider } from "./pack-test-provider";
-import { useAbTest, useAbTestHandle, useAbTestId, useAbTestSessionId, useAbTestVariantHandle, useAbTestVariantId } from "./hooks";
-export { PackTestContext, usePackTestContext, PackTestProvider, PackTestRoute, useAbTest, useAbTestId, useAbTestHandle, useAbTestSessionId, useAbTestVariantId, useAbTestVariantHandle, };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tests/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,SAAS,EACT,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,GACvB,CAAC"}

package/dist/tests/index.js

@@ -1,5 +0,0 @@
-import { PackTestRoute } from "./pack-test-route";
-import { PackTestContext, usePackTestContext } from "./pack-test-context";
-import { PackTestProvider } from "./pack-test-provider";
-import { useAbTest, useAbTestHandle, useAbTestId, useAbTestSessionId, useAbTestVariantHandle, useAbTestVariantId, } from "./hooks";
-export { PackTestContext, usePackTestContext, PackTestProvider, PackTestRoute, useAbTest, useAbTestId, useAbTestHandle, useAbTestSessionId, useAbTestVariantId, useAbTestVariantHandle, };

package/dist/tests/pack-test-context.d.ts

@@ -1,15 +0,0 @@
-export interface Test {
-    id: string;
-    handle: string;
-    testVariant: {
-        id: string;
-        handle: string;
-    };
-}
-type PackTestContextValue = {
-    testExposureCallback?: (test: Test) => void;
-};
-export declare const PackTestContext: import("react").Context<PackTestContextValue>;
-export declare const usePackTestContext: () => PackTestContextValue;
-export {};
-//# sourceMappingURL=pack-test-context.d.ts.map

package/dist/tests/pack-test-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pack-test-context.d.ts","sourceRoot":"","sources":["../../src/tests/pack-test-context.ts"],"names":[],"mappings":"AAEA,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,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,eAAe,+CAA0C,CAAC;AAEvE,eAAO,MAAM,kBAAkB,4BAAoC,CAAC"}

package/dist/tests/pack-test-context.js

@@ -1,3 +0,0 @@
-import { createContext, useContext } from "react";
-export const PackTestContext = createContext({});
-export const usePackTestContext = () => useContext(PackTestContext);

package/dist/tests/pack-test-provider.d.ts

@@ -1,8 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { Test } from "./pack-test-context";
-interface PackContentProps {
-    testExposureCallback?: (test: Test) => void;
-}
-export declare function PackTestProvider({ children, testExposureCallback, }: PropsWithChildren<PackContentProps>): React.JSX.Element;
-export {};
-//# sourceMappingURL=pack-test-provider.d.ts.map

package/dist/tests/pack-test-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pack-test-provider.d.ts","sourceRoot":"","sources":["../../src/tests/pack-test-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE5D,UAAU,gBAAgB;IACxB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,oBAAoB,GACrB,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,qBAYrC"}

package/dist/tests/pack-test-provider.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { PackTestContext } from "./pack-test-context";
-export function PackTestProvider({ children, testExposureCallback, }) {
-    return (React.createElement(PackTestContext.Provider, { value: {
-            testExposureCallback: (test) => {
-                testExposureCallback && testExposureCallback(test);
-            },
-        } }, children));
-}

package/dist/tests/pack-test-route.d.ts

@@ -1,2 +0,0 @@
-export declare const PackTestRoute: () => null;
-//# sourceMappingURL=pack-test-route.d.ts.map

package/dist/tests/pack-test-route.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pack-test-route.d.ts","sourceRoot":"","sources":["../../src/tests/pack-test-route.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,aAAa,YAIzB,CAAC"}

package/dist/tests/pack-test-route.js

@@ -1,36 +0,0 @@
-import { useLoaderData, useMatches } from "@remix-run/react";
-import Cookies from "js-cookie";
-import { useEffect, useState } from "react";
-import { useRevalidator } from "react-router-dom";
-import { usePackTestContext } from "./pack-test-context";
-const usePackLoaderData = () => {
-    const [exposedTestInfo, setExposedTestInfo] = useState();
-    const { packTestInfo } = useLoaderData();
-    const [root] = useMatches();
-    const { packIsPreviewMode } = root?.data;
-    const { testExposureCallback } = usePackTestContext();
-    const revalidator = useRevalidator();
-    const exposedTestCookieString = Cookies.get("exposedTest");
-    useEffect(() => {
-        if (packTestInfo &&
-            !exposedTestCookieString &&
-            !packIsPreviewMode &&
-            !exposedTestInfo) {
-            // Set exposedTest cookie used by server to determine if session has been exposed to test
-            const expires = new Date();
-            expires.setHours(expires.getHours() + 24);
-            Cookies.set("exposedTest", JSON.stringify(packTestInfo), {
-                expires,
-            });
-            setExposedTestInfo(packTestInfo);
-            testExposureCallback?.(packTestInfo);
-            // TODO: This results in flashing of UI driven by site settings data.
-            // Need non-flashing solution.
-            revalidator.revalidate();
-        }
-    }, [packTestInfo, testExposureCallback, exposedTestInfo]);
-};
-export const PackTestRoute = () => {
-    usePackLoaderData();
-    return null;
-};

package/dist/tests/test.d.ts

@@ -1,45 +0,0 @@
-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 interface TestTargetAudienceAttributes {
-    url?: string;
-    query?: string;
-    path?: string;
-    utmCampaign?: string;
-    utmContent?: string;
-    utmMedium?: string;
-    utmSource?: string;
-    utmTerm?: string;
-}
-export interface GetTestInfoOptions {
-    request: Request;
-    testTargetAudienceAttributes: TestTargetAudienceAttributes | null;
-    packClient: PackClient;
-    session: PackSession | undefined;
-}
-export interface TestInfo extends Test {
-    isFirstExposure?: boolean;
-}
-export declare function getTestInfo({ request, testTargetAudienceAttributes, packClient, session, }: GetTestInfoOptions): Promise<TestInfo | undefined>;
-export declare function getTestSession(session: PackSession | undefined, testFromQueryParams: TestInput | null, previewEnabled: boolean): Test | null | undefined;
-export declare function getTestTargetingAttributesFromRequest(request: Request): TestTargetAudienceAttributes;
-export declare function getTestFromQueryParams(request: Request): TestInput | null;
-export declare function setTestHeaders(headers: any, options: {
-    previewEnabled: boolean;
-    testInfoForRequest?: TestInfo;
-    testFromQueryParams?: TestInput;
-}): any;
-//# sourceMappingURL=test.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAGjD,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,MAAM,WAAW,4BAA4B;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAqBD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,4BAA4B,EAAE,4BAA4B,GAAG,IAAI,CAAC;IAClE,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,QAAS,SAAQ,IAAI;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAsB,WAAW,CAAC,EAChC,OAAO,EACP,4BAA4B,EAC5B,UAAU,EACV,OAAO,GACR,EAAE,kBAAkB,GAAG,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAuHpD;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,qCAAqC,CACnD,OAAO,EAAE,OAAO,GACf,4BAA4B,CA0B9B;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,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC,OAgCF"}

package/dist/tests/test.js

@@ -1,226 +0,0 @@
-import cookie from "cookie";
-const QUERY_TEST_BY_RULES = `#graphql
-  query TestByRules($testTargetAudienceAttributes: JSON!) {
-    testByRules(attributes: $testTargetAudienceAttributes) {
-      id
-      handle
-      testVariant {
-        id
-        handle
-      }
-    }
-  }
-`;
-const QUERY_TEST_VARIANT_IS_RUNNING = `#graphql
-  query TestVariantIsRunning($handle: String!, $testId: ID!) {
-    testVariantIsRunning(handle: $handle, testId: $testId)
-  }
-`;
-export async function getTestInfo({ request, testTargetAudienceAttributes, packClient, session, }) {
-    let testInfo = undefined;
-    if (session) {
-        // Request directly to API if it is using CDN to reduce latency
-        let isUsingCdn = false;
-        if (packClient.apiUrl === "https://apicdn.packdigital.com/graphql") {
-            packClient.apiUrl = "https://app.packdigital.com/graphql";
-            isUsingCdn = true;
-        }
-        const packClientFetchTestByRules = packClient.fetch(QUERY_TEST_BY_RULES, {
-            variables: {
-                testTargetAudienceAttributes,
-            },
-        });
-        const fetchTestByRulesSetTestInfoAsFirstExposure = async () => {
-            const resp = await packClientFetchTestByRules;
-            const responseTest = resp.data?.testByRules;
-            if (responseTest) {
-                testInfo = {
-                    ...responseTest,
-                    isFirstExposure: true,
-                };
-            }
-            else {
-                session.set("test", undefined);
-            }
-        };
-        const testSession = session.get("test");
-        let exposedTest = undefined;
-        const exposedTestCookieString = cookie.parse(request.headers.get("cookie") || "")?.exposedTest;
-        if (exposedTestCookieString) {
-            exposedTest = JSON.parse(exposedTestCookieString);
-        }
-        // If there is no assigned test on the session and an exposed test in the
-        // incoming request cookie it means that the user was exposed to a test
-        // for the first time previously.
-        if (!testSession && exposedTest) {
-            // Verify test is still running
-            const resp = await packClient.fetch(QUERY_TEST_VARIANT_IS_RUNNING, {
-                variables: {
-                    handle: exposedTest.testVariant.handle,
-                    testId: exposedTest.id,
-                },
-            });
-            // If the test is still running, set testInfo to the exposed test
-            if (!!resp.data.testVariantIsRunning) {
-                const { id, handle, testVariant } = exposedTest;
-                testInfo = {
-                    id,
-                    handle,
-                    testVariant,
-                };
-                session.set("test", {
-                    data: testInfo,
-                });
-            }
-            else {
-                // If the test is not running anymore, fetch a new test for the user
-                await fetchTestByRulesSetTestInfoAsFirstExposure();
-            }
-        }
-        else {
-            if (!testSession ||
-                !(testSession.data?.id && testSession.data?.testVariant)) {
-                // If there is no assigned test on the session, check if there is a test
-                // for attributes, then assign to session and return value.
-                await fetchTestByRulesSetTestInfoAsFirstExposure();
-            }
-            else {
-                // If there is test on session, check if the test on session is still running.
-                const packClientFetchTestVariantIsRunning = packClient.fetch(QUERY_TEST_VARIANT_IS_RUNNING, {
-                    variables: {
-                        handle: testSession.data.testVariant.handle,
-                        testId: testSession.data.id,
-                    },
-                });
-                const resp = await packClientFetchTestVariantIsRunning;
-                if (!!resp.data.testVariantIsRunning) {
-                    // If true, set testInfo to the testSession assigned test.
-                    testInfo = testSession.data;
-                }
-                else {
-                    // If not running, clear test session and fetch a new test for the user
-                    session.set("test", undefined);
-                    await fetchTestByRulesSetTestInfoAsFirstExposure();
-                }
-            }
-        }
-        if (isUsingCdn) {
-            // Return to CDN
-            packClient.apiUrl = "https://apicdn.packdigital.com/graphql";
-        }
-    }
-    return testInfo;
-}
-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 getTestTargetingAttributesFromRequest(request) {
-    let testTargetingAttributes = {};
-    const requestUrl = new URL(request.url);
-    const searchParams = requestUrl.searchParams;
-    testTargetingAttributes.url = requestUrl.origin + requestUrl.pathname;
-    testTargetingAttributes.query = requestUrl.search;
-    testTargetingAttributes.path = requestUrl.pathname;
-    searchParams.has("utm_campaign") &&
-        (testTargetingAttributes.utmCampaign =
-            searchParams.get("utm_campaign") || undefined);
-    searchParams.has("utm_content") &&
-        (testTargetingAttributes.utmContent =
-            searchParams.get("utm_content") || undefined);
-    searchParams.has("utm_medium") &&
-        (testTargetingAttributes.utmMedium =
-            searchParams.get("utm_medium") || undefined);
-    searchParams.has("utm_source") &&
-        (testTargetingAttributes.utmSource =
-            searchParams.get("utm_source") || undefined);
-    searchParams.has("utm_term") &&
-        (testTargetingAttributes.utmTerm =
-            searchParams.get("utm_term") || undefined);
-    return testTargetingAttributes;
-}
-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, testInfoForRequest } = options;
-    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 (testInfoForRequest) {
-        headers = {
-            "X-Pack-Test-Id": testInfoForRequest?.id,
-            "X-Pack-Test-Variant-Id": testInfoForRequest?.testVariant?.id,
-        };
-    }
-    return headers;
-}