@namphuongtechnologi/np-hub 0.2.0 → 0.2.2

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react/SupportWidget.tsx"],"sourcesContent":["import {\n  createElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { SupportWidgetElement } from \"../component/support-widget.element\";\nimport { WIDGET_EVENTS } from \"../component/events/widget-events\";\nimport { registerSupportWidget } from \"../register\";\nimport type {\n  SupportSubmissionInput,\n  SupportUserPrefill,\n} from \"../types/public\";\n\nregisterSupportWidget();\n\nexport interface SupportWidgetProps {\n  projectId: string;\n  isDev?: boolean;\n  priority?: number;\n  coordinators?: string[];\n  emailContacts?: string[];\n  toastDuration?: number;\n  width?: string | number;\n  height?: string | number;\n  right?: string | number;\n  bottom?: string | number;\n  left?: string | number;\n  top?: string | number;\n  user?: SupportUserPrefill;\n  formPrefill?: SupportSubmissionInput;\n  onSubmitSuccess?: (detail: unknown) => void;\n  onSubmitError?: (detail: unknown) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport function SupportWidget({\n  projectId,\n  isDev,\n  priority,\n  coordinators,\n  emailContacts,\n  toastDuration,\n  width,\n  height,\n  right,\n  bottom,\n  left,\n  top,\n  user,\n  formPrefill,\n  onSubmitSuccess,\n  onSubmitError,\n  onOpen,\n  onClose,\n}: SupportWidgetProps) {\n  const [mounted, setMounted] = useState(false);\n  const widgetRef = useRef<SupportWidgetElement | null>(null);\n\n  const setWidgetRef = useCallback((node: SupportWidgetElement | null) => {\n    widgetRef.current = node;\n  }, []);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el) return;\n    el.setConfig({\n      projectId,\n      isDev,\n      priority,\n      coordinators,\n      emailContacts,\n      toastDuration,\n    });\n  }, [projectId, isDev, priority, coordinators, emailContacts, toastDuration]);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el || !user) return;\n    el.setUser(user);\n  }, [user]);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el || !formPrefill) return;\n    el.setFormPrefill(formPrefill);\n  }, [formPrefill]);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el) return;\n\n    const handleSuccess = (event: Event) => {\n      onSubmitSuccess?.((event as CustomEvent).detail);\n    };\n    const handleError = (event: Event) => {\n      onSubmitError?.((event as CustomEvent).detail);\n    };\n\n    if (onSubmitSuccess) {\n      el.addEventListener(WIDGET_EVENTS.SUBMIT_SUCCESS, handleSuccess);\n    }\n    if (onSubmitError) {\n      el.addEventListener(WIDGET_EVENTS.SUBMIT_ERROR, handleError);\n    }\n    if (onOpen) {\n      el.addEventListener(WIDGET_EVENTS.OPEN, onOpen);\n    }\n    if (onClose) {\n      el.addEventListener(WIDGET_EVENTS.CLOSE, onClose);\n    }\n\n    return () => {\n      if (onSubmitSuccess) {\n        el.removeEventListener(WIDGET_EVENTS.SUBMIT_SUCCESS, handleSuccess);\n      }\n      if (onSubmitError) {\n        el.removeEventListener(WIDGET_EVENTS.SUBMIT_ERROR, handleError);\n      }\n      if (onOpen) {\n        el.removeEventListener(WIDGET_EVENTS.OPEN, onOpen);\n      }\n      if (onClose) {\n        el.removeEventListener(WIDGET_EVENTS.CLOSE, onClose);\n      }\n    };\n  }, [onSubmitSuccess, onSubmitError, onOpen, onClose]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  return createElement(\"np-hub\", {\n    ref: setWidgetRef,\n    \"project-id\": projectId,\n    ...(isDev ? { \"is-dev\": true } : {}),\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n    ...(right !== undefined ? { right } : {}),\n    ...(bottom !== undefined ? { bottom } : {}),\n    ...(left !== undefined ? { left } : {}),\n    ...(top !== undefined ? { top } : {}),\n  });\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/react/SupportWidget.tsx"],"sourcesContent":["import {\n  createElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { SupportWidgetElement } from \"../component/support-widget.element\";\nimport { WIDGET_EVENTS } from \"../component/events/widget-events\";\nimport { registerSupportWidget } from \"../register\";\nimport type {\n  SupportSubmissionInput,\n  SupportUserPrefill,\n} from \"../types/public\";\n\nregisterSupportWidget();\n\nexport interface SupportWidgetProps {\n  projectId: string;\n  isDev?: boolean;\n  priority?: number;\n  coordinators?: string[];\n  emailContacts?: string[];\n  toastDuration?: number | { success?: number; error?: number };\n  width?: string | number;\n  height?: string | number;\n  right?: string | number;\n  bottom?: string | number;\n  left?: string | number;\n  top?: string | number;\n  user?: SupportUserPrefill;\n  formPrefill?: SupportSubmissionInput;\n  onSubmitSuccess?: (detail: unknown) => void;\n  onSubmitError?: (detail: unknown) => void;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport function SupportWidget({\n  projectId,\n  isDev,\n  priority,\n  coordinators,\n  emailContacts,\n  toastDuration,\n  width,\n  height,\n  right,\n  bottom,\n  left,\n  top,\n  user,\n  formPrefill,\n  onSubmitSuccess,\n  onSubmitError,\n  onOpen,\n  onClose,\n}: SupportWidgetProps) {\n  const [mounted, setMounted] = useState(false);\n  const widgetRef = useRef<SupportWidgetElement | null>(null);\n\n  const setWidgetRef = useCallback((node: SupportWidgetElement | null) => {\n    widgetRef.current = node;\n  }, []);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el) return;\n    el.setConfig({\n      projectId,\n      isDev,\n      priority,\n      coordinators,\n      emailContacts,\n      toastDuration,\n    });\n  }, [projectId, isDev, priority, coordinators, emailContacts, toastDuration]);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el || !user) return;\n    el.setUser(user);\n  }, [user]);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el || !formPrefill) return;\n    el.setFormPrefill(formPrefill);\n  }, [formPrefill]);\n\n  useEffect(() => {\n    const el = widgetRef.current;\n    if (!el) return;\n\n    const handleSuccess = (event: Event) => {\n      onSubmitSuccess?.((event as CustomEvent).detail);\n    };\n    const handleError = (event: Event) => {\n      onSubmitError?.((event as CustomEvent).detail);\n    };\n\n    if (onSubmitSuccess) {\n      el.addEventListener(WIDGET_EVENTS.SUBMIT_SUCCESS, handleSuccess);\n    }\n    if (onSubmitError) {\n      el.addEventListener(WIDGET_EVENTS.SUBMIT_ERROR, handleError);\n    }\n    if (onOpen) {\n      el.addEventListener(WIDGET_EVENTS.OPEN, onOpen);\n    }\n    if (onClose) {\n      el.addEventListener(WIDGET_EVENTS.CLOSE, onClose);\n    }\n\n    return () => {\n      if (onSubmitSuccess) {\n        el.removeEventListener(WIDGET_EVENTS.SUBMIT_SUCCESS, handleSuccess);\n      }\n      if (onSubmitError) {\n        el.removeEventListener(WIDGET_EVENTS.SUBMIT_ERROR, handleError);\n      }\n      if (onOpen) {\n        el.removeEventListener(WIDGET_EVENTS.OPEN, onOpen);\n      }\n      if (onClose) {\n        el.removeEventListener(WIDGET_EVENTS.CLOSE, onClose);\n      }\n    };\n  }, [onSubmitSuccess, onSubmitError, onOpen, onClose]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  return createElement(\"np-hub\", {\n    ref: setWidgetRef,\n    \"project-id\": projectId,\n    ...(isDev ? { \"is-dev\": true } : {}),\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n    ...(right !== undefined ? { right } : {}),\n    ...(bottom !== undefined ? { bottom } : {}),\n    ...(left !== undefined ? { left } : {}),\n    ...(top !== undefined ? { top } : {}),\n  });\n}\n"],"mappings":"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","names":[]}

