<script
  src="https://widget.venok.chat/widget/latest/widget.js"
  data-widget-token="wgt_************"
  data-api-base-url="https://api.venok.chat"
  async
></script>

<script
  src="https://widget.venok.chat/widget/latest/widget.js"
  data-widget-token="wgt_************"
  data-api-base-url="https://api.venok.chat"
  data-customer-phone="0912*******"
  data-customer-name="display"
  data-external-user-id="any"
  async
></script>

data-customer-phone="09123456789"

data-customer-name="علی رضایی"

data-external-user-id="customer-1024"

{
  "phoneNumber": "09123456789",
  "name": "علی رضایی",
  "externalUserId": "customer-1024"
}

null

const WIDGET_CONFIG = {
  widgetScriptUrl: WIDGET_SCRIPT_URL,
  widgetToken: "wgt_************",
  apiBaseUrl: API_BASE_URL,
};

async function getCurrentCustomer() {
  const response = await fetch("/api/widget-context", {
    method: "GET",
    credentials: "include",
    headers: { Accept: "application/json" },
  });

  if (response.status === 401) return null;
  if (!response.ok) throw new Error("دریافت اطلاعات مشتری ناموفق بود.");

  return response.json();
}

function mountVenokWidget(customer) {
  const script = document.createElement("script");
  script.src = WIDGET_CONFIG.widgetScriptUrl;
  script.async = true;
  script.dataset.venokWidgetLoader = "runtime";
  script.dataset.widgetToken = WIDGET_CONFIG.widgetToken;
  script.dataset.apiBaseUrl = WIDGET_CONFIG.apiBaseUrl;

  if (customer) {
    script.dataset.customerPhone = customer.phoneNumber;
    script.dataset.customerName = customer.name;
    script.dataset.externalUserId = customer.externalUserId;
  }

  document.body.appendChild(script);
}

async function initializeVenokWidget() {
  try {
    const customer = await getCurrentCustomer();
    mountVenokWidget(customer);
  } catch (error) {
    console.error(error);
    mountVenokWidget(null); // حالت مهمان
  }
}

initializeVenokWidget();

function destroyVenokWidget() {
  if (window.VenokWidget && typeof window.VenokWidget.destroy === "function") {
    window.VenokWidget.destroy();
  }

  document
    .querySelectorAll("script[data-venok-widget-loader='runtime']")
    .forEach((node) => node.remove());
}

function mountVenokWidget(customer) {
  destroyVenokWidget();

  const script = document.createElement("script");
  script.src = WIDGET_SCRIPT_URL;
  script.async = true;
  script.dataset.venokWidgetLoader = "runtime";
  script.dataset.widgetToken = "wgt_************";
  script.dataset.apiBaseUrl = API_BASE_URL;

  if (customer) {
    script.dataset.customerPhone = customer.phoneNumber;
    script.dataset.customerName = customer.name;
    script.dataset.externalUserId = customer.externalUserId;
  }

  document.body.appendChild(script);
}

// بعد از Login
mountVenokWidget({
  phoneNumber: "09123456789",
  name: "علی رضایی",
  externalUserId: "customer-1024",
});

// بعد از Logout
mountVenokWidget(null);