mkfashion-sdk 2.4.4 → 2.4.6

package/index.html

@@ -14,8 +14,8 @@
 
   <script>
     (function () {
-      var projectid = '698c806c1d3129430f15ddde';
-      var identifier = '8964289003742';
+      var projectid = '69f09de7fe3120f54c06e0d6';
+      var identifier = 'demo-002';
 
       function initMkFashion() {
         mkfashion.addToCart(function (payload) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mkfashion-sdk",
-  "version": "2.4.4",
+  "version": "2.4.6",
   "description": "SDK para integrar o provador virtual mKFashion com suporte a Wake Commerce",
   "main": "src/mkfashion.js",
   "scripts": {

package/src/mkfashion.js

@@ -37,6 +37,7 @@ const mkfashion = {
   _container: null,
   _escHandler: null,
   _messageHandler: null,
+  _confirmingExit: false,
 
   _callbacks: {
     onReady: null,
@@ -127,9 +128,15 @@ const mkfashion = {
       return
     }
 
+    // Avisa o iframe pra limpar a UI de confirmacao de saida antes de esconder.
+    // Sem isso, o modal de "Tem certeza?" fica aberto e reaparece na proxima abertura
+    // (porque o iframe nao eh destruido entre open/close — apenas escondido).
+    this._postToIframe('dismiss_exit_confirmation')
+
     this._hideModal()
     this._triggerCallback('onClose')
     this._isOpen = false
+    this._confirmingExit = false
     this._log('Fechado')
   },
 
@@ -538,19 +545,40 @@ const mkfashion = {
     })
 
     this._modal.addEventListener('click', (e) => {
-      if (e.target === this._modal) {
-        this.close()
-      }
+      if (e.target !== this._modal) return
+      this._handleBackdropOrEscapeAttempt()
     })
 
     this._escHandler = (e) => {
       if (e.key === 'Escape') {
-        this.close()
+        this._handleBackdropOrEscapeAttempt()
       }
     }
     document.addEventListener('keydown', this._escHandler)
   },
 
+  /**
+   * Primeira tentativa: pede confirmacao no iframe (Vue mostra modal).
+   * Segunda tentativa (com flag setada): atalho UX, fecha direto.
+   */
+  _handleBackdropOrEscapeAttempt() {
+    if (this._confirmingExit) {
+      this.close()
+      return
+    }
+    this._confirmingExit = true
+    this._postToIframe('show_exit_confirmation')
+    this._log('Confirmacao de saida solicitada ao iframe')
+  },
+
+  _postToIframe(action, data = {}) {
+    if (!this._iframe || !this._iframe.contentWindow) return
+    this._iframe.contentWindow.postMessage(
+      { source: 'mkfashion-sdk', action, data },
+      '*'
+    )
+  },
+
   /** Esconde o modal sem remover do DOM (preserva sessao do iframe) */
   _hideModal() {
     if (!this._modal) return
@@ -586,7 +614,7 @@ const mkfashion = {
 
     this._escHandler = (e) => {
       if (e.key === 'Escape') {
-        this.close()
+        this._handleBackdropOrEscapeAttempt()
       }
     }
     document.addEventListener('keydown', this._escHandler)
@@ -603,6 +631,7 @@ const mkfashion = {
     this._iframe = null
     this._container = null
     this._lastConfig = null
+    this._confirmingExit = false
 
     if (this._escHandler) {
       document.removeEventListener('keydown', this._escHandler)
@@ -632,9 +661,15 @@ const mkfashion = {
 
       switch (action) {
         case 'close_request':
+          this._confirmingExit = false
           this.close()
           break
 
+        case 'cancel_exit_confirmation':
+          this._confirmingExit = false
+          this._log('Confirmacao de saida cancelada pelo usuario')
+          break
+
         case 'restart_request':
           this.restart()
           break