remove data start-guide support

Author: raphaelcosta

apps/nextjs/src/app/(dashboard)/widget/test/WidgetButtons.tsx

@@ -46,13 +46,13 @@ export function WidgetButtons() {
       <div className="space-y-2 mt-2">
         <h3 className="text-sm font-medium text-white">Change refund policy to 3 months:</h3>
         <button
-          data-helper-start-guide="Change my refund policy to 3 months - Go to the Settings page, scroll down to the Refund Policy section, and select a 3 months refund policy from the dropdown menu. If needed, you can also add fine print to describe your policy in more detail."
+          data-helper-prompt="Change my refund policy to 3 months - Go to the Settings page, scroll down to the Refund Policy section, and select a 3 months refund policy from the dropdown menu. If needed, you can also add fine print to describe your policy in more detail."
           className="focus:shadow-outline rounded bg-blue-500 px-4 py-2 font-bold text-primary-foreground transition duration-300 hover:bg-blue-600 focus:outline-none text-xs"
         >
           Prompt to change refund policy to 3 months
         </button>
         <button
-          data-helper-start-guide="Go to the Discounts tab on the Checkout page, click 'New discount', enter '50off' as the discount code, select 'All products', and set the discount to 50% off."
+          data-helper-prompt="Create a 50% off discount for all products - Go to the Discounts tab on the Checkout page, click 'New discount', enter '50off' as the discount code, select 'All products', and set the discount to 50% off."
           className="focus:shadow-outline rounded bg-blue-500 px-4 py-2 font-bold text-primary-foreground transition duration-300 hover:bg-blue-600 focus:outline-none text-xs"
         >
           Prompt to create 50% off discount

apps/nextjs/src/sdk/guideManager.ts

@@ -183,11 +183,8 @@ export class GuideManager {
       const hand = this.createHelperHand();
       const rect = element.getBoundingClientRect();
 
-      // Target position (center of the element)
       const targetX = rect.left + rect.width / 2;
       const targetY = rect.top + rect.height / 2;
-
-      // Check if the target element is behind the widget wrapper
       const isElementBehindWidget = this.isElementBehindWidget(element);
 
       if (isElementBehindWidget) {
@@ -200,7 +197,6 @@ export class GuideManager {
       hand.style.left = `${targetX}px`;
       hand.style.top = `${targetY}px`;
 
-      // Simulate clicking after the hand reaches the element
       setTimeout(() => {
         hand.classList.add("clicking");
 

apps/nextjs/src/sdk/index.ts

@@ -257,7 +257,6 @@ class HelperWidget {
   private setupEventListeners(): void {
     this.connectExistingPromptElements();
     this.connectExistingToggleElements();
-    this.setupStartGuideEventListeners();
     this.setupMutationObserver();
 
     window.addEventListener("message", async (event: MessageEvent) => {
@@ -358,20 +357,6 @@ class HelperWidget {
     });
   }
 
-  private setupStartGuideEventListeners(): void {
-    this.guideManager.connectExistingStartGuideElements(this.handleStartGuideClick.bind(this));
-  }
-
-  private handleStartGuideClick(event: MouseEvent): void {
-    const startGuideElement = event.currentTarget as HTMLElement;
-    const prompt = startGuideElement.getAttribute("data-helper-start-guide");
-
-    if (prompt) {
-      this.startGuideInternal(prompt);
-      startGuideElement.setAttribute("data-helper-start-guide-sent", "true");
-    }
-  }
-
   private onIframeReady(): void {
     if (this.isIframeReady) return;
 
@@ -452,14 +437,8 @@ class HelperWidget {
               if (node.hasAttribute("data-helper-toggle")) {
                 this.connectToggleElement(node);
               }
-              if (node.hasAttribute("data-helper-start-guide")) {
-                this.guideManager.connectStartGuideElement(node, this.handleStartGuideClick.bind(this));
-              }
               node.querySelectorAll("[data-helper-prompt]").forEach(this.connectPromptElement.bind(this));
               node.querySelectorAll("[data-helper-toggle]").forEach(this.connectToggleElement.bind(this));
-              node.querySelectorAll("[data-helper-start-guide]").forEach((el) => {
-                this.guideManager.connectStartGuideElement(el, this.handleStartGuideClick.bind(this));
-              });
             }
           });
         }