package/dist/register.cjs

@@ -191,9 +191,9 @@ var SupportWidgetElement = class extends HTMLElement {
     this.prefilledAttachments = [];
     this.previewUrls = [];
     this.closeAfterSuccessTimer = null;
-    this.toastAutoCloseTimer = null;
     this.toastCountdownInterval = null;
-    this.toastDuration = 4e3;
+    this.toastSuccessDuration = 4e3;
+    this.toastErrorDuration = 4e3;
     this.toastRemainingMs = 0;
     this.toastTotalMs = 0;
     this.isToastPaused = false;
@@ -221,7 +221,6 @@ var SupportWidgetElement = class extends HTMLElement {
   disconnectedCallback() {
     window.removeEventListener("resize", this.handleResize);
     this.clearCloseAfterSuccessTimer();
-    this.clearToastAutoCloseTimer();
     this.clearToastCountdown();
   }
   attributeChangedCallback() {
@@ -234,6 +233,10 @@ var SupportWidgetElement = class extends HTMLElement {
     this.user = user;
     this.prefillFromState();
   }
+  /**
+   * Updates the widget configuration.
+   * Supports custom toast auto-close durations via `toastDuration`.
+   */
   setConfig(config) {
     this.config = {
       ...this.config,
@@ -259,7 +262,23 @@ var SupportWidgetElement = class extends HTMLElement {
       this.emailContacts = config.emailContacts;
     }
     if (config.toastDuration !== void 0) {
-      this.toastDuration = this.normalizeToastDuration(config.toastDuration);
+      const duration = config.toastDuration;
+      if (typeof duration === "number") {
+        const val = this.normalizeToastDuration(duration);
+        this.toastSuccessDuration = val;
+        this.toastErrorDuration = val;
+      } else if (duration && typeof duration === "object") {
+        if (duration.success !== void 0) {
+          this.toastSuccessDuration = this.normalizeToastDuration(duration.success);
+        } else {
+          this.toastSuccessDuration = 4e3;
+        }
+        if (duration.error !== void 0) {
+          this.toastErrorDuration = this.normalizeToastDuration(duration.error);
+        } else {
+          this.toastErrorDuration = 4e3;
+        }
+      }
     }
   }
   setFormPrefill(data) {
@@ -277,9 +296,14 @@ var SupportWidgetElement = class extends HTMLElement {
     var _a, _b;
     this.clearCloseAfterSuccessTimer();
     this.resetFormData();
+    this.hideToast(false);
     (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("modal")) == null ? void 0 : _b.classList.remove("show");
     this.dispatchEvent(new CustomEvent(WIDGET_EVENTS.CLOSE, { bubbles: true }));
   }
+  /**
+   * Helper method to trigger a mock/demo toast popup for testing and development.
+   * @param type - Either "success" or "error"
+   */
   showDemoToast(type) {
     if (type === "success") {
       this.showToast({
@@ -306,9 +330,27 @@ var SupportWidgetElement = class extends HTMLElement {
     };
     const toastDurationAttr = this.getAttribute("toast-duration");
     if (toastDurationAttr !== null) {
-      const parsed = parseInt(toastDurationAttr, 10);
-      if (!isNaN(parsed)) {
-        this.toastDuration = this.normalizeToastDuration(parsed);
+      const trimmed = toastDurationAttr.trim();
+      if (trimmed.startsWith("{")) {
+        try {
+          const parsed = JSON.parse(trimmed);
+          if (parsed && typeof parsed === "object") {
+            if (parsed.success !== void 0) {
+              this.toastSuccessDuration = this.normalizeToastDuration(Number(parsed.success));
+            }
+            if (parsed.error !== void 0) {
+              this.toastErrorDuration = this.normalizeToastDuration(Number(parsed.error));
+            }
+          }
+        } catch (e) {
+        }
+      } else {
+        const parsed = parseInt(trimmed, 10);
+        if (!isNaN(parsed)) {
+          const val = this.normalizeToastDuration(parsed);
+          this.toastSuccessDuration = val;
+          this.toastErrorDuration = val;
+        }
       }
     }
   }
@@ -749,7 +791,7 @@ var SupportWidgetElement = class extends HTMLElement {
     this.clearFieldError("email");
     this.clearFieldError("content");
   }
-  showToast(payload, autoCloseMs = this.toastDuration) {
+  showToast(payload, autoCloseMs) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     const toastEl = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("toast");
     const titleEl = (_b = this.shadowRoot) == null ? void 0 : _b.getElementById("toast-title");
@@ -770,7 +812,6 @@ var SupportWidgetElement = class extends HTMLElement {
     if (!toastEl || !titleEl || !messageEl || !detailsEl || !requestCodeEl || !linkRowEl || !linkEl || !countdownBarEl) {
       return;
     }
-    this.clearToastAutoCloseTimer();
     this.clearToastCountdown();
     titleEl.textContent = payload.title;
     messageEl.textContent = payload.message;
@@ -799,8 +840,9 @@ var SupportWidgetElement = class extends HTMLElement {
       linkRowEl.classList.add("is-hidden");
       detailsEl.classList.add("is-hidden");
     }
-    this.toastRemainingMs = autoCloseMs;
-    this.toastTotalMs = autoCloseMs;
+    const duration = autoCloseMs !== void 0 ? autoCloseMs : payload.type === "success" ? this.toastSuccessDuration : this.toastErrorDuration;
+    this.toastRemainingMs = duration;
+    this.toastTotalMs = duration;
     const toastCardEl = (_l = this.shadowRoot) == null ? void 0 : _l.querySelector(".toast-card");
     this.isToastPaused = Boolean(toastCardEl == null ? void 0 : toastCardEl.matches(":hover"));
     toastEl.classList.remove("success", "error");
@@ -811,7 +853,7 @@ var SupportWidgetElement = class extends HTMLElement {
       countdownBarEl
     );
   }
-  hideToast() {
+  hideToast(shouldCloseModal = true) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const toastEl = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("toast");
     const titleEl = (_b = this.shadowRoot) == null ? void 0 : _b.getElementById("toast-title");
@@ -832,7 +874,7 @@ var SupportWidgetElement = class extends HTMLElement {
     if (!toastEl || !titleEl || !messageEl || !detailsEl || !requestCodeEl || !linkRowEl || !linkEl || !countdownBarEl) {
       return;
     }
-    this.clearToastAutoCloseTimer();
+    const isSuccess = toastEl.classList.contains("success");
     this.clearToastCountdown();
     this.toastRemainingMs = 0;
     this.toastTotalMs = 0;
@@ -853,6 +895,9 @@ var SupportWidgetElement = class extends HTMLElement {
       countdownEl.classList.add("is-hidden");
     }
     toastEl.classList.remove("success", "error", "show");
+    if (isSuccess && shouldCloseModal) {
+      this.close();
+    }
   }
   startToastCountdown(countdownEl, secondsEl, barEl) {
     const updateCountdown = () => {
@@ -895,12 +940,6 @@ var SupportWidgetElement = class extends HTMLElement {
       title: content.type === "success" ? "G\u1EEDi y\xEAu c\u1EA7u th\xE0nh c\xF4ng" : "G\u1EEDi y\xEAu c\u1EA7u th\u1EA5t b\u1EA1i"
     };
   }
-  clearToastAutoCloseTimer() {
-    if (this.toastAutoCloseTimer !== null) {
-      window.clearTimeout(this.toastAutoCloseTimer);
-      this.toastAutoCloseTimer = null;
-    }
-  }
   normalizeToastDuration(value) {
     if (!Number.isFinite(value) || value <= 0) {
       return 4e3;
@@ -952,7 +991,7 @@ var SupportWidgetElement = class extends HTMLElement {
   async submit() {
     var _a;
     this.clearCloseAfterSuccessTimer();
-    this.hideToast();
+    this.hideToast(false);
     if (!this.validateRequiredFields()) {
       this.dispatchEvent(
         new CustomEvent(WIDGET_EVENTS.SUBMIT_ERROR, {
@@ -1042,8 +1081,8 @@ var SupportWidgetElement = class extends HTMLElement {
         })
       );
       this.closeAfterSuccessTimer = window.setTimeout(() => {
-        this.close();
-      }, 1200);
+        this.hideToast();
+      }, this.toastSuccessDuration);
     } catch (error) {
       const errorContent = mapHttpClientError(error);
       this.showToast(this.toToastPayload(errorContent));