@economist/web-apple-pay 1.9.2 → 1.9.4

package/dist/index.js

@@ -1303,6 +1303,19 @@ var redirectToCheckoutFallback = (params) => {
   return url.pathname + url.search;
 };
 
+// src/constants.ts
+var ApplePayEntryPoint = /* @__PURE__ */ ((ApplePayEntryPoint3) => {
+  ApplePayEntryPoint3["PAYWALL"] = "article_paywall";
+  ApplePayEntryPoint3["REGWALL"] = "article_regwall";
+  ApplePayEntryPoint3["DUAL_OFFER_BANNER"] = "dual_offer_banner";
+  return ApplePayEntryPoint3;
+})(ApplePayEntryPoint || {});
+var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
+var APPLE_PAY_EXPRESS_VARIANTS = {
+  CONTROL: "control",
+  TREATMENT: "treatment"
+};
+
 // src/utils/expressCheckoutTracking.ts
 var EXPRESS_CHECKOUT_EVENTS = {
   /** Wallet button displayed */
@@ -1340,6 +1353,26 @@ var track = (action, extra) => {
     ...extra
   });
 };
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
+  const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
+  if (!isActiveVariant) {
+    return;
+  }
+  const exposures = window.__applePayExperimentExposures ?? {};
+  window.__applePayExperimentExposures = exposures;
+  const pathname = window.location?.pathname ?? "";
+  const dedupeKey = `${pathname}:${APPLE_PAY_EXPRESS_EXPERIMENT_KEY}:${variant}`;
+  if (exposures[dedupeKey]) {
+    return;
+  }
+  exposures[dedupeKey] = true;
+  emitTedlEvent({
+    name: "$exposure",
+    flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
+  });
+};
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
@@ -1963,17 +1996,11 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
-// src/constants.ts
-var ApplePayEntryPoint = /* @__PURE__ */ ((ApplePayEntryPoint3) => {
-  ApplePayEntryPoint3["PAYWALL"] = "article_paywall";
-  ApplePayEntryPoint3["REGWALL"] = "article_regwall";
-  ApplePayEntryPoint3["DUAL_OFFER_BANNER"] = "dual_offer_banner";
-  return ApplePayEntryPoint3;
-})(ApplePayEntryPoint || {});
-var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
-var APPLE_PAY_EXPRESS_VARIANTS = {
-  CONTROL: "control",
-  TREATMENT: "treatment"
+// 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
@@ -2021,6 +2048,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const experimentValue = window.experimentIntegration?.getVariant?.(
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
+    if (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(
       FEATURE_APPLE_PAY_EXPRESS_CHECKOUT

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

@@ -1298,6 +1298,13 @@ var redirectToCheckoutFallback = (params) => {
   return url.pathname + url.search;
 };
 
+// src/constants.ts
+var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
+var APPLE_PAY_EXPRESS_VARIANTS = {
+  CONTROL: "control",
+  TREATMENT: "treatment"
+};
+
 // src/utils/expressCheckoutTracking.ts
 var EXPRESS_CHECKOUT_EVENTS = {
   /** Wallet button displayed */
@@ -1335,6 +1342,26 @@ var track = (action, extra) => {
     ...extra
   });
 };
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
+  const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
+  if (!isActiveVariant) {
+    return;
+  }
+  const exposures = window.__applePayExperimentExposures ?? {};
+  window.__applePayExperimentExposures = exposures;
+  const pathname = window.location?.pathname ?? "";
+  const dedupeKey = `${pathname}:${APPLE_PAY_EXPRESS_EXPERIMENT_KEY}:${variant}`;
+  if (exposures[dedupeKey]) {
+    return;
+  }
+  exposures[dedupeKey] = true;
+  emitTedlEvent({
+    name: "$exposure",
+    flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
+  });
+};
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
@@ -1958,11 +1985,11 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
-// src/constants.ts
-var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
-var APPLE_PAY_EXPRESS_VARIANTS = {
-  CONTROL: "control",
-  TREATMENT: "treatment"
+// 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
@@ -2010,6 +2037,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const experimentValue = window.experimentIntegration?.getVariant?.(
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
+    if (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(
       FEATURE_APPLE_PAY_EXPRESS_CHECKOUT

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

@@ -1306,6 +1306,13 @@ var redirectToCheckoutFallback = (params) => {
   return url.pathname + url.search;
 };
 
+// src/constants.ts
+var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
+var APPLE_PAY_EXPRESS_VARIANTS = {
+  CONTROL: "control",
+  TREATMENT: "treatment"
+};
+
 // src/utils/expressCheckoutTracking.ts
 var EXPRESS_CHECKOUT_EVENTS = {
   /** Wallet button displayed */
@@ -1343,6 +1350,26 @@ var track = (action, extra) => {
     ...extra
   });
 };
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
+  const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
+  if (!isActiveVariant) {
+    return;
+  }
+  const exposures = window.__applePayExperimentExposures ?? {};
+  window.__applePayExperimentExposures = exposures;
+  const pathname = window.location?.pathname ?? "";
+  const dedupeKey = `${pathname}:${APPLE_PAY_EXPRESS_EXPERIMENT_KEY}:${variant}`;
+  if (exposures[dedupeKey]) {
+    return;
+  }
+  exposures[dedupeKey] = true;
+  emitTedlEvent({
+    name: "$exposure",
+    flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
+  });
+};
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
@@ -1966,11 +1993,11 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
-// src/constants.ts
-var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
-var APPLE_PAY_EXPRESS_VARIANTS = {
-  CONTROL: "control",
-  TREATMENT: "treatment"
+// 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
@@ -2018,6 +2045,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const experimentValue = window.experimentIntegration?.getVariant?.(
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
+    if (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(
       FEATURE_APPLE_PAY_EXPRESS_CHECKOUT

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

@@ -1298,6 +1298,13 @@ var redirectToCheckoutFallback = (params) => {
   return url.pathname + url.search;
 };
 
+// src/constants.ts
+var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
+var APPLE_PAY_EXPRESS_VARIANTS = {
+  CONTROL: "control",
+  TREATMENT: "treatment"
+};
+
 // src/utils/expressCheckoutTracking.ts
 var EXPRESS_CHECKOUT_EVENTS = {
   /** Wallet button displayed */
@@ -1335,6 +1342,26 @@ var track = (action, extra) => {
     ...extra
   });
 };
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
+  const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
+  if (!isActiveVariant) {
+    return;
+  }
+  const exposures = window.__applePayExperimentExposures ?? {};
+  window.__applePayExperimentExposures = exposures;
+  const pathname = window.location?.pathname ?? "";
+  const dedupeKey = `${pathname}:${APPLE_PAY_EXPRESS_EXPERIMENT_KEY}:${variant}`;
+  if (exposures[dedupeKey]) {
+    return;
+  }
+  exposures[dedupeKey] = true;
+  emitTedlEvent({
+    name: "$exposure",
+    flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
+  });
+};
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
@@ -1958,11 +1985,11 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
-// src/constants.ts
-var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
-var APPLE_PAY_EXPRESS_VARIANTS = {
-  CONTROL: "control",
-  TREATMENT: "treatment"
+// 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
@@ -2010,6 +2037,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const experimentValue = window.experimentIntegration?.getVariant?.(
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
+    if (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(
       FEATURE_APPLE_PAY_EXPRESS_CHECKOUT

package/dist/src/index.js

@@ -1303,6 +1303,19 @@ var redirectToCheckoutFallback = (params) => {
   return url.pathname + url.search;
 };
 
+// src/constants.ts
+var ApplePayEntryPoint = /* @__PURE__ */ ((ApplePayEntryPoint3) => {
+  ApplePayEntryPoint3["PAYWALL"] = "article_paywall";
+  ApplePayEntryPoint3["REGWALL"] = "article_regwall";
+  ApplePayEntryPoint3["DUAL_OFFER_BANNER"] = "dual_offer_banner";
+  return ApplePayEntryPoint3;
+})(ApplePayEntryPoint || {});
+var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
+var APPLE_PAY_EXPRESS_VARIANTS = {
+  CONTROL: "control",
+  TREATMENT: "treatment"
+};
+
 // src/utils/expressCheckoutTracking.ts
 var EXPRESS_CHECKOUT_EVENTS = {
   /** Wallet button displayed */
@@ -1340,6 +1353,26 @@ var track = (action, extra) => {
     ...extra
   });
 };
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
+  const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
+  if (!isActiveVariant) {
+    return;
+  }
+  const exposures = window.__applePayExperimentExposures ?? {};
+  window.__applePayExperimentExposures = exposures;
+  const pathname = window.location?.pathname ?? "";
+  const dedupeKey = `${pathname}:${APPLE_PAY_EXPRESS_EXPERIMENT_KEY}:${variant}`;
+  if (exposures[dedupeKey]) {
+    return;
+  }
+  exposures[dedupeKey] = true;
+  emitTedlEvent({
+    name: "$exposure",
+    flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
+  });
+};
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
@@ -1963,17 +1996,11 @@ var getSupportedBillingCountries = (offerCountry, offerVariant) => {
   return [...zoneCountries];
 };
 
-// src/constants.ts
-var ApplePayEntryPoint = /* @__PURE__ */ ((ApplePayEntryPoint3) => {
-  ApplePayEntryPoint3["PAYWALL"] = "article_paywall";
-  ApplePayEntryPoint3["REGWALL"] = "article_regwall";
-  ApplePayEntryPoint3["DUAL_OFFER_BANNER"] = "dual_offer_banner";
-  return ApplePayEntryPoint3;
-})(ApplePayEntryPoint || {});
-var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
-var APPLE_PAY_EXPRESS_VARIANTS = {
-  CONTROL: "control",
-  TREATMENT: "treatment"
+// 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
@@ -2021,6 +2048,12 @@ var ApplePayButton = class _ApplePayButton extends HTMLElement {
     const experimentValue = window.experimentIntegration?.getVariant?.(
       APPLE_PAY_EXPRESS_EXPERIMENT_KEY
     );
+    if (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(
       FEATURE_APPLE_PAY_EXPRESS_CHECKOUT

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

@@ -17,6 +17,7 @@ declare global {
             events?: Record<string, unknown>[];
             [key: string]: unknown;
         };
+        __applePayExperimentExposures?: Record<string, boolean>;
     }
 }
 export declare const EXPRESS_CHECKOUT_EVENTS: {
@@ -46,6 +47,15 @@ export type ImpressionMetadata = {
     /** ISO 3166-1 alpha-2 country code of the offer (e.g. 'GB', 'US'). */
     country: string;
 };
+/**
+ * Amplitude Experiment exposure for Apple Pay Express (SMA-3301).
+ *
+ * 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. Includes experiment_key from Engagement
+ * SSR (__NEXT_DATA__) when present for Feature Experiment run attribution.
+ */
+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

@@ -1,3 +1,10 @@
+// src/constants.ts
+var APPLE_PAY_EXPRESS_EXPERIMENT_KEY = "apple-pay-express-checkout-on-banners";
+var APPLE_PAY_EXPRESS_VARIANTS = {
+  CONTROL: "control",
+  TREATMENT: "treatment"
+};
+
 // src/utils/expressCheckoutTracking.ts
 var EXPRESS_CHECKOUT_EVENTS = {
   /** Wallet button displayed */
@@ -35,6 +42,26 @@ var track = (action, extra) => {
     ...extra
   });
 };
+var trackApplePayExperimentExposure = (variant, experimentKey) => {
+  const isActiveVariant = variant === APPLE_PAY_EXPRESS_VARIANTS.CONTROL || variant === APPLE_PAY_EXPRESS_VARIANTS.TREATMENT;
+  if (!isActiveVariant) {
+    return;
+  }
+  const exposures = window.__applePayExperimentExposures ?? {};
+  window.__applePayExperimentExposures = exposures;
+  const pathname = window.location?.pathname ?? "";
+  const dedupeKey = `${pathname}:${APPLE_PAY_EXPRESS_EXPERIMENT_KEY}:${variant}`;
+  if (exposures[dedupeKey]) {
+    return;
+  }
+  exposures[dedupeKey] = true;
+  emitTedlEvent({
+    name: "$exposure",
+    flag_key: APPLE_PAY_EXPRESS_EXPERIMENT_KEY,
+    variant,
+    ...experimentKey ? { experiment_key: experimentKey } : {}
+  });
+};
 var trackExpressWalletImpression = (skuId, { entryPoint, country }) => {
   track(EXPRESS_CHECKOUT_EVENTS.IMPRESSION, {
     wallet_type: "apple_pay",
@@ -73,6 +100,7 @@ var trackValidationFieldError = (field, errorType) => {
 };
 export {
   EXPRESS_CHECKOUT_EVENTS,
+  trackApplePayExperimentExposure,
   trackExpressWalletClick,
   trackExpressWalletImpression,
   trackFallbackCheckout,

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.2",
+  "version": "1.9.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",