js에서 다국어 사용 질문

아래와 같은 구문이 html 화일안에 들어있습니다.

$('#svc-popup [data-type="svcDocumentList"] h1').html(ticket.product_name);

여기서 product_name이 다국어 변수(?) 인데, 실제 출력은 $user_lang->userLang20230514225506072 이런식으로 되고 있습니다. 어떻게 수정하는게 좋을까요?

(script 구문 밖에서는 <h3>{$ticket->product_name}</h3> 이렇게 입력되어 있고 정상 출력합니다.)

<script>
    
    function svcUseTicket(ticket_info) {
        var ticket = JSON.parse(atob(ticket_info));
        
        $('#svc-popup').attr('data-ticket-srl', ticket.ticket_srl);
        $('#svc-popup [data-type="svcUseTicket"] h1').html(ticket.product_name);
        $('#svc-popup [data-type="svcUseTicket"] span').html('{$lang->cmd_period_of_use}: ' + ticket.period_of_use);

        $('#svc-popup .svc-popup-body').hide();
        $('#svc-popup [data-type="svcUseTicket"]').show();
        $('#svc-popup').fadeIn(150);
    }

    function svcDocumentList(ticket_info) {
        var ticket = JSON.parse(atob(ticket_info));
        var documents = ticket.documents;
        
        $('#svc-popup').attr('data-ticket-srl', ticket.ticket_srl);
        $('#svc-popup [data-type="svcDocumentList"] h1').html(ticket.product_name);
        
        $('#svc-popup [data-type="svcDocumentList"] div').html('');
        for (var i in documents) {
            var document = documents[i];
            $('<a href="/' + document.document_srl + '"><b>' + document.title + '</b><span>' + document.regdate + '</span></a>').appendTo('#svc-popup [data-type="svcDocumentList"] div');
        }

        $('#svc-popup .svc-popup-body').hide();
        $('#svc-popup [data-type="svcDocumentList"]').show();
        $('#svc-popup').fadeIn(150);
    }

    $('.svc-popup-body[data-type="svcUseTicket"] button').on('click', function() {
        exec_json('hotopay.procHotopayActiveTicket', {
            ticket_srl: $('#svc-popup').attr('data-ticket-srl')
        }, function(data) {
            location.reload();
        }, function(data) {
            location.reload();
        });
    });
</script>