FrequencyUpsell: Adding onOpen Event

Author: fernanDOTdo

packages/scripts/dist/frequency-upsell.js

@@ -89,6 +89,7 @@ export class FrequencyUpsell {
                 this.upsellModal.updateModalContent();
                 this.logger.log("Frequency upsell modal opened");
                 (_a = this.upsellModal) === null || _a === void 0 ? void 0 : _a.open();
+                this.options.onOpen();
                 this.modalSeen = true;
                 this._form.submit = false;
                 return false;

packages/scripts/dist/interfaces/frequency-upsell-options.d.ts

@@ -7,6 +7,7 @@ export interface FrequencyUpsellOptions {
     upsellAmount: (currentAmount: number) => number;
     upsellFromFrequency: Array<"onetime" | "monthly" | "quarterly" | "semi_annual" | "annual">;
     customClass: string;
+    onOpen: () => void;
     onAccept: () => void;
     onDecline: () => void;
 }

packages/scripts/dist/interfaces/frequency-upsell-options.js

@@ -7,6 +7,7 @@ export const FrequencyUpsellOptionsDefaults = {
     upsellFromFrequency: ["onetime"],
     customClass: "",
     upsellAmount: (currentAmount) => currentAmount,
+    onOpen: () => { },
     onAccept: () => { },
     onDecline: () => { },
 };

packages/scripts/src/frequency-upsell.ts

@@ -118,6 +118,7 @@ export class FrequencyUpsell {
         this.upsellModal!.updateModalContent();
         this.logger.log("Frequency upsell modal opened");
         this.upsellModal?.open();
+        this.options!.onOpen();
         this.modalSeen = true;
         this._form.submit = false;
         return false;

packages/scripts/src/interfaces/frequency-upsell-options.ts

@@ -9,6 +9,7 @@ export interface FrequencyUpsellOptions {
     "onetime" | "monthly" | "quarterly" | "semi_annual" | "annual"
   >;
   customClass: string;
+  onOpen: () => void;
   onAccept: () => void;
   onDecline: () => void;
 }
@@ -22,6 +23,7 @@ export const FrequencyUpsellOptionsDefaults: FrequencyUpsellOptions = {
   upsellFromFrequency: ["onetime"],
   customClass: "",
   upsellAmount: (currentAmount) => currentAmount,
+  onOpen: () => {},
   onAccept: () => {},
   onDecline: () => {},
 };