Widget web en Magento

<script
  src="https://app.mindosoftware.com/widget.js"
  data-mindo-token="TU_TOKEN_DE_CANAL"
  async
></script>

bin/magento cache:flush

<field id="hmac_secret" translate="label" type="obscure" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
    <label>Secret HMAC del canal</label>
    <backend_model>Magento\Config\Model\Config\Backend\Encrypted</backend_model>
</field>

bin/magento config:set --lock-env mindo/chat_widget/hmac_secret "EL_SECRET_DEL_CANAL"

composer require firebase/php-jwt

<?php
namespace Mindo\ChatWidget\CustomerData;

use Firebase\JWT\JWT;
use Magento\Customer\CustomerData\SectionSourceInterface;
use Magento\Customer\Model\Session as CustomerSession;
use Magento\Framework\App\Config\ScopeConfigInterface;
use Magento\Framework\Encryption\EncryptorInterface;
use Magento\Store\Model\ScopeInterface;

class MindoIdentity implements SectionSourceInterface
{
    /** Vida del token. MINDO rechaza cualquier `exp` a más de 7 días. */
    private const TTL_SECONDS = 86400;

    private const XML_PATH_SECRET = 'mindo/chat_widget/hmac_secret';

    public function __construct(
        private CustomerSession $customerSession,
        private ScopeConfigInterface $scopeConfig,
        private EncryptorInterface $encryptor
    ) {
    }

    public function getSectionData(): array
    {
        if (!$this->customerSession->isLoggedIn()) {
            return ['identity' => null];
        }

        $secret = $this->getSecret();
        if ($secret === '') {
            return ['identity' => null];
        }

        $customer = $this->customerSession->getCustomer();

        $payload = array_filter([
            'sub'   => (string) $customer->getId(),
            'name'  => trim((string) $customer->getName()),
            'email' => (string) $customer->getEmail(),
            'phone' => $this->resolvePhone($customer),
            'exp'   => time() + self::TTL_SECONDS,
        ], static fn ($value) => $value !== '' && $value !== null);

        return ['identity' => JWT::encode($payload, $secret, 'HS256')];
    }

    private function getSecret(): string
    {
        $raw = (string) $this->scopeConfig->getValue(
            self::XML_PATH_SECRET,
            ScopeInterface::SCOPE_STORE
        );

        return $raw === '' ? '' : (string) $this->encryptor->decrypt($raw);
    }

    /**
     * Magento no guarda el teléfono en el cliente: vive en su dirección de
     * facturación por defecto.
     */
    private function resolvePhone($customer): string
    {
        $address = $customer->getDefaultBillingAddress();

        return $address ? (string) $address->getTelephone() : '';
    }
}

<type name="Magento\Customer\CustomerData\SectionPoolInterface">
    <arguments>
        <argument name="sectionSourceMap" xsi:type="array">
            <item name="mindo-identity" xsi:type="string">Mindo\ChatWidget\CustomerData\MindoIdentity</item>
        </argument>
    </arguments>
</type>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Customer:etc/sections.xsd">
    <action name="customer/account/loginPost">
        <section name="mindo-identity"/>
    </action>
    <action name="customer/account/logout">
        <section name="mindo-identity"/>
    </action>
    <action name="customer/account/createPost">
        <section name="mindo-identity"/>
    </action>
</config>

define(['Magento_Customer/js/customer-data'], function (customerData) {
    'use strict';

    /**
     * OJO con dos trampas del loader de MINDO:
     *
     * 1. `window.Mindo.q` se drena UNA sola vez, cuando widget.js termina de
     *    cargar. Pushear a la cola después de eso no hace nada. Por eso hay que
     *    preguntar si la API ya existe antes de elegir el camino.
     *
     * 2. Escribir localStorage NO sirve para avisarle al widget de ESTA pestaña:
     *    el evento `storage` sólo llega a las otras. Sirve para la próxima carga y
     *    para el login en otra pestaña, no para el "acabo de loguearme acá".
     */
    function apply(token) {
        window.Mindo = window.Mindo || { q: [] };

        if (typeof window.Mindo.setUser === 'function') {
            token ? window.Mindo.setUser(token) : window.Mindo.clearUser();
            return;
        }

        window.Mindo.q = window.Mindo.q || [];
        window.Mindo.q.push(token ? ['setUser', token] : ['clearUser']);
    }

    return function () {
        var section = customerData.get('mindo-identity');

        // Valor actual (la section puede venir del storage del navegador).
        var current = section();
        if (current) {
            apply(current.identity || null);
        }

        // Y cada refresco posterior: login, logout, alta de cuenta.
        section.subscribe(function (data) {
            apply((data && data.identity) || null);
        });
    };
});

<script type="text/x-magento-init">
{
    "*": {
        "Mindo_ChatWidget/js/identity": {}
    }
}
</script>

<referenceContainer name="before.body.end">
    <block class="Magento\Framework\View\Element\Template"
           name="mindo.chat.identity"
           template="Mindo_ChatWidget::identity.phtml"/>
</referenceContainer>

bin/magento module:enable Mindo_ChatWidget
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento cache:flush