se-design 1.0.82 → 1.0.83-dev.0

package/dist/index63.js

@@ -1,321 +1,89 @@
-import F, { useState as ot, useRef as X, useEffect as $ } from "react";
-import { createPortal as nt } from "react-dom";
-import { Icon as it } from "./index6.js";
-import { Button as rt } from "./index4.js";
-import { debounce as lt } from "./index220.js";
-const q = 500, S = 50, U = 150, st = {
-  "top-left": {
-    rotate: "315",
-    class: "-top-5 left-0"
+import e, { useRef as S, useState as f } from "react";
+import { CustomModal as T } from "./index13.js";
+import { Icon as v } from "./index6.js";
+/* empty css         */
+const C = ({
+  children: c = null,
+  title: n = "",
+  onClose: s = () => {
   },
-  "top-right": {
-    rotate: "45",
-    class: "-top-5 right-0"
+  showCloseIcon: l = !1,
+  showBackButton: a = !1,
+  onBack: m = () => {
   },
-  "bottom-left": {
-    rotate: "225",
-    class: "-bottom-5 left-0"
-  },
-  "bottom-right": {
-    rotate: "135",
-    class: "-bottom-5 right-0"
-  }
-}, V = (s) => {
-  const d = document.querySelector(s);
-  if (!d)
-    return console.warn(`Iframe not found: ${s}`), null;
-  try {
-    return d.contentDocument || d.contentWindow?.document || null;
-  } catch (u) {
-    return console.error("Cannot access iframe document:", u), null;
-  }
-}, C = (s, d) => {
-  if (!d)
-    return document.querySelector(s);
-  const u = V(d);
-  return u ? u.querySelector(s) : null;
-}, j = (s, d) => {
-  const u = s.getBoundingClientRect();
-  if (!d)
-    return u;
-  const h = document.querySelector(d);
-  if (!h)
-    return u;
-  const E = h.getBoundingClientRect(), x = h.clientLeft || 0, y = h.clientTop || 0;
-  return new DOMRect(u.left + E.left + x, u.top + E.top + y, u.width, u.height);
-}, ct = (s) => {
-  switch (s) {
-    case "left-bottom":
-    case "left-center":
-    case "bottom-left":
-      return "top-right";
-    case "right-bottom":
-    case "right-center":
-    case "bottom-right":
-    case "bottom-center":
-      return "top-left";
-    case "top-left":
-    case "left-top":
-      return "bottom-right";
-    case "top-right":
-    case "top-center":
-    case "right-top":
-      return "bottom-left";
-    default:
-      return "top-left";
-  }
-}, z = () => ({
-  x: window.scrollX || window.pageXOffset,
-  y: window.scrollY || window.pageYOffset
-}), at = (s, d, u) => {
-  let h;
-  const E = () => {
-    const x = C(s, u);
-    x ? d(x) : h = requestAnimationFrame(E);
-  };
-  return h = requestAnimationFrame(E), () => {
-    h && cancelAnimationFrame(h);
-  };
-}, pt = ({
-  steps: s,
-  screenBaseElementSelector: d,
-  onClose: u,
-  tooltipBackgroundColor: h = "#E04E05",
-  tooltipTextColor: E = "var(--color-white)",
-  maxWidth: x = 350
+  className: i = "",
+  automationId: r = "",
+  minHeight: u = "auto"
 }) => {
-  const [y, W] = ot(0), g = X(null), M = X(null), Y = () => {
-    y < s.length - 1 ? W(y + 1) : u?.();
-  }, H = () => {
-    Y();
+  const t = S(null), [g, p] = f(0), [E, h] = f(0), [b, Y] = f(!1), k = (o) => {
+    p(o.touches[0].clientY), h(o.touches[0].clientY), Y(!0);
+  }, N = (o) => {
+    if (!b) return;
+    const d = o.touches[0].clientY, x = d - g;
+    x > 0 && (h(d), t.current && (t.current.style.transform = `translateY(${x}px)`));
+  }, y = () => {
+    if (!b) return;
+    E - g > 60 ? s() : t.current && (t.current.style.transform = "translateY(0)"), Y(!1), p(0), h(0);
   };
-  if ($(() => {
-    const r = s[y], c = (b) => {
-      const v = b.target, w = C(r?.targetElementSelector, r?.iframeSelector), T = M.current;
-      if (!(T && T.contains(v)) && w && !w.contains(v)) {
-        if (r?.isDropdownStep) {
-          Y();
-          return;
-        }
-        const P = s[s.length - 1], A = C(P.targetElementSelector, P.iframeSelector);
-        A && A.contains(v) && u();
-      }
-    }, m = setTimeout(() => {
-      document.body.addEventListener("mousedown", c, !0);
-    }, q + U);
-    return () => {
-      clearTimeout(m), document.body.removeEventListener("mousedown", c, !0);
-    };
-  }, [y, s, u]), $(() => {
-    W(0), g.current = null;
-    const r = M.current;
-    r && (r.style.maxWidth = `${x}px`, r.style.backgroundColor = h, r.style.color = E);
-  }, [x, h, E]), $(() => {
-    const r = s[y];
-    if (!r?.targetElementSelector) {
-      u?.();
-      return;
-    }
-    const c = d ? document.querySelector(d) : null, m = M.current;
-    if (!m) return;
-    let b = null, v = null, w = null;
-    const T = !!(c && c.scrollHeight > c.clientHeight), P = {
-      height: c?.clientHeight || window.innerHeight,
-      width: c?.clientWidth || window.innerWidth
-    }, A = (D) => {
-      b = D, b.addEventListener("click", H);
-      const I = (t, o, f, e) => {
-        const p = r.tooltipPosition || "bottom-center", n = r.tooltipPositionOffset?.vertical || 0, i = r.tooltipPositionOffset?.horizontal || 0;
-        let l = 0, a = 0;
-        switch (p) {
-          case "bottom-center":
-            l = t.bottom + e.y + n, a = t.left + e.x + t.width / 2 + i;
-            break;
-          case "bottom-left":
-            l = t.bottom + e.y + n, a = t.left + e.x - o + i;
-            break;
-          case "bottom-right":
-            l = t.bottom + e.y + n, a = t.right + e.x + i;
-            break;
-          case "top-center":
-            l = t.top - f + e.y + n, a = t.left + e.x + t.width / 2 + i;
-            break;
-          case "top-left":
-            l = t.top - f + e.y + n, a = t.left + e.x - o + i;
-            break;
-          case "top-right":
-            l = t.top - f + e.y + n, a = t.right + e.x + i;
-            break;
-          case "left-top":
-            l = t.top - f + e.y + n, a = t.left + e.x - o + i;
-            break;
-          case "left-center":
-            l = t.top + e.y + t.height / 2 + n, a = t.left + e.x - o + i;
-            break;
-          case "left-bottom":
-            l = t.bottom + e.y + n, a = t.left + e.x - o + i;
-            break;
-          case "right-top":
-            l = t.top - f + e.y + n, a = t.right + e.x + i;
-            break;
-          case "right-center":
-            l = t.top + e.y + t.height / 2 + n, a = t.right + e.x + i;
-            break;
-          case "right-bottom":
-            l = t.bottom + e.y + n, a = t.right + e.x + i;
-            break;
-          default:
-            l = t.bottom + e.y + n, a = t.left + e.x + t.width / 2 + i;
-            break;
-        }
-        return {
-          top: l,
-          left: a
-        };
-      }, N = (t, o) => {
-        m.style.position = "absolute";
-        const f = () => {
-          m.style.top = `${t.top}px`, m.style.left = `${t.left}px`;
-        };
-        o && g.current ? (m.style.transition = `top ${q}ms ease-in-out, left ${q}ms ease-in-out`, f(), g.current = t) : (f(), g.current = t);
-      }, B = () => {
-        if (!m || !b) return;
-        const t = {
-          width: m.offsetWidth || 0,
-          height: m.offsetHeight || 0
-        };
-        if (t.width === 0 && t.height === 0) {
-          requestAnimationFrame(B);
-          return;
-        }
-        const o = j(b, r.iframeSelector), f = z(), e = I(o, t.width, t.height, f), p = g.current !== null;
-        N(e, p);
-      };
-      w = lt(() => {
-        if (!b || !m) return;
-        const t = {
-          top: parseFloat(m.style.top) || 0,
-          left: parseFloat(m.style.left) || 0
-        };
-        !g.current && (t.top !== 0 || t.left !== 0) && (g.current = t), B(), g.current && setTimeout(() => {
-          const o = {
-            top: parseFloat(m.style.top) || 0,
-            left: parseFloat(m.style.left) || 0
-          };
-          (o.top !== 0 || o.left !== 0) && (g.current = o);
-        }, q);
-      }, U);
-      const K = (t, o, f, e, p) => {
-        const n = {
-          top: Math.min(t.top, o),
-          bottom: Math.max(t.bottom, o + p),
-          left: Math.min(t.left, f),
-          right: Math.max(t.right, f + e)
-        };
-        if (c) {
-          const i = c.getBoundingClientRect();
-          return n.top >= i.top + S && n.bottom <= i.top + i.height - S && n.left >= i.left + S && n.right <= i.left + i.width - S && t.width > 0 && t.height > 0;
-        }
-        return n.top >= S && n.bottom <= P.height - S && n.left >= S && n.right <= P.width - S && t.width > 0 && t.height > 0;
-      }, Q = (t, o, f) => {
-        const e = Math.min(t.top, o), p = Math.max(t.bottom, o + f), n = p - e, i = !!(c && T), l = i ? c.getBoundingClientRect() : null, a = i ? l.height : window.innerHeight, O = i ? c.scrollTop : z().y, R = i ? c.scrollHeight - c.clientHeight : document.documentElement.scrollHeight - window.innerHeight, tt = a - 2 * S;
-        let _;
-        if (n > tt) {
-          const L = (t.top + t.bottom) / 2;
-          _ = i ? L - l.top + O : L + O;
-        } else {
-          const L = (e + p) / 2;
-          _ = i ? L - l.top + O : L + O;
-        }
-        const et = _ - a / 2;
-        return Math.max(0, Math.min(et, R));
-      }, Z = () => {
-        if (!m || !b) return;
-        const t = () => {
-          if (!m || !b) return;
-          const o = {
-            width: m.offsetWidth || 0,
-            height: m.offsetHeight || 0
-          };
-          if (o.width === 0 && o.height === 0) {
-            requestAnimationFrame(t);
-            return;
-          }
-          const f = j(b, r.iframeSelector), e = z(), p = I(f, o.width, o.height, e), n = {
-            top: p.top - e.y,
-            left: p.left - e.x
-          };
-          if (K(f, n.top, n.left, o.width, o.height)) {
-            const l = g.current !== null;
-            N(p, l);
-          } else {
-            const l = Q(f, n.top, o.height);
-            if (l !== null)
-              (T && c ? c : window).scrollTo({
-                top: l,
-                behavior: "auto"
-              }), requestAnimationFrame(() => B());
-            else {
-              const a = g.current !== null;
-              N(p, a);
-            }
-          }
-        };
-        t();
-      };
-      if (window.addEventListener("scroll", w, {
-        passive: !0
-      }), T && c && c.addEventListener("scroll", w, {
-        passive: !0
-      }), r.iframeSelector) {
-        const o = V(r.iframeSelector)?.defaultView;
-        o && o.addEventListener("scroll", w, {
-          passive: !0
-        });
-      }
-      Z();
-    };
-    if (r.waitForElement)
-      v = at(r.targetElementSelector, A, r.iframeSelector);
-    else {
-      const D = C(r.targetElementSelector, r.iframeSelector);
-      if (!D) return;
-      A(D);
-    }
-    return () => {
-      if (v && v(), b && b.removeEventListener("click", H), w) {
-        if (window.removeEventListener("scroll", w), T && c && c.removeEventListener("scroll", w), r.iframeSelector) {
-          const I = V(r.iframeSelector)?.defaultView;
-          I && I.removeEventListener("scroll", w);
-        }
-        w.cancel();
-      }
-    };
-  }, [y, s, u, d, x]), y >= s.length)
-    return null;
-  const k = s[y], J = ct(k?.tooltipPosition), G = st[J];
-  return /* @__PURE__ */ nt(/* @__PURE__ */ F.createElement("div", {
-    ref: M,
-    className: "guided-tour-tooltip relative rounded-md p-1",
-    "data-automation-id": `${k?.automationId || "guided-tour"}-tooltip`,
+  return /* @__PURE__ */ e.createElement("div", {
+    ref: t,
+    className: `se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${i}`,
+    onClick: (o) => o.stopPropagation(),
+    onTouchStart: k,
+    onTouchMove: N,
+    onTouchEnd: y,
+    "data-automation-id": r,
     style: {
-      zIndex: k?.zIndex || 1300
+      minHeight: u
     }
-  }, /* @__PURE__ */ F.createElement(it, {
-    name: "arrow-head",
-    fill: h,
-    rotation: G.rotate,
-    className: `guided-tour-tooltip-arrow absolute ${G.class}`
-  }), /* @__PURE__ */ F.createElement("div", {
-    className: "guided-tour-tooltip-content flex flex-col gap-2"
-  }, /* @__PURE__ */ F.createElement("p", null, k?.content), k?.isOptionalStep && /* @__PURE__ */ F.createElement(rt, {
-    type: "link",
-    label: "Got it",
-    className: "!text-white !underline",
-    onClick: H
-  }))), document.body);
-};
+  }, (n || a) && /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4"
+  }, a && /* @__PURE__ */ e.createElement(v, {
+    name: "back",
+    stroke: "var(--color-gray-700)",
+    onClick: m,
+    className: "se-design-bottom-sheet-back-icon cursor-pointer",
+    automationId: `${r}-back-icon`
+  }), n && /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-bottom-sheet-title text-lg font-semibold"
+  }, n)), l && /* @__PURE__ */ e.createElement(v, {
+    name: "close",
+    onClick: s,
+    className: "se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10",
+    automationId: `${r}-close-icon`
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto"
+  }, c));
+}, I = ({
+  isOpen: c = !1,
+  title: n = "",
+  onClose: s = () => {
+  },
+  children: l = null,
+  showCloseIcon: a = !0,
+  showBackButton: m = !1,
+  onBack: i = () => {
+  },
+  className: r = "",
+  automationId: u = "bottomsheet",
+  minHeight: t = ""
+}) => /* @__PURE__ */ e.createElement(T, {
+  isOpen: c,
+  onClose: s,
+  onModalClick: s,
+  className: "custom-bottom-sheet",
+  renderModalContent: () => /* @__PURE__ */ e.createElement(C, {
+    title: n,
+    onClose: s,
+    showCloseIcon: a,
+    showBackButton: m,
+    onBack: i,
+    className: r,
+    automationId: u,
+    minHeight: t
+  }, l)
+});
 export {
-  pt as GuidedTour
+  I as BottomSheet
 };
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/components/GuidedTour/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Icon, RotationTypes } from '../Icon';\nimport { Button } from '../Button';\nimport { debounce } from 'src/utils/debounce';\n\n// Constants\nconst ANIMATION_DURATION_MS = 500;\nconst VIEWPORT_MARGIN_PX = 50;\nconst SCROLL_DEBOUNCE_MS = 150;\n\nconst ARROW_STYLES = {\n  'top-left': { rotate: '315', class: '-top-5 left-0' },\n  'top-right': { rotate: '45', class: '-top-5 right-0' },\n  'bottom-left': { rotate: '225', class: '-bottom-5 left-0' },\n  'bottom-right': { rotate: '135', class: '-bottom-5 right-0' }\n};\n\nexport type TooltipArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport interface GuidedTourStep {\n  targetElementSelector: string;\n  iframeSelector?: string;\n  content: string;\n  tooltipPosition?:\n    | 'top-left'\n    | 'top-right'\n    | 'top-center'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'bottom-center'\n    | 'left-top'\n    | 'left-center'\n    | 'left-bottom'\n    | 'right-top'\n    | 'right-center'\n    | 'right-bottom';\n  tooltipPositionOffset?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  isOptionalStep?: boolean;\n  automationId?: string;\n  waitForElement?: boolean;\n  zIndex?: number;\n  isDropdownStep?: boolean;\n}\n\nexport interface GuidedTourProps {\n  steps: GuidedTourStep[];\n  screenBaseElementSelector?: string;\n  onClose: () => void;\n  tooltipBackgroundColor?: string;\n  tooltipTextColor?: string;\n  maxWidth?: number;\n  automationId?: string;\n}\n\ninterface TooltipPosition {\n  top: number;\n  left: number;\n}\n\n// Helper to get the iframe's content document\nconst getIframeDocument = (iframeSelector: string): Document | null => {\n  const iframe = document.querySelector(iframeSelector) as HTMLIFrameElement;\n  if (!iframe) {\n    console.warn(`Iframe not found: ${iframeSelector}`);\n    return null;\n  }\n\n  try {\n    return iframe.contentDocument || iframe.contentWindow?.document || null;\n  } catch (error) {\n    console.error('Cannot access iframe document:', error);\n    return null;\n  }\n};\n\n// Helper to get target element from main document or iframe\nconst getTargetElement = (selector: string, iframeSelector?: string): HTMLElement | null => {\n  if (!iframeSelector) {\n    return document.querySelector(selector);\n  }\n\n  const iframeDoc = getIframeDocument(iframeSelector);\n  return iframeDoc ? iframeDoc.querySelector(selector) : null;\n};\n\n// Helper to get adjusted bounding rect accounting for iframe position\nconst getAdjustedBoundingRect = (element: HTMLElement, iframeSelector?: string): DOMRect => {\n  const rect = element.getBoundingClientRect();\n\n  if (!iframeSelector) {\n    return rect;\n  }\n\n  const iframe = document.querySelector(iframeSelector) as HTMLIFrameElement;\n  if (!iframe) {\n    return rect;\n  }\n\n  const iframeRect = iframe.getBoundingClientRect();\n\n  // Get iframe's computed styles to account for borders\n  const borderLeft = iframe.clientLeft || 0;\n  const borderTop = iframe.clientTop || 0;\n\n  // Adjust coordinates relative to the main document\n  return new DOMRect(\n    rect.left + iframeRect.left + borderLeft,\n    rect.top + iframeRect.top + borderTop,\n    rect.width,\n    rect.height\n  );\n};\n\n// Determines the arrow position based on the tooltip position\nconst getArrowPosition = (position?: GuidedTourStep['tooltipPosition']): TooltipArrowPosition => {\n  switch (position) {\n    case 'left-bottom':\n    case 'left-center':\n    case 'bottom-left':\n      return 'top-right';\n    case 'right-bottom':\n    case 'right-center':\n    case 'bottom-right':\n    case 'bottom-center':\n      return 'top-left';\n    case 'top-left':\n    case 'left-top':\n      return 'bottom-right';\n    case 'top-right':\n    case 'top-center':\n    case 'right-top':\n      return 'bottom-left';\n    default:\n      return 'top-left';\n  }\n};\n\n// Gets current scroll position for window or container\nconst getScrollPosition = (): { x: number; y: number } => ({\n  x: window.scrollX || window.pageXOffset,\n  y: window.scrollY || window.pageYOffset\n});\n\n// Helper to wait for an element to appear using requestAnimationFrame\nconst waitForElement = (\n  selector: string,\n  callback: (element: HTMLElement) => void,\n  iframeSelector?: string\n): (() => void) => {\n  let rafId: number;\n\n  const checkElement = () => {\n    const element = getTargetElement(selector, iframeSelector);\n    if (element) {\n      callback(element);\n    } else {\n      rafId = requestAnimationFrame(checkElement);\n    }\n  };\n\n  rafId = requestAnimationFrame(checkElement);\n\n  // Return cleanup function\n  return () => {\n    if (rafId) {\n      cancelAnimationFrame(rafId);\n    }\n  };\n};\n\nexport const GuidedTour: FC<GuidedTourProps> = ({\n  steps,\n  screenBaseElementSelector,\n  onClose,\n  tooltipBackgroundColor = '#E04E05',\n  tooltipTextColor = 'var(--color-white)',\n  maxWidth = 350\n}) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState<number>(0);\n  const previousTooltipPositionRef = useRef<TooltipPosition | null>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  // To handle navigation to the next step\n  const navigateToNextStep = () => {\n    if (currentStepIndex < steps.length - 1) {\n      setCurrentStepIndex(currentStepIndex + 1);\n    } else {\n      onClose?.();\n    }\n  };\n\n  const handleTargetElementClick = () => {\n    navigateToNextStep();\n  };\n\n  // To handle clicks outside current target\n  useEffect(() => {\n    const currentStep = steps[currentStepIndex];\n\n    const handleBodyClick = (event: MouseEvent) => {\n      const target = event.target as Node;\n      const currentTargetElement = getTargetElement(currentStep?.targetElementSelector, currentStep?.iframeSelector);\n      const tooltipElement = tooltipRef.current;\n\n      // Ignore clicks on the tooltip itself\n      if (tooltipElement && tooltipElement.contains(target)) {\n        return;\n      }\n\n      // Check if click is outside current target element\n      if (currentTargetElement && !currentTargetElement.contains(target)) {\n        // If dropdown step, go to next step on any outside click\n        if (currentStep?.isDropdownStep) {\n          navigateToNextStep();\n          return;\n        }\n\n        // Otherwise, check if click is on last step's target to close tour\n        const lastStep = steps[steps.length - 1];\n        const lastStepTargetElement = getTargetElement(lastStep.targetElementSelector, lastStep.iframeSelector);\n\n        if (lastStepTargetElement && lastStepTargetElement.contains(target)) {\n          onClose();\n        }\n      }\n    };\n\n    // Wait for tooltip positioning animation to complete before listening\n    const timeoutId = setTimeout(() => {\n      document.body.addEventListener('mousedown', handleBodyClick, true);\n    }, ANIMATION_DURATION_MS + SCROLL_DEBOUNCE_MS);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.body.removeEventListener('mousedown', handleBodyClick, true);\n    };\n  }, [currentStepIndex, steps, onClose]);\n\n  // Initialize tooltip styles\n  useEffect(() => {\n    setCurrentStepIndex(0);\n    previousTooltipPositionRef.current = null;\n\n    const tooltipElement = tooltipRef.current;\n    if (tooltipElement) {\n      tooltipElement.style.maxWidth = `${maxWidth}px`;\n      tooltipElement.style.backgroundColor = tooltipBackgroundColor;\n      tooltipElement.style.color = tooltipTextColor;\n    }\n  }, [maxWidth, tooltipBackgroundColor, tooltipTextColor]);\n\n  // To position and manage the current step\n  useEffect(() => {\n    const currentStep = steps[currentStepIndex];\n\n    if (!currentStep?.targetElementSelector) {\n      onClose?.();\n      return;\n    }\n\n    const scrollableContainer = screenBaseElementSelector\n      ? (document.querySelector(screenBaseElementSelector) as HTMLElement)\n      : null;\n\n    const tooltipElement = tooltipRef.current;\n    if (!tooltipElement) return;\n\n    let targetElement: HTMLElement | null = null;\n    let cleanupWait: (() => void) | null = null;\n    let handleScroll: (ReturnType<typeof debounce> & (() => void)) | null = null;\n\n    const hasScrollableContainer = Boolean(\n      scrollableContainer && scrollableContainer.scrollHeight > scrollableContainer.clientHeight\n    );\n\n    const viewportDimensions = {\n      height: scrollableContainer?.clientHeight || window.innerHeight,\n      width: scrollableContainer?.clientWidth || window.innerWidth\n    };\n\n    const initializeStep = (element: HTMLElement) => {\n      targetElement = element;\n      targetElement.addEventListener('click', handleTargetElementClick);\n\n      // To calculate the tooltip position relative to the target element\n      const calculateTooltipPosition = (\n        targetRect: DOMRect,\n        tooltipWidth: number,\n        tooltipHeight: number,\n        scroll: { x: number; y: number }\n      ): TooltipPosition => {\n        const position = currentStep.tooltipPosition || 'bottom-center';\n        const offsetVertical = currentStep.tooltipPositionOffset?.vertical || 0;\n        const offsetHorizontal = currentStep.tooltipPositionOffset?.horizontal || 0;\n\n        let top = 0;\n        let left = 0;\n\n        // To calculate the position based on the tooltip position prop and the offset\n        switch (position) {\n          case 'bottom-center':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x + targetRect.width / 2 + offsetHorizontal;\n            break;\n          case 'bottom-left':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'bottom-right':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'top-center':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x + targetRect.width / 2 + offsetHorizontal;\n            break;\n          case 'top-left':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'top-right':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'left-top':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'left-center':\n            top = targetRect.top + scroll.y + targetRect.height / 2 + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'left-bottom':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'right-top':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'right-center':\n            top = targetRect.top + scroll.y + targetRect.height / 2 + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'right-bottom':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          default:\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x + targetRect.width / 2 + offsetHorizontal;\n            break;\n        }\n\n        return { top, left };\n      };\n\n      // To apply the position to the tooltip with optional animation\n      const applyTooltipPosition = (position: TooltipPosition, shouldAnimate: boolean) => {\n        tooltipElement.style.position = 'absolute';\n\n        const applyStyles = () => {\n          tooltipElement.style.top = `${position.top}px`;\n          tooltipElement.style.left = `${position.left}px`;\n        };\n\n        if (shouldAnimate && previousTooltipPositionRef.current) {\n          // Animate to new position immediately\n          tooltipElement.style.transition = `top ${ANIMATION_DURATION_MS}ms ease-in-out, left ${ANIMATION_DURATION_MS}ms ease-in-out`;\n          applyStyles();\n          previousTooltipPositionRef.current = position;\n        } else {\n          // Direct positioning without animation for first time\n          applyStyles();\n          previousTooltipPositionRef.current = position;\n        }\n      };\n\n      const positionTooltip = () => {\n        if (!tooltipElement || !targetElement) return;\n\n        // Wait for tooltip to be rendered with valid dimensions\n        const tooltipDimensions = {\n          width: tooltipElement.offsetWidth || 0,\n          height: tooltipElement.offsetHeight || 0\n        };\n\n        if (tooltipDimensions.width === 0 && tooltipDimensions.height === 0) {\n          requestAnimationFrame(positionTooltip);\n          return;\n        }\n\n        const targetRect = getAdjustedBoundingRect(targetElement, currentStep.iframeSelector);\n        const scroll = getScrollPosition();\n        const position = calculateTooltipPosition(\n          targetRect,\n          tooltipDimensions.width,\n          tooltipDimensions.height,\n          scroll\n        );\n\n        const shouldAnimate = previousTooltipPositionRef.current !== null;\n        applyTooltipPosition(position, shouldAnimate);\n      };\n\n      // To handle scroll events with debouncing to prevent excessive repositioning\n      handleScroll = debounce(() => {\n        if (!targetElement || !tooltipElement) return;\n\n        // Preserve current position for animation\n        const currentPosition = {\n          top: parseFloat(tooltipElement.style.top) || 0,\n          left: parseFloat(tooltipElement.style.left) || 0\n        };\n\n        if (!previousTooltipPositionRef.current && (currentPosition.top !== 0 || currentPosition.left !== 0)) {\n          previousTooltipPositionRef.current = currentPosition;\n        }\n\n        positionTooltip();\n\n        // Update reference after animation completes\n        if (previousTooltipPositionRef.current) {\n          setTimeout(() => {\n            const finalPosition = {\n              top: parseFloat(tooltipElement.style.top) || 0,\n              left: parseFloat(tooltipElement.style.left) || 0\n            };\n            if (finalPosition.top !== 0 || finalPosition.left !== 0) {\n              previousTooltipPositionRef.current = finalPosition;\n            }\n          }, ANIMATION_DURATION_MS);\n        }\n      }, SCROLL_DEBOUNCE_MS);\n\n      // Checks if both target and tooltip are fully visible in viewport\n      const areElementsVisible = (\n        targetRect: DOMRect,\n        tooltipTopViewport: number,\n        tooltipLeftViewport: number,\n        tooltipWidth: number,\n        tooltipHeight: number\n      ): boolean => {\n        const combinedBoundingBox = {\n          top: Math.min(targetRect.top, tooltipTopViewport),\n          bottom: Math.max(targetRect.bottom, tooltipTopViewport + tooltipHeight),\n          left: Math.min(targetRect.left, tooltipLeftViewport),\n          right: Math.max(targetRect.right, tooltipLeftViewport + tooltipWidth)\n        };\n\n        if (scrollableContainer) {\n          const containerRect = scrollableContainer.getBoundingClientRect();\n          return (\n            combinedBoundingBox.top >= containerRect.top + VIEWPORT_MARGIN_PX &&\n            combinedBoundingBox.bottom <= containerRect.top + containerRect.height - VIEWPORT_MARGIN_PX &&\n            combinedBoundingBox.left >= containerRect.left + VIEWPORT_MARGIN_PX &&\n            combinedBoundingBox.right <= containerRect.left + containerRect.width - VIEWPORT_MARGIN_PX &&\n            targetRect.width > 0 &&\n            targetRect.height > 0\n          );\n        }\n\n        return (\n          combinedBoundingBox.top >= VIEWPORT_MARGIN_PX &&\n          combinedBoundingBox.bottom <= viewportDimensions.height - VIEWPORT_MARGIN_PX &&\n          combinedBoundingBox.left >= VIEWPORT_MARGIN_PX &&\n          combinedBoundingBox.right <= viewportDimensions.width - VIEWPORT_MARGIN_PX &&\n          targetRect.width > 0 &&\n          targetRect.height > 0\n        );\n      };\n\n      // Calculates the scroll position needed to make both target and tooltip in viewport\n      const calculateScrollToCenter = (\n        targetRect: DOMRect,\n        tooltipTopViewport: number,\n        tooltipHeight: number\n      ): number | null => {\n        const combinedTop = Math.min(targetRect.top, tooltipTopViewport);\n        const combinedBottom = Math.max(targetRect.bottom, tooltipTopViewport + tooltipHeight);\n        const combinedHeight = combinedBottom - combinedTop;\n\n        // Determine scroll context (container or window)\n        const isContainer = Boolean(scrollableContainer && hasScrollableContainer);\n        const containerRect = isContainer ? scrollableContainer!.getBoundingClientRect() : null;\n\n        const viewportHeight = isContainer ? containerRect!.height : window.innerHeight;\n        const currentScroll = isContainer ? scrollableContainer!.scrollTop : getScrollPosition().y;\n        const maxScroll = isContainer\n          ? scrollableContainer!.scrollHeight - scrollableContainer!.clientHeight\n          : document.documentElement.scrollHeight - window.innerHeight;\n\n        const availableHeight = viewportHeight - 2 * VIEWPORT_MARGIN_PX;\n\n        // To calculate the center point\n        let centerPoint: number;\n\n        if (combinedHeight > availableHeight) {\n          // Combined area too tall - center the target element only\n          const targetCenter = (targetRect.top + targetRect.bottom) / 2;\n          centerPoint = isContainer ? targetCenter - containerRect!.top + currentScroll : targetCenter + currentScroll;\n        } else {\n          // Center the combined area (target + tooltip)\n          const combinedCenter = (combinedTop + combinedBottom) / 2;\n          centerPoint = isContainer\n            ? combinedCenter - containerRect!.top + currentScroll\n            : combinedCenter + currentScroll;\n        }\n\n        // Calculate final scroll position and clamp to valid range\n        const scrollPosition = centerPoint - viewportHeight / 2;\n        return Math.max(0, Math.min(scrollPosition, maxScroll));\n      };\n\n      // To initialize the tooltip positioning and handle scrolling if needed\n      const initializeTooltip = () => {\n        if (!tooltipElement || !targetElement) return;\n\n        const waitForDimensions = () => {\n          if (!tooltipElement || !targetElement) return;\n\n          const tooltipDimensions = {\n            width: tooltipElement.offsetWidth || 0,\n            height: tooltipElement.offsetHeight || 0\n          };\n\n          if (tooltipDimensions.width === 0 && tooltipDimensions.height === 0) {\n            requestAnimationFrame(waitForDimensions);\n            return;\n          }\n\n          const targetRect = getAdjustedBoundingRect(targetElement, currentStep.iframeSelector);\n          const scroll = getScrollPosition();\n\n          // Calculate tooltip position in absolute coordinates\n          const tooltipAbsolutePosition = calculateTooltipPosition(\n            targetRect,\n            tooltipDimensions.width,\n            tooltipDimensions.height,\n            scroll\n          );\n\n          // Convert to viewport coordinates for visibility check\n          const tooltipViewportPosition = {\n            top: tooltipAbsolutePosition.top - scroll.y,\n            left: tooltipAbsolutePosition.left - scroll.x\n          };\n\n          // Check if both elements are visible\n          const isVisible = areElementsVisible(\n            targetRect,\n            tooltipViewportPosition.top,\n            tooltipViewportPosition.left,\n            tooltipDimensions.width,\n            tooltipDimensions.height\n          );\n\n          if (!isVisible) {\n            // Calculate scroll needed to make both visible\n            const requiredScrollY = calculateScrollToCenter(\n              targetRect,\n              tooltipViewportPosition.top,\n              tooltipDimensions.height\n            );\n\n            if (requiredScrollY !== null) {\n              const scrollElement = hasScrollableContainer && scrollableContainer ? scrollableContainer : window;\n              scrollElement.scrollTo({ top: requiredScrollY, behavior: 'auto' });\n\n              // Position tooltip immediately after instant scroll\n              requestAnimationFrame(() => positionTooltip());\n            } else {\n              // Cannot fit with scrolling, position anyway\n              const shouldAnimate = previousTooltipPositionRef.current !== null;\n              applyTooltipPosition(tooltipAbsolutePosition, shouldAnimate);\n            }\n          } else {\n            // Both are visible, position tooltip\n            const shouldAnimate = previousTooltipPositionRef.current !== null;\n            applyTooltipPosition(tooltipAbsolutePosition, shouldAnimate);\n          }\n        };\n\n        waitForDimensions();\n      };\n\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      if (hasScrollableContainer && scrollableContainer) {\n        scrollableContainer.addEventListener('scroll', handleScroll, { passive: true });\n      }\n\n      // Add scroll listener for iframe if target is inside iframe\n      if (currentStep.iframeSelector) {\n        const iframeDoc = getIframeDocument(currentStep.iframeSelector);\n        const iframeWindow = iframeDoc?.defaultView;\n        if (iframeWindow) {\n          iframeWindow.addEventListener('scroll', handleScroll, { passive: true });\n        }\n      }\n\n      initializeTooltip();\n    };\n\n    // Check if we need to wait for the element or get it immediately\n    if (currentStep.waitForElement) {\n      // Wait for element to appear\n      cleanupWait = waitForElement(currentStep.targetElementSelector, initializeStep, currentStep.iframeSelector);\n    } else {\n      const element = getTargetElement(currentStep.targetElementSelector, currentStep.iframeSelector);\n      if (!element) return;\n      initializeStep(element);\n    }\n\n    return () => {\n      if (cleanupWait) {\n        cleanupWait();\n      }\n      if (targetElement) {\n        targetElement.removeEventListener('click', handleTargetElementClick);\n      }\n      if (handleScroll) {\n        window.removeEventListener('scroll', handleScroll);\n        if (hasScrollableContainer && scrollableContainer) {\n          scrollableContainer.removeEventListener('scroll', handleScroll);\n        }\n        // Clean up iframe scroll listener\n        if (currentStep.iframeSelector) {\n          const iframeDoc = getIframeDocument(currentStep.iframeSelector);\n          const iframeWindow = iframeDoc?.defaultView;\n          if (iframeWindow) {\n            iframeWindow.removeEventListener('scroll', handleScroll);\n          }\n        }\n        // Cancel any pending debounced calls\n        (handleScroll as ReturnType<typeof debounce> & (() => void)).cancel();\n      }\n    };\n  }, [currentStepIndex, steps, onClose, screenBaseElementSelector, maxWidth]);\n\n  // Don't render if all steps completed\n  if (currentStepIndex >= steps.length) {\n    return null;\n  }\n\n  const currentStep = steps[currentStepIndex];\n  const arrowPosition = getArrowPosition(currentStep?.tooltipPosition);\n  const arrowStyle = ARROW_STYLES[arrowPosition];\n\n  return createPortal(\n    <div\n      ref={tooltipRef}\n      className={`guided-tour-tooltip relative rounded-md p-1`}\n      data-automation-id={`${currentStep?.automationId || 'guided-tour'}-tooltip`}\n      style={{ zIndex: currentStep?.zIndex || 1300 }}\n    >\n      <Icon\n        name=\"arrow-head\"\n        fill={tooltipBackgroundColor}\n        rotation={arrowStyle.rotate as RotationTypes}\n        className={`guided-tour-tooltip-arrow absolute ${arrowStyle.class}`}\n      />\n      <div className=\"guided-tour-tooltip-content flex flex-col gap-2\">\n        <p>{currentStep?.content}</p>\n        {currentStep?.isOptionalStep && (\n          <Button type=\"link\" label=\"Got it\" className=\"!text-white !underline\" onClick={handleTargetElementClick} />\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n"],"names":["ANIMATION_DURATION_MS","VIEWPORT_MARGIN_PX","SCROLL_DEBOUNCE_MS","ARROW_STYLES","rotate","class","getIframeDocument","iframeSelector","iframe","document","querySelector","console","warn","contentDocument","contentWindow","error","getTargetElement","selector","iframeDoc","getAdjustedBoundingRect","element","rect","getBoundingClientRect","iframeRect","borderLeft","clientLeft","borderTop","clientTop","DOMRect","left","top","width","height","getArrowPosition","position","getScrollPosition","x","window","scrollX","pageXOffset","y","scrollY","pageYOffset","waitForElement","callback","rafId","checkElement","requestAnimationFrame","cancelAnimationFrame","GuidedTour","steps","screenBaseElementSelector","onClose","tooltipBackgroundColor","tooltipTextColor","maxWidth","currentStepIndex","setCurrentStepIndex","useState","previousTooltipPositionRef","useRef","tooltipRef","navigateToNextStep","length","handleTargetElementClick","useEffect","currentStep","handleBodyClick","event","target","currentTargetElement","targetElementSelector","tooltipElement","current","contains","isDropdownStep","lastStep","lastStepTargetElement","timeoutId","setTimeout","body","addEventListener","clearTimeout","removeEventListener","style","backgroundColor","color","scrollableContainer","targetElement","cleanupWait","handleScroll","hasScrollableContainer","Boolean","scrollHeight","clientHeight","viewportDimensions","innerHeight","clientWidth","innerWidth","initializeStep","calculateTooltipPosition","targetRect","tooltipWidth","tooltipHeight","scroll","tooltipPosition","offsetVertical","tooltipPositionOffset","vertical","offsetHorizontal","horizontal","bottom","right","applyTooltipPosition","shouldAnimate","applyStyles","transition","positionTooltip","tooltipDimensions","offsetWidth","offsetHeight","debounce","currentPosition","parseFloat","finalPosition","areElementsVisible","tooltipTopViewport","tooltipLeftViewport","combinedBoundingBox","Math","min","max","containerRect","calculateScrollToCenter","combinedTop","combinedBottom","combinedHeight","isContainer","viewportHeight","currentScroll","scrollTop","maxScroll","documentElement","availableHeight","centerPoint","targetCenter","combinedCenter","scrollPosition","initializeTooltip","waitForDimensions","tooltipAbsolutePosition","tooltipViewportPosition","requiredScrollY","scrollElement","scrollTo","behavior","passive","iframeWindow","defaultView","cancel","arrowPosition","arrowStyle","createPortal","React","createElement","ref","className","automationId","zIndex","Icon","name","fill","rotation","content","isOptionalStep","Button","type","label","onClick"],"mappings":"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"}
+{"version":3,"file":"index63.js","sources":["../src/components/BottomSheet/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\nimport { CustomModal } from '../CustomModal';\nimport { Icon } from '../Icon';\n\nimport './style.scss';\n\nexport interface BottomSheetProps {\n  isOpen: boolean;\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n}\n\ninterface BottomSheetContentProps {\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n}\n\nconst BottomSheetContent: FC<BottomSheetContentProps> = ({\n  children = null,\n  title = '',\n  onClose = () => {},\n  showCloseIcon = false,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = '',\n  minHeight = 'auto'\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [startY, setStartY] = useState<number>(0);\n  const [currentY, setCurrentY] = useState<number>(0);\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n\n  const handleTouchStart = (e: React.TouchEvent) => {\n    setStartY(e.touches[0].clientY);\n    setCurrentY(e.touches[0].clientY);\n    setIsDragging(true);\n  };\n\n  const handleTouchMove = (e: React.TouchEvent) => {\n    if (!isDragging) return;\n\n    const touchY = e.touches[0].clientY;\n    const deltaY = touchY - startY;\n\n    // Only allow dragging down\n    if (deltaY > 0) {\n      setCurrentY(touchY);\n      if (contentRef.current) {\n        contentRef.current.style.transform = `translateY(${deltaY}px)`;\n      }\n    }\n  };\n\n  const handleTouchEnd = () => {\n    if (!isDragging) return;\n\n    const deltaY = currentY - startY;\n    const threshold = 60; // pixels to swipe down to trigger close\n\n    if (deltaY > threshold) {\n      // Trigger close\n      onClose();\n    } else {\n      // Reset position\n      if (contentRef.current) {\n        contentRef.current.style.transform = 'translateY(0)';\n      }\n    }\n\n    setIsDragging(false);\n    setStartY(0);\n    setCurrentY(0);\n  };\n\n  return (\n    <div\n      ref={contentRef}\n      className={`se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${className}`}\n      onClick={(e) => e.stopPropagation()}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n      data-automation-id={automationId}\n      style={{ minHeight }}\n    >\n      {(title || showBackButton) && (\n        <div className=\"se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4\">\n          {showBackButton && (\n            <Icon\n              name=\"back\"\n              stroke=\"var(--color-gray-700)\"\n              onClick={onBack}\n              className=\"se-design-bottom-sheet-back-icon cursor-pointer\"\n              automationId={`${automationId}-back-icon`}\n            />\n          )}\n          {title && <div className=\"se-design-bottom-sheet-title text-lg font-semibold\">{title}</div>}\n        </div>\n      )}\n      {showCloseIcon && (\n        <Icon\n          name=\"close\"\n          onClick={onClose}\n          className=\"se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10\"\n          automationId={`${automationId}-close-icon`}\n        />\n      )}\n      <div className=\"se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto\">{children}</div>\n    </div>\n  );\n};\n\nexport const BottomSheet: FC<BottomSheetProps> = ({\n  isOpen = false,\n  title = '',\n  onClose = () => {},\n  children = null,\n  showCloseIcon = true,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = 'bottomsheet',\n  minHeight = ''\n}) => {\n  return (\n    <CustomModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onModalClick={onClose}\n      className=\"custom-bottom-sheet\"\n      renderModalContent={() => (\n        <BottomSheetContent\n          title={title}\n          onClose={onClose}\n          showCloseIcon={showCloseIcon}\n          showBackButton={showBackButton}\n          onBack={onBack}\n          className={className}\n          automationId={automationId}\n          minHeight={minHeight}\n        >\n          {children}\n        </BottomSheetContent>\n      )}\n    />\n  );\n};\n"],"names":["BottomSheetContent","children","title","onClose","showCloseIcon","showBackButton","onBack","className","automationId","minHeight","contentRef","useRef","startY","setStartY","useState","currentY","setCurrentY","isDragging","setIsDragging","handleTouchStart","e","touches","clientY","handleTouchMove","touchY","deltaY","current","style","transform","handleTouchEnd","React","createElement","ref","onClick","stopPropagation","onTouchStart","onTouchMove","onTouchEnd","Icon","name","stroke","BottomSheet","isOpen","CustomModal","onModalClick","renderModalContent"],"mappings":"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"}