{% comment %}
  ConverseCart AI — Theme App Extension Embed Block
  Injects custom Web Component with Shadow DOM styling isolation into merchant storefront.
{% endcomment %}

<conversecart-widget
  data-shop="{{ shop.permanent_domain }}"
  data-api-url="{{ block.settings.api_url | default: 'https://portal.webiletechnologies.com' }}"
  data-proxy-subpath="{{ block.settings.proxy_subpath | default: 'commercebot-ai' }}"
  data-account-url="{{ routes.account_url | default: '/account' }}"
  data-account-login-url="{{ routes.account_login_url | default: '/account/login' }}"
  data-account-register-url="{{ routes.account_register_url | default: '/account/register' }}"
  data-account-recover-url="{{ routes.account_recover_url | default: '/account/recover' }}"
  data-account-logout-url="{{ routes.account_logout_url | default: '/account/logout' }}"
  {% if customer %}
    data-customer-id="{{ customer.id }}"
    data-customer-email="{{ customer.email | escape }}"
    data-customer-first-name="{{ customer.first_name | escape }}"
    data-customer-last-name="{{ customer.last_name | escape }}"
    data-customer-phone="{{ customer.phone | escape }}"
    data-customer-orders-count="{{ customer.orders_count }}"
  {% endif %}
></conversecart-widget>

<!-- Load widget.js deferred (bypasses 10KB schema limit & avoids blocking page render) -->
<script src="{{ 'widget.js' | asset_url }}" defer="defer"></script>

{% schema %}
{
  "name": "ConverseCart AI Chatbot",
  "target": "body",
  "stylesheet": "widget-styles.css",
  "settings": [
    {
      "type": "text",
      "id": "api_url",
      "label": "App Server API URL",
      "default": "https://portal.webiletechnologies.com"
    },
    {
      "type": "text",
      "id": "proxy_subpath",
      "label": "App Proxy Subpath",
      "default": "commercebot-ai"
    }
  ]
}
{% endschema %}