@molin.ai/shop-ai 0.4.47 → 0.4.48

package/dist/molin-shop-ai.min.js

@@ -990,14 +990,14 @@ CHAT`}</span>
         <span>Molin AI</span>
       </a>
     </p>
-  `)}};var Na,mo,cp=class{constructor(e){Le(this,Na,[]);Le(this,mo,new AbortController);e.addController(this),this.hostConnected()}deferCleanup(e){fe(this,Na).push(e)}get signal(){return fe(this,mo).signal}hostConnected(){ci(this,Na,fe(this,Na)||[]),ci(this,mo,fe(this,mo)||new AbortController)}hostDisconnected(){for(;fe(this,Na).length>0;)fe(this,Na).pop()?.();ci(this,Na,[]),fe(this,mo).abort(),ci(this,mo,new AbortController)}};Na=new WeakMap,mo=new WeakMap;var fp,_f=class{constructor(e,i,r){Le(this,fp,void 0);le(this,"delay");le(this,"callback");this.delay=i,this.callback=r,e.addController(this)}hostConnected(){ci(this,fp,setTimeout(()=>this.callback(),this.delay))}hostDisconnected(){clearTimeout(fe(this,fp))}};fp=new WeakMap;var xf,Ga,dp,mp,Sf,Nv,wf,Gv,Pf,$v,kf,jv,Cf,qv,up=class extends br(zi){constructor(){super();Le(this,Sf);Le(this,wf);Le(this,Pf);Le(this,kf);Le(this,Cf);Le(this,xf,void 0);Le(this,Ga,!1);Le(this,dp,!1);Le(this,mp,new cp(this));le(this,"_handleInteraction",()=>{fe(this,dp)||(ci(this,dp,!0),window.removeEventListener("click",this._handleInteraction),window.removeEventListener("keydown",this._handleInteraction),ri(this,Cf,qv).call(this))});this.position={},this.aiName="Molin AI",this.aiColor="#601feb",this.dialogShown=!1,this.popupDelayMs=5e3,this.popupText="Hello there. How can we help?",this.designMode=!1,this.mobileMode=!1}renderPopup(i,r){return di`
+  `)}};var Na,mo,cp=class{constructor(e){Le(this,Na,[]);Le(this,mo,new AbortController);e.addController(this),this.hostConnected()}deferCleanup(e){fe(this,Na).push(e)}get signal(){return fe(this,mo).signal}hostConnected(){ci(this,Na,fe(this,Na)||[]),ci(this,mo,fe(this,mo)||new AbortController)}hostDisconnected(){for(;fe(this,Na).length>0;)fe(this,Na).pop()?.();ci(this,Na,[]),fe(this,mo).abort(),ci(this,mo,new AbortController)}};Na=new WeakMap,mo=new WeakMap;var fp,_f=class{constructor(e,i,r){Le(this,fp,void 0);le(this,"delay");le(this,"callback");this.delay=i,this.callback=r,e.addController(this)}hostConnected(){ci(this,fp,setTimeout(()=>this.callback(),this.delay))}hostDisconnected(){clearTimeout(fe(this,fp))}};fp=new WeakMap;var xf,Ga,dp,mp,Sf,Nv,wf,Gv,Pf,$v,kf,jv,Cf,qv,up=class extends br(zi){constructor(){super();Le(this,Sf);Le(this,wf);Le(this,Pf);Le(this,kf);Le(this,Cf);Le(this,xf,void 0);Le(this,Ga,!1);Le(this,dp,!1);Le(this,mp,new cp(this));le(this,"_handleInteraction",()=>{fe(this,dp)||(ci(this,dp,!0),window.removeEventListener("click",this._handleInteraction),window.removeEventListener("keydown",this._handleInteraction),ri(this,Cf,qv).call(this))});this.position={},this.aiName="Molin AI",this.aiColor="#601feb",this.dialogShown=!1,this.popupDelayMs=5e3,this.popupText="Hello there. How can we help?",this.designMode=!1,this.mobileMode=!1,this.desktopEnabled=!1,this.mobileEnabled=!1}renderPopup(i,r){let s=`${this.designMode?"visible":`${this.mobileEnabled?"visible":"invisible"} ${this.desktopEnabled?"sm:visible":"sm:invisible"}`}`;return di`
       <!-- shadow backdrop -->
-      <div class="${i?"visible opacity-100":"invisible opacity-0"} ${r?"fixed":""} inset-0 z-[2147483647] bg-black bg-opacity-50 transition-[opacity,visibility] sm:hidden"></div>
+      <div class="${i?`${s} opacity-100`:"invisible opacity-0"} ${r?"fixed":""} inset-0 z-[2147483647] bg-black bg-opacity-50 transition-[opacity,visibility] sm:hidden"></div>
 
       <!-- based on desktop or mobile mode apply the styling and override default classes -->
 
       <!-- popup itself -->
-      <div class="${i?"visible opacity-100 translate-y-0":"invisible opacity-0 translate-y-3"} ${Object.keys(this.position).join(" ")} ${r?"fixed":""} ${this.mobileMode?"":"sm:left-auto sm:top-auto sm:h-auto sm:w-[300px] sm:rounded-2xl"}  group bottom-0 left-0 right-0 z-[2147483647] overflow-visible rounded-t-2xl bg-white p-4 text-left font-sans text-[16px] leading-normal text-gray-800 shadow-2xl transition-all" @click="${ri(this,Pf,$v)}">
+      <div class="${i?`${s} opacity-100 translate-y-0`:"invisible opacity-0 translate-y-3"} ${Object.keys(this.position).join(" ")} ${r?"fixed":""} ${this.mobileMode?"":"sm:left-auto sm:top-auto sm:h-auto sm:w-[300px] sm:rounded-2xl"}  group bottom-0 left-0 right-0 z-[2147483647] overflow-visible rounded-t-2xl bg-white p-4 text-left font-sans text-[16px] leading-normal text-gray-800 shadow-2xl transition-all" @click="${ri(this,Pf,$v)}">
         <!-- close button -->
         <button class="${this.mobileMode?"":"sm:-top-2 sm:opacity-0 sm:shadow sm:transition-opacity sm:group-hover:opacity-100"} absolute right-2 inline-flex h-6 w-6 items-center justify-center rounded-full bg-gray-300 bg-opacity-50 text-center font-sans shadow-none duration-300 ease-in-out hover:scale-105 hover:text-gray-700 focus:outline-none" @click="${ri(this,wf,Gv)}" aria-label="Close dialog">×</button>
 
@@ -1012,7 +1012,7 @@ CHAT`}</span>
           <mw-powered-by class="sm:hidden"></mw-powered-by>
         </slot>
       </div>
-    `}render(){switch(this.designMode){case!0:return this.renderPopup(this.designMode,!1);default:return this.renderPopup(fe(this,Ga),!0)}}updated(i){let r=i.has("dialogShown"),s=this.dialogShown;r&&s===!0&&fe(this,Ga)&&(ci(this,Ga,!1),this.requestUpdate())}firstUpdated(){this.designMode||ri(this,kf,jv).call(this)}};xf=new WeakMap,Ga=new WeakMap,dp=new WeakMap,mp=new WeakMap,Sf=new WeakSet,Nv=function(){new Audio("https://molin.ai/sounds/widget/popup.aac").play().then(()=>{}).catch(r=>{console.error("Error playing audio:",r)}),ci(this,Ga,!0),this.requestUpdate()},wf=new WeakSet,Gv=function(i){i.preventDefault(),i.stopPropagation(),ci(this,Ga,!1),sessionStorage.setItem("_molin_popup","user_dismissed"),this.requestUpdate()},Pf=new WeakSet,$v=function(){ci(this,Ga,!1),this.dispatchEvent(new CustomEvent("popup-chat-open",{})),this.requestUpdate()},kf=new WeakSet,jv=function(){window.addEventListener("click",this._handleInteraction,{signal:fe(this,mp).signal}),window.addEventListener("keydown",this._handleInteraction,{signal:fe(this,mp).signal})},Cf=new WeakSet,qv=function(){ci(this,xf,new _f(this,this.popupDelayMs,()=>{let i=!this.dialogShown,r=sessionStorage.getItem("_molin_popup")!=="user_dismissed";i&&r&&ri(this,Sf,Nv).call(this)}))},le(up,"properties",{position:{type:Object},aiName:{type:String,attribute:"ai-name"},aiColor:{type:String,attribute:"ai-color"},dialogShown:{type:Boolean,attribute:"dialog-shown"},popupDelayMs:{type:Number,attribute:"popup-delay-ms"},popupText:{type:String,attribute:"popup-text"},designMode:{type:Boolean,attribute:"design-mode"},mobileMode:{type:Boolean,attribute:"mobile-mode"}});var Af,Hv,gp=class extends br(zi){constructor(){super();Le(this,Af);this.color="sky-500",this.animated=!1,this.position="top-right"}render(){return di`
+    `}render(){switch(this.designMode){case!0:return this.renderPopup(this.designMode,!1);default:return this.renderPopup(fe(this,Ga),!0)}}updated(i){let r=i.has("dialogShown"),s=this.dialogShown;r&&s===!0&&fe(this,Ga)&&(ci(this,Ga,!1),this.requestUpdate())}firstUpdated(){this.designMode||ri(this,kf,jv).call(this)}};xf=new WeakMap,Ga=new WeakMap,dp=new WeakMap,mp=new WeakMap,Sf=new WeakSet,Nv=function(){new Audio("https://molin.ai/sounds/widget/popup.aac").play().then(()=>{}).catch(r=>{console.error("Error playing audio:",r)}),ci(this,Ga,!0),this.requestUpdate()},wf=new WeakSet,Gv=function(i){i.preventDefault(),i.stopPropagation(),ci(this,Ga,!1),sessionStorage.setItem("_molin_popup","user_dismissed"),this.requestUpdate()},Pf=new WeakSet,$v=function(){ci(this,Ga,!1),this.dispatchEvent(new CustomEvent("popup-chat-open",{})),this.requestUpdate()},kf=new WeakSet,jv=function(){window.addEventListener("click",this._handleInteraction,{signal:fe(this,mp).signal}),window.addEventListener("keydown",this._handleInteraction,{signal:fe(this,mp).signal})},Cf=new WeakSet,qv=function(){ci(this,xf,new _f(this,this.popupDelayMs,()=>{let i=!this.dialogShown,r=sessionStorage.getItem("_molin_popup")!=="user_dismissed";i&&r&&ri(this,Sf,Nv).call(this)}))},le(up,"properties",{position:{type:Object},aiName:{type:String,attribute:"ai-name"},aiColor:{type:String,attribute:"ai-color"},dialogShown:{type:Boolean,attribute:"dialog-shown"},popupDelayMs:{type:Number,attribute:"popup-delay-ms"},popupText:{type:String,attribute:"popup-text"},desktopEnabled:{type:Boolean,attribute:"desktop-enabled"},mobileEnabled:{type:Boolean,attribute:"mobile-enabled"},designMode:{type:Boolean,attribute:"design-mode"},mobileMode:{type:Boolean,attribute:"mobile-mode"}});var Af,Hv,gp=class extends br(zi){constructor(){super();Le(this,Af);this.color="sky-500",this.animated=!1,this.position="top-right"}render(){return di`
       <span class="relative inline-flex">
         <slot></slot>
         <span class="${fe(this,Af,Hv)} pointer-events-none absolute flex h-3 w-3">
@@ -1038,7 +1038,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 
             ${this.config?.popup?.mobileEnabled||this.config?.popup?.desktopEnabled?di`
                   <!--  -->
-                  <mw-popup class="${this.config?.popup?.mobileEnabled?"visible":"invisible"} ${this.config?.popup?.desktopEnabled?"sm:visible":"sm:invisible"}" .position="${a}" ai-name="${this.config.title}" ai-color="${this.config.color}" ?dialog-shown="${fe(this,yr)}" popup-delay-ms="${Ef(this.config.popup?.delayMs)}" popup-text="${Ef(this.config.popup?.text)}" @popup-chat-open="${ri(this,hu,l_)}"></mw-popup>
+                  <mw-popup ?mobile-enabled=${this.config?.popup?.mobileEnabled} ?desktop-enabled=${this.config?.popup?.desktopEnabled} .position="${a}" ai-name="${this.config.title}" ai-color="${this.config.color}" ?dialog-shown="${fe(this,yr)}" popup-delay-ms="${Ef(this.config.popup?.delayMs)}" popup-text="${Ef(this.config.popup?.text)}" @popup-chat-open="${ri(this,hu,l_)}"></mw-popup>
                 `:""}
             ${this.config?.tryItOut?.mobileEnabled||this.config?.tryItOut?.desktopEnabled?di`
                   <!--  -->
@@ -1070,9 +1070,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 
             <div class="">
               ${Al(Array.from(h),([o])=>o,([o,c])=>di`
-                  <div class="mb-3 text-center text-xs  text-gray-500">${Yv(new Date(Number(o)),window?.navigator?.language)}</div>
-                  ${Al(c??[],g=>g.id,g=>di`
-                        <div class="mx-4 mb-4  flex-row">
+                  <div class="my-2 text-center text-xs  text-gray-500">${Yv(new Date(Number(o)),window?.navigator?.language)}</div>
+                  ${Al(c??[],g=>g.id,(g,l)=>{let v=c[l+1]?.role===g.role;return di`
+                        <div class="${v?"mb-[2px]":"mb-3"} mx-4 flex-row">
                           <mw-chat-message .config="${this.config}" side="${g.role}" @click="${ri(this,ou,h_)}">
                             <div class="prose break-words text-inherit">
                               ${g.content==="\xB7 \xB7 \xB7"?di`<mw-loading class="-mx-2 block h-8 max-h-[24px] w-8 fill-[${this.config.color}]"></mw-loading>`:g.content_html?il(g.content_html):di`<p>${g.content}</p>`}
@@ -1084,7 +1084,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                                 <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
                               </svg> `:Ki}
                         </div>
-                      `)}
+                      `})}
                 `)}
               ${fe(this,Wr)?.typingIndicator?di`<mw-chat-message class="mx-4 mb-4 block" .config="${this.config}" side="${fe(this,Wr)?.typingIndicator.role}">
                     <div class="prose break-words text-inherit">
@@ -1103,7 +1103,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           </div>
         </div>
       </div>
-    `}updated(i){i.has("config")&&this.config.kioskMode&&(ci(this,yr,this.config.kioskMode),this.requestUpdate()),console.assert(this.widgetId,"widget id is required"),console.assert(this.config,"config is required")}firstUpdated(){}disconnectedCallback(){fe(this,ia)&&clearTimeout(fe(this,ia))}openChat(){fe(this,yr)||(ci(this,yr,!0),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"programmatic-method",state:fe(this,yr)?"open":"close"}))}closeChat(){fe(this,yr)&&(ci(this,yr,!1),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"programmatic-method",state:fe(this,yr)?"open":"close"}))}async injectConfig(i){i.kioskMode=this.config.kioskMode,this.config=i,this.requestUpdate()}};bh=new WeakSet,Lp=function(){if(!this.widgetId)throw new Error("widgetId is required");return`_molin_${this.widgetId}`},au=new WeakSet,o_=function(){return window.location.hostname==="molin.ai"},Wr=new WeakMap,yr=new WeakMap,ia=new WeakMap,ou=new WeakSet,h_=function(i){let r=i.target;r&&r instanceof HTMLAnchorElement&&r.tagName==="A"&&bn("ShopAssistant: user clicked link",{widgetId:this.widgetId,url:r.href})},hu=new WeakSet,l_=function(){ci(this,yr,!0),ri(this,cl,nu).call(this,fe(this,yr)),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"popup-click",state:fe(this,yr)?"open":"close"})},lu=new WeakSet,p_=function(i){let r=i.detail.example;fe(this,Wr)?.sendUserInput(r,{expectStreaming:!this.config.liveChatEnabled}),bn("ShopAssistant: user sent input",{widgetId:this.widgetId,text:r,example:!0})},pu=new WeakSet,c_=function(){ci(this,yr,!fe(this,yr)),ri(this,cl,nu).call(this,fe(this,yr)),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"bubble-toggle",state:fe(this,yr)?"open":"close"})},cu=new WeakSet,f_=function(i){ci(this,yr,!1),ri(this,cl,nu).call(this,fe(this,yr)),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"top-right-close-button",state:fe(this,yr)?"open":"close"})},fu=new WeakSet,u_=function(i){fe(this,Wr)?.reset()},uu=new WeakSet,d_=function(i){let r=i.detail.value;fe(this,Wr)?.sendUserInput(r,{expectStreaming:!this.config.liveChatEnabled}),bn("ShopAssistant: user sent input",{widgetId:this.widgetId,text:r,example:!1})},du=new WeakSet,m_=function(i){fe(this,Wr)?.sendUserCancel(),bn("ShopAssistant: user canceled streaming",{widgetId:this.widgetId})},mu=new WeakSet,g_=function(){fe(this,ia)?(clearTimeout(fe(this,ia)),ci(this,ia,setTimeout(()=>{fe(this,Wr)?.sendUserTypingStop(),ci(this,ia,void 0)},2e3))):(fe(this,Wr)?.sendUserTypingStart(),ci(this,ia,setTimeout(()=>{fe(this,Wr)?.sendUserTypingStop(),ci(this,ia,void 0)},2e3)))},cl=new WeakSet,nu=function(i=!0){window.matchMedia("(min-width: 640px)").matches||(document.body.style.overflow=i?"hidden":"")},le(su,"properties",{widgetId:{type:String,attribute:"widget"},config:{type:Object,attribute:!1}});customElements.define("molin-shop-ai",su);
+    `}updated(i){i.has("config")&&this.config.kioskMode&&(ci(this,yr,this.config.kioskMode),this.requestUpdate()),console.assert(this.widgetId,"widget id is required"),console.assert(this.config,"config is required")}disconnectedCallback(){fe(this,ia)&&clearTimeout(fe(this,ia))}openChat(){fe(this,yr)||(ci(this,yr,!0),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"programmatic-method",state:fe(this,yr)?"open":"close"}))}closeChat(){fe(this,yr)&&(ci(this,yr,!1),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"programmatic-method",state:fe(this,yr)?"open":"close"}))}async injectConfig(i){i.kioskMode=this.config.kioskMode,this.config=i,this.requestUpdate()}};bh=new WeakSet,Lp=function(){if(!this.widgetId)throw new Error("widgetId is required");return`_molin_${this.widgetId}`},au=new WeakSet,o_=function(){return window.location.hostname==="molin.ai"},Wr=new WeakMap,yr=new WeakMap,ia=new WeakMap,ou=new WeakSet,h_=function(i){let r=i.target;r&&r instanceof HTMLAnchorElement&&r.tagName==="A"&&bn("ShopAssistant: user clicked link",{widgetId:this.widgetId,url:r.href})},hu=new WeakSet,l_=function(){ci(this,yr,!0),ri(this,cl,nu).call(this,fe(this,yr)),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"popup-click",state:fe(this,yr)?"open":"close"})},lu=new WeakSet,p_=function(i){let r=i.detail.example;fe(this,Wr)?.sendUserInput(r,{expectStreaming:!this.config.liveChatEnabled}),bn("ShopAssistant: user sent input",{widgetId:this.widgetId,text:r,example:!0})},pu=new WeakSet,c_=function(){ci(this,yr,!fe(this,yr)),ri(this,cl,nu).call(this,fe(this,yr)),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"bubble-toggle",state:fe(this,yr)?"open":"close"})},cu=new WeakSet,f_=function(i){ci(this,yr,!1),ri(this,cl,nu).call(this,fe(this,yr)),this.requestUpdate(),bn("ShopAssistant: user toggled window",{widgetId:this.widgetId,source:"top-right-close-button",state:fe(this,yr)?"open":"close"})},fu=new WeakSet,u_=function(i){fe(this,Wr)?.reset()},uu=new WeakSet,d_=function(i){let r=i.detail.value;fe(this,Wr)?.sendUserInput(r,{expectStreaming:!this.config.liveChatEnabled}),bn("ShopAssistant: user sent input",{widgetId:this.widgetId,text:r,example:!1})},du=new WeakSet,m_=function(i){fe(this,Wr)?.sendUserCancel(),bn("ShopAssistant: user canceled streaming",{widgetId:this.widgetId})},mu=new WeakSet,g_=function(){fe(this,ia)?(clearTimeout(fe(this,ia)),ci(this,ia,setTimeout(()=>{fe(this,Wr)?.sendUserTypingStop(),ci(this,ia,void 0)},2e3))):(fe(this,Wr)?.sendUserTypingStart(),ci(this,ia,setTimeout(()=>{fe(this,Wr)?.sendUserTypingStop(),ci(this,ia,void 0)},2e3)))},cl=new WeakSet,nu=function(i=!0){window.matchMedia("(min-width: 640px)").matches||(document.body.style.overflow=i?"hidden":"")},le(su,"properties",{widgetId:{type:String,attribute:"widget"},config:{type:Object,attribute:!1}});customElements.define("molin-shop-ai",su);
 /*! Bundled license information:
 
 @dotlottie/player-component/dist/dist-AIQGIF54-ZRQFFVOU.mjs:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@molin.ai/shop-ai",
-  "version": "0.4.47",
+  "version": "0.4.48",
   "description": "Molin Shop AI",
   "keywords": [
     "molin",