@economist/web-apple-pay 1.9.3 → 1.9.4

package/dist/index.js

@@ -1353,7 +1353,7 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackApplePayExperimentExposure = (variant) => {
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
   const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
   if (!isActiveVariant) {
     return;
@@ -1369,7 +1369,8 @@ var trackApplePayExperimentExposure = (variant) => {
   emitTedlEvent({
     name: "$exposure",
     flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
-    variant
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
   });
 };
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
@@ -1995,6 +1996,13 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
+// src/utils/getExperimentKeyFromNextData.ts
+var getExperimentKeyFromNextData = (flagKey) => {
+  const experiments = window.__NEXT_DATA__?.props?.pageProps?.experiments;
+  const experimentKey = experiments?.[flagKey]?.metadata?.experimentKey;
+  return typeof experimentKey === "string" ? experimentKey : void 0;
+};
+
 // src/apple-pay-button.ts
 var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
@@ -2041,7 +2049,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
     if (experimentValue) {
-      trackApplePayExperimentExposure(experimentValue);
+      trackApplePayExperimentExposure(
+        experimentValue,
+        getExperimentKeyFromNextData(APPLE_PAY_EXPRESS_EXPERIMENT_KEY)
+      );
     }
     const isTreatment = experimentValue === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
     const hasUrlParamFlag = new URLSearchParams(window.location.search).has(

package/dist/src/apple-pay-button.js

@@ -1342,7 +1342,7 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackApplePayExperimentExposure = (variant) => {
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
   const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
   if (!isActiveVariant) {
     return;
@@ -1358,7 +1358,8 @@ var trackApplePayExperimentExposure = (variant) => {
   emitTedlEvent({
     name: "$exposure",
     flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
-    variant
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
   });
 };
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
@@ -1984,6 +1985,13 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
+// src/utils/getExperimentKeyFromNextData.ts
+var getExperimentKeyFromNextData = (flagKey) => {
+  const experiments = window.__NEXT_DATA__?.props?.pageProps?.experiments;
+  const experimentKey = experiments?.[flagKey]?.metadata?.experimentKey;
+  return typeof experimentKey === "string" ? experimentKey : void 0;
+};
+
 // src/apple-pay-button.ts
 var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
@@ -2030,7 +2038,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
     if (experimentValue) {
-      trackApplePayExperimentExposure(experimentValue);
+      trackApplePayExperimentExposure(
+        experimentValue,
+        getExperimentKeyFromNextData(APPLE_PAY_EXPRESS_EXPERIMENT_KEY)
+      );
     }
     const isTreatment = experimentValue === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
     const hasUrlParamFlag = new URLSearchParams(window.location.search).has(

package/dist/src/apple-pay-button.stories.js

@@ -1350,7 +1350,7 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackApplePayExperimentExposure = (variant) => {
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
   const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
   if (!isActiveVariant) {
     return;
@@ -1366,7 +1366,8 @@ var trackApplePayExperimentExposure = (variant) => {
   emitTedlEvent({
     name: "$exposure",
     flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
-    variant
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
   });
 };
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
@@ -1992,6 +1993,13 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
+// src/utils/getExperimentKeyFromNextData.ts
+var getExperimentKeyFromNextData = (flagKey) => {
+  const experiments = window.__NEXT_DATA__?.props?.pageProps?.experiments;
+  const experimentKey = experiments?.[flagKey]?.metadata?.experimentKey;
+  return typeof experimentKey === "string" ? experimentKey : void 0;
+};
+
 // src/apple-pay-button.ts
 var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
@@ -2038,7 +2046,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
     if (experimentValue) {
-      trackApplePayExperimentExposure(experimentValue);
+      trackApplePayExperimentExposure(
+        experimentValue,
+        getExperimentKeyFromNextData(APPLE_PAY_EXPRESS_EXPERIMENT_KEY)
+      );
     }
     const isTreatment = experimentValue === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
     const hasUrlParamFlag = new URLSearchParams(window.location.search).has(

package/dist/src/apple-pay-modal.stories.js

@@ -1342,7 +1342,7 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackApplePayExperimentExposure = (variant) => {
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
   const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
   if (!isActiveVariant) {
     return;
@@ -1358,7 +1358,8 @@ var trackApplePayExperimentExposure = (variant) => {
   emitTedlEvent({
     name: "$exposure",
     flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
-    variant
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
   });
 };
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
@@ -1984,6 +1985,13 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
+// src/utils/getExperimentKeyFromNextData.ts
+var getExperimentKeyFromNextData = (flagKey) => {
+  const experiments = window.__NEXT_DATA__?.props?.pageProps?.experiments;
+  const experimentKey = experiments?.[flagKey]?.metadata?.experimentKey;
+  return typeof experimentKey === "string" ? experimentKey : void 0;
+};
+
 // src/apple-pay-button.ts
 var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
@@ -2030,7 +2038,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
     if (experimentValue) {
-      trackApplePayExperimentExposure(experimentValue);
+      trackApplePayExperimentExposure(
+        experimentValue,
+        getExperimentKeyFromNextData(APPLE_PAY_EXPRESS_EXPERIMENT_KEY)
+      );
     }
     const isTreatment = experimentValue === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
     const hasUrlParamFlag = new URLSearchParams(window.location.search).has(

package/dist/src/index.js

@@ -1353,7 +1353,7 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackApplePayExperimentExposure = (variant) => {
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
   const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
   if (!isActiveVariant) {
     return;
@@ -1369,7 +1369,8 @@ var trackApplePayExperimentExposure = (variant) => {
   emitTedlEvent({
     name: "$exposure",
     flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
-    variant
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
   });
 };
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
@@ -1995,6 +1996,13 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
+// src/utils/getExperimentKeyFromNextData.ts
+var getExperimentKeyFromNextData = (flagKey) => {
+  const experiments = window.__NEXT_DATA__?.props?.pageProps?.experiments;
+  const experimentKey = experiments?.[flagKey]?.metadata?.experimentKey;
+  return typeof experimentKey === "string" ? experimentKey : void 0;
+};
+
 // src/apple-pay-button.ts
 var FEATURE_APPLE_PAY_EXPRESS_CHECKOUT = "FEATURE_APPLE_PAY_EXPRESS_CHECKOUT";
 var TOTAL_LABEL = "The Economist";
@@ -2041,7 +2049,10 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
     if (experimentValue) {
-      trackApplePayExperimentExposure(experimentValue);
+      trackApplePayExperimentExposure(
+        experimentValue,
+        getExperimentKeyFromNextData(APPLE_PAY_EXPRESS_EXPERIMENT_KEY)
+      );
     }
     const isTreatment = experimentValue === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
     const hasUrlParamFlag = new URLSearchParams(window.location.search).has(

package/dist/src/utils/expressCheckoutTracking.d.ts

@@ -52,9 +52,10 @@ export type ImpressionMetadata = {
  *
  * Fired when createIfEnabled evaluates an assigned variant (control or
  * treatment). Deduped per pathname + variant so repeated banner renders on
- * the same page do not over-count.
+ * the same page do not over-count. Includes experiment_key from Engagement
+ * SSR (__NEXT_DATA__) when present for Feature Experiment run attribution.
  */
-export declare const trackApplePayExperimentExposure: (variant: string) => void;
+export declare const trackApplePayExperimentExposure: (variant: string, experimentKey?: string) => void;
 /** Wallet button displayed — emits all 5 required analytics dimensions. */
 export declare const trackExpressWalletImpression: (skuId: string, { entryPoint, country }: ImpressionMetadata) => void;
 /** Wallet button clicked */

package/dist/src/utils/expressCheckoutTracking.js

@@ -42,7 +42,7 @@ var track = (action, extra) => {
     ...extra
   });
 };
-var trackApplePayExperimentExposure = (variant) => {
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
   const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
   if (!isActiveVariant) {
     return;
@@ -58,7 +58,8 @@ var trackApplePayExperimentExposure = (variant) => {
   emitTedlEvent({
     name: "$exposure",
     flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
-    variant
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
   });
 };
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {

package/dist/src/utils/getExperimentKeyFromNextData.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Reads Amplitude experiment run key from Engagement SSR page props.
+ *
+ * Engagement already stores full fetchVariants entries on
+ * `window.__NEXT_DATA__.props.pageProps.experiments` (including
+ * `metadata.experimentKey`). Avoids extending the CDN bridge API.
+ */
+export declare const getExperimentKeyFromNextData: (flagKey: string) => string | undefined;

package/dist/src/utils/getExperimentKeyFromNextData.js

@@ -0,0 +1,9 @@
+// src/utils/getExperimentKeyFromNextData.ts
+var getExperimentKeyFromNextData = (flagKey) => {
+  const experiments = window.__NEXT_DATA__?.props?.pageProps?.experiments;
+  const experimentKey = experiments?.[flagKey]?.metadata?.experimentKey;
+  return typeof experimentKey === "string" ? experimentKey : void 0;
+};
+export {
+  getExperimentKeyFromNextData
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@economist/web-apple-pay",
   "description": "Web component package for Apple Pay checkout UI",
-  "version": "1.9.3",
+  "version": "1.9.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",