Reopen previous chat sessions in embedded widget without cookies

[claudiomerli]

Hi everyone, sorry if my question sounds silly, but I'm new to using LHC and I'm feeling a bit disoriented. I need to embed it inside a mobile app where a single user (visitor) can have multiple chats with multiple operators, so I'm trying to use it in embedded mode with cookies disabled (I'm using Ionic). For testing, I'm using the widget like this:

<!-- Place this tag where you want the Live Helper Status to render. -->
<div id="lhc_status_container_page"></div>

<!-- Place this tag after the Live Helper status tag. -->
<script>
var LHC_API = LHC_API || {};
LHC_API.args = {
    cookie_enabled: true,
    mode: 'embed',
    lhc_base_url: '//mydomain.com/',
    wheight: 450,
    wwidth: 350,
    pheight: 520,
    pwidth: 500,
    check_messages: false
};
(function () {
    var po = document.createElement('script');
    po.type = 'text/javascript';
    po.setAttribute('crossorigin', 'anonymous');
    po.async = true;
    var date = new Date();
    po.src = '//mydomain.com/design/defaulttheme/js/widgetv2/index.js?' + ("" + date.getFullYear() + date.getMonth() + date.getDate());
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
})();
setTimeout(function () {
    window.$_LHC.init();
}, 1000);
</script>

While reading the documentation, I found the static URL method to reopen old chats using ID and hash, but with the widget I can't seem to find anything similar... Or maybe I'm missing something, because I don't understand why it's so easy with one method and not with the other.

I need to use widget mode because I’ll need to listen to events in the future (which, as I understand it, isn’t possible with the iframe/static URL method).

Please don’t roast me for my confusion — I’ve only been studying this for two days and I’m working under tight deadlines.

[remdex]

Hi,

Well there is no official API to pass chat id or hash from JS directly, but

• Try to start a chat in official webpage
• Click open popup option and you will see url similar to this https://demo.livehelperchat.com/eng/chat/start/(id)/2/(hash)/jrzDAqlhSKH90O9dtoMfyLXb4FWNOlKecTjrIz9q/(theme)/1/(vid)/c76fc5a823086255b521/(department)/1/(sound)/1/(leaveamessage)/true
• This way chat status is transfered from widget to popup. So you could be embeding just iframe. But won't receive a callbacks in that scenario.

Related files if you decide replicate pur JS by embeding only react APP itself.

• https://github.com/LiveHelperChat/livehelperchat/blob/master/lhc_web/design/defaulttheme/tpl/lhchat/start.tpl.php
• https://github.com/LiveHelperChat/livehelperchat/blob/master/lhc_web/modules/lhchat/start.php

But in order to pass chat id and hash manually via JS let say from your local storage you would need to modify
https://github.com/LiveHelperChat/livehelperchat/blob/master/lhc_web/design/defaulttheme/widget/wrapper/src/index.js#L238

Change by itself is not a complex one... Like one or two hours in total would take...

There is always an option to get a paid support just...

[remdex]

Commited related changes
e82cb06

Search in this document for chat_hash and chat_id
https://doc.livehelperchat.com/docs/javascript-arguments

[claudiomerli]

Thank you very much for the support and the quick fix! I’ll try the solution tomorrow and let you know. In any case, thanks a lot!