@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/cjs/amwal-widget-modal.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7522b3a9.js');
 const i18n = require('./i18n-18ad02d5.js');
 
-const amwalWidgetModalCss = ":root{--amwal-animation-duration-fast:0.2s;--amwal-animation-duration-normal:0.4s;--amwal-animation-duration-slow:0.5s;--amwal-animation-easing-smooth:cubic-bezier(0.25, 0.46, 0.45, 0.94);--amwal-animation-easing-bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--amwal-animation-easing-elastic:cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes amwal-overlay-enter{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(4px)}}@keyframes amwal-modal-enter{0%{opacity:0;transform:scale(0.7) translateY(50px);filter:blur(8px)}50%{opacity:0.8;transform:scale(1.02) translateY(10px);filter:blur(2px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes amwal-modal-slide-up{0%{opacity:0;transform:translateY(100px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes amwal-modal-zoom-in{0%{opacity:0;transform:scale(0.3)}50%{opacity:0.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes amwal-modal-fade-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes amwal-content-stagger{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes amwal-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes amwal-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes amwal-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.amwal-modal-overlay{all:initial !important;position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgba(0, 0, 0, 0.75) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999999 !important;backdrop-filter:blur(4px) !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important}div[data-amwal-modal=\"true\"].amwal-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:999999 !important;background:rgba(0, 0, 0, 0.75) !important;display:flex !important;align-items:center !important;justify-content:center !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}div[data-amwal-content=\"true\"].amwal-modal-container{width:90vw !important;max-width:900px !important;max-height:95vh !important;margin:0 !important;padding:0 !important;border:none !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;text-align:left !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;animation:amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important}html body div[data-amwal-modal=\"true\"].amwal-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgb(0 0 0 / 50%) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999999 !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].amwal-modal-container{width:90vw !important;max-width:850px !important;height:67vh !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;overflow:hidden !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;display:flex !important;flex-direction:column !important;text-align:left !important;margin:0 !important;padding:0 !important;border:none !important;position:relative !important;animation:amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important}.amwal-modal-overlay.amwal-animation-slide{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-slide .amwal-modal-container{animation:amwal-modal-slide-up var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-zoom{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-zoom .amwal-modal-container{animation:amwal-modal-zoom-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-bounce) !important}.amwal-modal-overlay.amwal-animation-fade{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-fade .amwal-modal-container{animation:amwal-modal-fade-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}@media (prefers-reduced-motion: reduce){.amwal-modal-overlay,.amwal-modal-container,div[data-amwal-modal=\"true\"].amwal-modal-overlay,div[data-amwal-content=\"true\"].amwal-modal-container{animation:amwal-modal-fade-in 0.2s ease !important}.amwal-spinner{animation:none !important}}@media (prefers-contrast: more){.amwal-modal-overlay{background:rgba(0, 0, 0, 0.9) !important;backdrop-filter:none !important}}@keyframes amwal-overlay-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(4px)}}@keyframes amwal-modal-scale-in{0%{opacity:0;transform:scale(0.7) translateY(50px);filter:blur(8px)}50%{opacity:0.8;transform:scale(1.02) translateY(10px);filter:blur(2px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes amwal-fade-in{from{opacity:0}to{opacity:1}}@keyframes amwal-slide-up{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.amwal-modal-overlay .amwal-modal-container,div.amwal-modal-overlay div.amwal-modal-container{all:initial !important;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;width:90vw;max-width:800px;max-height:90vh;margin:0 !important;padding:0 !important;border:none !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;overflow:hidden !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;display:flex !important;flex-direction:column !important;animation:amwal-modal-scale-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;text-align:left !important;position:relative !important;top:unset !important;left:unset !important;right:unset !important;bottom:unset !important;transform:none !important}.amwal-modal-container .amwal-header{all:initial !important;display:flex !important;justify-content:space-between !important;align-items:center !important;padding:16px 20px 8px 20px !important;background:inherit !important;font-family:inherit !important;flex-shrink:0 !important}.amwal-modal-container .amwal-header>svg{width:80px !important;height:32px !important}.amwal-modal-container .amwal-close{all:initial !important;position:relative !important;cursor:pointer !important;width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;transition:background-color 0.2s ease !important;padding:4px !important}.amwal-modal-container .amwal-close:hover{background-color:rgba(0, 0, 0, 0.1) !important}.amwal-modal-container .amwal-close:before,.amwal-modal-container .amwal-close:after{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;width:16px !important;height:2px !important;background-color:#3e3e3e !important;border-radius:1px !important;transform-origin:center !important}.amwal-modal-container .amwal-close:before{transform:translate(-50%, -50%) rotate(45deg) !important}.amwal-modal-container .amwal-close:after{transform:translate(-50%, -50%) rotate(-45deg) !important}.amwal-modal-container .amwal-body{all:initial !important;flex:1 !important;padding:0 20px 20px 20px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important}#amwal-iframe{width:100% !important;height:62.3vh !important;border:none !important;display:block !important}.amwal-loading-indicator{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:16px !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;color:#666 !important;font-size:14px !important;font-weight:500 !important;z-index:10 !important;width:100% !important;height:100% !important;background:rgba(255, 255, 255, 0.9) !important;backdrop-filter:blur(2px) !important}.amwal-spinner{width:40px !important;height:40px !important;border:4px solid #f0f0f0 !important;border-top:4px solid #4666f5 !important;border-radius:50% !important;animation:amwal-spin 1s linear infinite !important;flex-shrink:0 !important}.amwal-error-message{padding:40px 20px !important;text-align:center !important;color:#e74c3c !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;font-size:16px !important;background:#fff !important;border-radius:8px !important;margin:20px !important;border:1px solid #e74c3c !important}[dir=\"rtl\"] .amwal-modal-overlay,[dir=\"rtl\"] div[data-amwal-modal=\"true\"].amwal-modal-overlay{direction:rtl !important}[dir=\"rtl\"] .amwal-modal-container,[dir=\"rtl\"] div[data-amwal-content=\"true\"].amwal-modal-container{text-align:right !important;direction:rtl !important}[dir=\"rtl\"] .amwal-modal-container .amwal-header{flex-direction:row-reverse !important;padding:16px 20px 8px 20px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body{direction:rtl !important;text-align:right !important}[dir=\"rtl\"] .amwal-modal-container .amwal-close{order:-1 !important}[dir=\"rtl\"] .amwal-error-message{text-align:right !important;direction:rtl !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body iframe{direction:rtl !important}@keyframes amwal-modal-slide-up-rtl{0%{opacity:0;transform:translateY(100px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}[dir=\"rtl\"] .amwal-modal-overlay.amwal-animation-slide .amwal-modal-container{animation:amwal-modal-slide-up-rtl var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}@media only screen and (max-width: 768px){[dir=\"rtl\"] .amwal-modal-container .amwal-header{padding:12px 16px 6px 16px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body{padding:0 16px 16px 16px !important}}@media only screen and (max-width: 480px){[dir=\"rtl\"] .amwal-modal-container{margin:10px !important;border-radius:12px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-header{padding:10px 12px 4px 12px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body{padding:0 12px 12px 12px !important}}.amwal-modal-overlay *[class*=\"modal\"],.amwal-modal-overlay .modal,.amwal-modal-overlay .modal-dialog,.amwal-modal-overlay .modal-content,.amwal-modal-overlay .modal-header,.amwal-modal-overlay .modal-body,.amwal-modal-overlay .modal-footer,div.amwal-modal-overlay *[class*=\"modal\"],div.amwal-modal-overlay .modal,div.amwal-modal_overlay .modal-dialog,div.amwal-modal_overlay .modal-content,div.amwal-modal_overlay .modal-header,div.amwal-modal_overlay .modal-body,div.amwal-modal_overlay .modal-footer{all:unset !important;box-sizing:border-box !important;display:block !important;position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:none !important;background:transparent !important;color:inherit !important;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important;text-align:inherit !important;text-decoration:none !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;white-space:normal !important;vertical-align:baseline !important;list-style:none !important;outline:none !important;box-shadow:none !important;border-radius:0 !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;z-index:auto !important;transform:none !important;transition:none !important;animation:none !important;float:none !important;clear:none !important}.amwal-modal-overlay,.amwal-modal-overlay *,div.amwal-modal-overlay,div.amwal-modal-overlay *{text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;filter:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;animation-delay:0s !important;animation-duration:0.3s !important;animation-fill-mode:both !important;float:none !important;clear:none !important;position:relative !important}.amwal-modal-overlay{position:fixed !important;z-index:999999 !important}.amwal-modal-overlay .amwal-modal-container{position:relative !important}html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].force-mobile{max-width:475px !important;width:100% !important;container-type:inline-size !important;container-name:amwal-modal !important}@supports not (container-type: inline-size){html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].force-mobile{max-width:475px !important}}";
+const amwalWidgetModalCss = ":root{--amwal-animation-duration-fast:0.2s;--amwal-animation-duration-normal:0.4s;--amwal-animation-duration-slow:0.5s;--amwal-animation-easing-smooth:cubic-bezier(0.25, 0.46, 0.45, 0.94);--amwal-animation-easing-bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--amwal-animation-easing-elastic:cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes amwal-overlay-enter{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(4px)}}@keyframes amwal-modal-enter{0%{opacity:0;transform:scale(0.7) translateY(50px);filter:blur(8px)}50%{opacity:0.8;transform:scale(1.02) translateY(10px);filter:blur(2px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes amwal-modal-slide-up{0%{opacity:0;transform:translateY(100px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes amwal-modal-zoom-in{0%{opacity:0;transform:scale(0.3)}50%{opacity:0.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes amwal-modal-fade-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes amwal-content-stagger{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes amwal-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes amwal-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes amwal-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.amwal-modal-overlay{all:initial !important;position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgba(0, 0, 0, 0.75) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999999 !important;backdrop-filter:blur(4px) !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important}div[data-amwal-modal=\"true\"].amwal-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:999999 !important;background:rgba(0, 0, 0, 0.75) !important;display:flex !important;align-items:center !important;justify-content:center !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}div[data-amwal-content=\"true\"].amwal-modal-container{width:90vw !important;max-width:900px !important;max-height:95vh !important;margin:0 !important;padding:0 !important;border:none !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;text-align:left !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;animation:amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important}html body div[data-amwal-modal=\"true\"].amwal-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgb(0 0 0 / 50%) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999999 !important;animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].amwal-modal-container{width:90vw !important;max-width:850px !important;height:67vh !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;overflow:hidden !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;display:flex !important;flex-direction:column !important;text-align:left !important;margin:0 !important;padding:0 !important;border:none !important;position:relative !important;animation:amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important}.amwal-modal-overlay.amwal-animation-slide{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-slide .amwal-modal-container{animation:amwal-modal-slide-up var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-zoom{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-zoom .amwal-modal-container{animation:amwal-modal-zoom-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-bounce) !important}.amwal-modal-overlay.amwal-animation-fade{animation:amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}.amwal-modal-overlay.amwal-animation-fade .amwal-modal-container{animation:amwal-modal-fade-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}@media (prefers-reduced-motion: reduce){.amwal-modal-overlay,.amwal-modal-container,div[data-amwal-modal=\"true\"].amwal-modal-overlay,div[data-amwal-content=\"true\"].amwal-modal-container{animation:amwal-modal-fade-in 0.2s ease !important}.amwal-spinner{animation:none !important}}@media (prefers-contrast: more){.amwal-modal-overlay{background:rgba(0, 0, 0, 0.9) !important;backdrop-filter:none !important}}@keyframes amwal-overlay-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}100%{opacity:1;backdrop-filter:blur(4px)}}@keyframes amwal-modal-scale-in{0%{opacity:0;transform:scale(0.7) translateY(50px);filter:blur(8px)}50%{opacity:0.8;transform:scale(1.02) translateY(10px);filter:blur(2px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes amwal-fade-in{from{opacity:0}to{opacity:1}}@keyframes amwal-slide-up{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.amwal-modal-overlay .amwal-modal-container,div.amwal-modal-overlay div.amwal-modal-container{all:initial !important;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;width:90vw;max-width:800px;max-height:90vh;margin:0 !important;padding:0 !important;border:none !important;background:linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;border-radius:17px !important;color:#292929 !important;overflow:hidden !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3) !important;display:flex !important;flex-direction:column !important;animation:amwal-modal-scale-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;text-align:left !important;position:relative !important;top:unset !important;left:unset !important;right:unset !important;bottom:unset !important;transform:none !important}.amwal-modal-container .amwal-header{all:initial !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;padding:16px 20px 8px 20px !important;background:inherit !important;font-family:inherit !important;flex-shrink:0 !important;position:relative !important}.amwal-modal-container .amwal-header-logo{position:absolute !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;align-items:center !important;pointer-events:none !important}.amwal-modal-container .amwal-header-logo>svg{width:86px !important;height:35px !important}.amwal-modal-container .amwal-close{all:initial !important;position:relative !important;cursor:pointer !important;width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;transition:background-color 0.2s ease !important;padding:4px !important}.amwal-modal-container .amwal-close:hover{background-color:rgba(0, 0, 0, 0.1) !important}.amwal-modal-container .amwal-close:before,.amwal-modal-container .amwal-close:after{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;width:16px !important;height:2px !important;background-color:#3e3e3e !important;border-radius:1px !important;transform-origin:center !important}.amwal-modal-container .amwal-close:before{transform:translate(-50%, -50%) rotate(45deg) !important}.amwal-modal-container .amwal-close:after{transform:translate(-50%, -50%) rotate(-45deg) !important}.amwal-modal-container .amwal-body{all:initial !important;flex:1 !important;padding:0 20px 20px 20px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;position:relative !important}#amwal-iframe{width:100% !important;height:62.3vh !important;border:none !important;display:block !important}.amwal-loading-indicator{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:16px !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;color:#666 !important;font-size:14px !important;font-weight:500 !important;z-index:10 !important;width:100% !important;height:100% !important;background:rgba(255, 255, 255, 0.9) !important;backdrop-filter:blur(2px) !important}.amwal-spinner{width:40px !important;height:40px !important;border:4px solid #f0f0f0 !important;border-top:4px solid #4666f5 !important;border-radius:50% !important;animation:amwal-spin 1s linear infinite !important;flex-shrink:0 !important}.amwal-error-message{padding:40px 20px !important;text-align:center !important;color:#e74c3c !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;font-size:16px !important;background:#fff !important;border-radius:8px !important;margin:20px !important;border:1px solid #e74c3c !important}[dir=\"rtl\"] .amwal-modal-overlay,[dir=\"rtl\"] div[data-amwal-modal=\"true\"].amwal-modal-overlay{direction:rtl !important}[dir=\"rtl\"] .amwal-modal-container,[dir=\"rtl\"] div[data-amwal-content=\"true\"].amwal-modal-container{text-align:right !important;direction:rtl !important}[dir=\"rtl\"] .amwal-modal-container .amwal-header{flex-direction:row-reverse !important;padding:16px 20px 8px 20px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body{direction:rtl !important;text-align:right !important}[dir=\"rtl\"] .amwal-modal-container .amwal-close{order:-1 !important}[dir=\"rtl\"] .amwal-error-message{text-align:right !important;direction:rtl !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body iframe{direction:rtl !important}@keyframes amwal-modal-slide-up-rtl{0%{opacity:0;transform:translateY(100px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}[dir=\"rtl\"] .amwal-modal-overlay.amwal-animation-slide .amwal-modal-container{animation:amwal-modal-slide-up-rtl var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important}@media only screen and (max-width: 768px){[dir=\"rtl\"] .amwal-modal-container .amwal-header{padding:12px 16px 6px 16px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body{padding:0 16px 16px 16px !important}}@media only screen and (max-width: 480px){[dir=\"rtl\"] .amwal-modal-container{margin:10px !important;border-radius:12px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-header{padding:10px 12px 4px 12px !important}[dir=\"rtl\"] .amwal-modal-container .amwal-body{padding:0 12px 12px 12px !important}}.amwal-modal-overlay *[class*=\"modal\"],.amwal-modal-overlay .modal,.amwal-modal-overlay .modal-dialog,.amwal-modal-overlay .modal-content,.amwal-modal-overlay .modal-header,.amwal-modal-overlay .modal-body,.amwal-modal-overlay .modal-footer,div.amwal-modal-overlay *[class*=\"modal\"],div.amwal-modal-overlay .modal,div.amwal-modal_overlay .modal-dialog,div.amwal-modal_overlay .modal-content,div.amwal-modal_overlay .modal-header,div.amwal-modal_overlay .modal-body,div.amwal-modal_overlay .modal-footer{all:unset !important;box-sizing:border-box !important;display:block !important;position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:none !important;background:transparent !important;color:inherit !important;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important;text-align:inherit !important;text-decoration:none !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;white-space:normal !important;vertical-align:baseline !important;list-style:none !important;outline:none !important;box-shadow:none !important;border-radius:0 !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;z-index:auto !important;transform:none !important;transition:none !important;animation:none !important;float:none !important;clear:none !important}.amwal-modal-overlay,.amwal-modal-overlay *,div.amwal-modal-overlay,div.amwal-modal-overlay *{text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;filter:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;animation-delay:0s !important;animation-duration:0.3s !important;animation-fill-mode:both !important;float:none !important;clear:none !important;position:relative !important}.amwal-modal-overlay{position:fixed !important;z-index:999999 !important}.amwal-modal-overlay .amwal-modal-container{position:relative !important}html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].force-mobile{max-width:475px !important;width:100% !important;container-type:inline-size !important;container-name:amwal-modal !important}@supports not (container-type: inline-size){html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].force-mobile{max-width:475px !important}}";
 
 const AmwalWidgetModal = class {
   constructor(hostRef) {
@@ -124,6 +124,11 @@ const AmwalWidgetModal = class {
     // Handle browser back button
     this.closeModal();
   }
+  handleIframeMessage(event) {
+    if (event.data === 'dismiss') {
+      this.closeModal();
+    }
+  }
   createIframeUrl() {
     var _a;
     if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.promotionUrl)) {
@@ -144,7 +149,7 @@ const AmwalWidgetModal = class {
     return finalUrl;
   }
   renderAmwalLogo() {
-    return (index.h("svg", { width: "72", height: "29", viewBox: "0 0 72 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("rect", { width: "72", height: "28.946", rx: "6", fill: "black" }), index.h("path", { d: "M24.1912 11.6545C25.5297 10.5672 27.8358 10.9347 28.8503 12.3232C28.8972 12.3845 28.9818 12.3896 29.0287 12.3334C29.0804 12.2722 29.1274 12.2109 29.179 12.1547C29.7191 11.5626 30.3861 11.241 31.1328 11.0981C31.9219 10.9449 32.7015 10.9909 33.453 11.3125C34.3641 11.7004 34.9794 12.4253 35.3598 13.3901C35.6369 14.0843 35.7684 14.8194 35.7731 15.5698C35.7825 17.1216 35.7778 18.6785 35.7872 20.2303C35.7872 20.3579 35.7543 20.3783 35.6463 20.3783C34.9512 20.3732 34.2561 20.3732 33.5657 20.3783C33.453 20.3783 33.4201 20.3528 33.4201 20.2252C33.4248 18.7551 33.4248 17.2849 33.4248 15.8148C33.4248 15.386 33.359 14.9725 33.1712 14.5897C32.5747 13.3748 31.0859 13.2522 30.3109 14.36C30.015 14.7836 29.8741 15.2686 29.8741 15.7944C29.8741 17.2747 29.8741 18.7551 29.8788 20.2354C29.8788 20.3528 29.8506 20.3783 29.7473 20.3783C29.0381 20.3732 28.3242 20.3732 27.615 20.3783C27.5211 20.3783 27.4976 20.3528 27.4976 20.2507C27.5023 18.7704 27.4976 17.29 27.5023 15.8097C27.5023 15.534 27.4788 15.2584 27.4178 14.9878C27.244 14.263 26.6804 13.7168 25.9994 13.6147C24.9521 13.4564 24.3227 14.314 24.1161 15.0644C24.0409 15.3298 24.0127 15.6004 24.0127 15.8811C24.0127 17.29 24.0127 18.704 24.0174 20.1129C24.0174 20.2609 23.9094 20.3783 23.7732 20.3783C23.1016 20.3732 22.43 20.3732 21.7536 20.3783C21.655 20.3783 21.6362 20.3477 21.6362 20.2507C21.6409 17.2798 21.6409 14.314 21.6362 11.3431C21.6362 11.2512 21.6503 11.2206 21.7443 11.2206C22.4675 11.2257 23.1908 11.2257 23.9141 11.2206C23.9892 11.2206 24.0174 11.2359 24.0127 11.3227C24.008 11.4044 24.008 11.4809 24.008 11.5626C24.008 11.6596 24.1161 11.7157 24.1912 11.6545Z", fill: "white" }), index.h("path", { d: "M43.8655 20.384C43.8233 20.4759 43.7012 20.4759 43.6589 20.384C43.3724 19.7357 43.0906 19.0976 42.8088 18.4595C42.527 17.8215 42.2452 17.1885 41.9634 16.5402C41.9211 16.4432 41.799 16.4432 41.7568 16.5402C41.1885 17.8266 40.6249 19.0976 40.0566 20.3942C40.0143 20.4861 39.8969 20.4912 39.8499 20.3993C38.3564 17.3314 36.8723 14.2839 35.374 11.216C35.4304 11.216 35.468 11.216 35.5055 11.216C36.2993 11.216 37.0977 11.216 37.8914 11.2109C37.9807 11.2109 38.0229 11.2467 38.0605 11.3283C38.6899 12.7117 39.3239 14.09 39.9579 15.4733C39.9767 15.509 39.9908 15.5448 40.019 15.606C40.1364 15.3406 40.2444 15.0905 40.3478 14.8454C40.4793 14.5494 40.6061 14.2482 40.7376 13.9521C40.7705 13.8807 40.7705 13.8245 40.7376 13.7479C40.39 12.9516 40.0425 12.1502 39.6996 11.3488C39.6855 11.313 39.6668 11.2773 39.6527 11.2365C39.6761 11.2007 39.709 11.216 39.7372 11.216C40.4323 11.216 41.1274 11.216 41.8225 11.2109C41.9024 11.2109 41.9399 11.2416 41.9728 11.3181C42.5881 12.7219 43.208 14.1257 43.828 15.5295C43.8327 15.5397 43.8421 15.5499 43.8609 15.5754C43.9595 15.3304 44.0581 15.1007 44.152 14.8659C44.6264 13.6867 45.1055 12.5075 45.5751 11.3283C45.6127 11.2365 45.655 11.2109 45.7442 11.2109C46.4393 11.216 47.1344 11.2109 47.8295 11.2109C46.5896 14.2788 45.2323 17.3212 43.8655 20.384Z", fill: "white" }), index.h("path", { d: "M59.6416 13.6148C59.6416 15.8149 59.6416 18.015 59.6463 20.2151C59.6463 20.3376 59.6275 20.3733 59.5054 20.3733C58.7962 20.3682 58.0824 20.3682 57.3732 20.3733C57.2839 20.3733 57.2651 20.3478 57.2651 20.2508C57.2698 15.8302 57.2698 11.4096 57.2651 6.99405C57.2651 6.88175 57.298 6.86133 57.3919 6.86133C58.0964 6.86643 58.8056 6.86643 59.5101 6.86133C59.6228 6.86133 59.6463 6.89196 59.6463 7.01447C59.6369 9.21457 59.6416 11.4147 59.6416 13.6148Z", fill: "white" }), index.h("path", { d: "M56.11 11.3788C56.11 11.3584 56.1053 11.3329 56.11 11.3125C56.1194 11.241 56.0959 11.2206 56.0255 11.2206C55.3304 11.2206 54.6306 11.2206 53.9355 11.2206C53.8228 11.2206 53.7335 11.3176 53.7335 11.4401C53.7335 11.486 53.7335 11.532 53.7335 11.5779C53.7335 11.68 53.6255 11.7362 53.5504 11.68C53.0478 11.2818 52.4842 11.0725 51.8737 11.0368C50.6244 10.9602 49.5676 11.4707 48.7316 12.4661C47.689 13.7117 47.3414 15.1869 47.6326 16.8306C47.9755 18.7397 49.3938 20.3579 51.2866 20.5621C51.9911 20.6387 52.6674 20.5161 53.292 20.1333C53.3813 20.0771 53.4611 20.0159 53.541 19.9444C53.6161 19.8781 53.7288 19.9342 53.7288 20.0414C53.7288 20.118 53.7288 20.1894 53.7241 20.266C53.7194 20.363 53.7429 20.3885 53.8322 20.3885C54.4991 20.3834 55.166 20.3834 55.8376 20.3885C55.9832 20.3885 56.1053 20.2609 56.1053 20.1027C56.1053 17.1828 56.11 14.2783 56.11 11.3788ZM53.6678 16.7438C53.3719 17.535 52.705 18.0149 51.9112 18.0098C50.6572 17.9893 49.8259 16.8663 49.9621 15.5544C50.0608 14.5743 50.6103 13.8903 51.4228 13.6606C52.5688 13.339 53.6772 14.166 53.8087 15.4472C53.8556 15.8964 53.8228 16.3303 53.6678 16.7438Z", fill: "white" }), index.h("path", { d: "M20.528 11.3792C20.528 11.3537 20.5233 11.3333 20.528 11.3129C20.5374 11.2414 20.5139 11.221 20.4435 11.221C19.7014 11.221 18.964 11.2261 18.222 11.221C18.1468 11.221 18.1421 11.2567 18.1421 11.318C18.1421 11.4048 18.1421 11.4864 18.1421 11.5783C18.1421 11.6804 18.0388 11.7366 17.959 11.6804C17.4564 11.2874 16.8928 11.0781 16.2823 11.0423C15.0846 10.9658 14.0561 11.4303 13.2388 12.3644C12.013 13.7478 11.6655 15.4221 12.1539 17.2649C12.6799 19.2506 14.3285 20.634 16.1883 20.5676C16.8365 20.5421 17.4376 20.3787 17.9543 19.9346C18.0294 19.8683 18.1421 19.9244 18.1421 20.0316C18.1421 20.1031 18.1421 20.1745 18.1374 20.246C18.1327 20.3481 18.1562 20.3736 18.2549 20.3736C18.964 20.3685 19.6685 20.3685 20.3777 20.3736C20.4951 20.3736 20.5327 20.3481 20.5327 20.2154C20.5233 17.27 20.528 14.3246 20.528 11.3792ZM18.0529 16.8208C17.7147 17.6069 17.123 17.9898 16.3809 18.0153C15.3148 18.0153 14.4834 17.1985 14.3801 16.0959C14.2862 15.1158 14.6619 14.2736 15.404 13.8499C16.5171 13.2067 17.9871 13.7988 18.222 15.4068C18.2877 15.8917 18.2455 16.3716 18.0529 16.8208Z", fill: "white" })));
+    return (index.h("svg", { width: "143", height: "59", viewBox: "0 0 143 59", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("rect", { width: "143", height: "59", rx: "6", fill: "black" }), index.h("path", { d: "M108.442 22.8223C109.845 22.8978 111.14 23.3402 112.294 24.1816C112.467 24.3 112.714 24.1815 112.714 23.9658V23.6748C112.714 23.416 112.919 23.2112 113.178 23.2109H117.979C118.14 23.2109 118.194 23.2542 118.173 23.4053C118.162 23.4483 118.173 23.502 118.173 23.5449C118.173 29.6727 118.162 35.8115 118.162 41.9824C118.162 42.3167 117.882 42.5867 117.548 42.5869C116.005 42.5761 114.472 42.5761 112.94 42.5869C112.736 42.5868 112.682 42.5326 112.692 42.3281C112.703 42.1663 112.703 42.0144 112.703 41.8525C112.703 41.6263 112.444 41.5083 112.271 41.6484C112.088 41.7993 111.905 41.9283 111.7 42.0469C110.265 42.856 108.712 43.1149 107.094 42.9531C102.746 42.5216 99.4878 39.1021 98.7002 35.0674C98.0313 31.5935 98.8296 28.4751 101.225 25.8428C103.145 23.7391 105.573 22.6604 108.442 22.8223ZM26.6836 22.8359C28.086 22.9115 29.3809 23.3539 30.5352 24.1846C30.7185 24.3031 30.9551 24.1844 30.9551 23.9688V23.4189C30.9551 23.2895 30.9663 23.2139 31.1387 23.2139C32.8432 23.2247 34.5376 23.2139 36.2422 23.2139C36.4037 23.2139 36.4571 23.2573 36.4355 23.4082C36.4249 23.4512 36.4355 23.4942 36.4355 23.5479C36.4355 29.7726 36.4257 35.9979 36.4473 42.2227C36.4473 42.5031 36.3605 42.5576 36.0908 42.5576C34.4619 42.5468 32.8437 42.5468 31.2148 42.5576C30.9885 42.5576 30.9336 42.5035 30.9443 42.2881C30.9551 42.1372 30.9551 41.9859 30.9551 41.835C30.9551 41.6084 30.697 41.4898 30.5244 41.6299C29.3377 42.5684 27.9565 42.9138 26.4678 42.9678C22.1956 43.108 18.4085 40.184 17.2002 35.9873C16.0782 32.0928 16.8768 28.5544 19.6924 25.6309C21.5696 23.6566 23.9326 22.6741 26.6836 22.8359ZM90.043 42.5771C89.9458 42.7711 89.6654 42.7712 89.5684 42.5771C88.9103 41.2071 88.2635 39.8583 87.6162 38.5098C86.9689 37.1612 86.3211 35.8232 85.6738 34.4531C85.5766 34.2485 85.2963 34.2484 85.1992 34.4531C83.8938 37.1718 82.5993 39.8584 81.2939 42.5986C81.1968 42.7928 80.9272 42.8035 80.8193 42.6094C77.3887 36.1256 73.9796 29.6849 70.5381 23.2012H70.8398C72.663 23.2012 74.4972 23.2012 76.3203 23.1904C76.5253 23.1904 76.6227 23.2659 76.709 23.4385C78.1546 26.362 79.611 29.2747 81.0674 32.1982C81.1105 32.2738 81.1433 32.35 81.208 32.4795C81.4777 31.9186 81.7256 31.3898 81.9629 30.8721C82.265 30.2463 82.5563 29.6091 82.8584 28.9834C82.9338 28.8325 82.9339 28.7135 82.8584 28.5518C82.0601 26.8689 81.2611 25.1751 80.4736 23.4814C80.4413 23.406 80.3985 23.3303 80.3662 23.2441C80.4201 23.1688 80.4958 23.2012 80.5605 23.2012C82.1572 23.2012 83.754 23.2012 85.3506 23.1904C85.5338 23.1905 85.6198 23.2552 85.6953 23.417C87.1086 26.3838 88.533 29.3506 89.957 32.3174C89.9678 32.3389 89.9893 32.3604 90.0322 32.4141C90.2587 31.8964 90.4855 31.4112 90.7012 30.915C91.7908 28.4229 92.8919 25.9306 93.9707 23.4385C94.057 23.2445 94.1536 23.1905 94.3584 23.1904C95.955 23.2012 97.5518 23.1904 99.1484 23.1904H99.4404C96.301 29.6742 93.1824 36.1041 90.043 42.5771ZM60.7998 22.9551C62.6122 22.6314 64.4037 22.7285 66.1299 23.4082C68.2228 24.2281 69.6359 25.7608 70.5098 27.7998C71.1462 29.2669 71.4482 30.8205 71.459 32.4062C71.4806 35.6858 71.4696 38.9763 71.4912 42.2559C71.4912 42.5255 71.416 42.5683 71.168 42.5684C69.5713 42.5576 67.9745 42.5576 66.3887 42.5684C66.1298 42.5684 66.0537 42.5147 66.0537 42.2451C66.0645 39.1381 66.0654 36.0309 66.0654 32.9238C66.0654 32.0177 65.9139 31.144 65.4824 30.335C64.1123 27.7673 60.6922 27.5085 58.9121 29.8496C58.2326 30.745 57.9092 31.7698 57.9092 32.8809C57.9092 36.0094 57.9091 39.138 57.9199 42.2666C57.9199 42.5147 57.8545 42.5684 57.6172 42.5684C55.9883 42.5576 54.3486 42.5576 52.7197 42.5684C52.504 42.5684 52.4502 42.5146 52.4502 42.2988C52.461 39.1703 52.4501 36.0417 52.4609 32.9131C52.4609 32.3305 52.4068 31.7476 52.2666 31.1758C51.8673 29.6441 50.5728 28.4903 49.0088 28.2744C46.6031 27.94 45.1574 29.752 44.6826 31.3379C44.51 31.8989 44.4453 32.4711 44.4453 33.0645C44.4453 36.0419 44.4453 39.0303 44.4561 42.0078C44.456 42.3206 44.2074 42.5684 43.8945 42.5684C42.3519 42.5576 40.8093 42.5576 39.2559 42.5684C39.0293 42.5684 38.9863 42.5038 38.9863 42.2988C38.9971 36.0202 38.9971 29.7523 38.9863 23.4736C38.9863 23.2794 39.0186 23.2148 39.2344 23.2148C40.8958 23.2256 42.5574 23.2256 44.2188 23.2148C44.391 23.2149 44.456 23.2468 44.4453 23.4297C44.4345 23.6023 44.4346 23.7649 44.4346 23.9375C44.4348 24.1423 44.6829 24.2612 44.8555 24.1318C47.9301 21.834 53.2263 22.6106 55.5566 25.5449C55.6645 25.6743 55.8589 25.6849 55.9668 25.5664C56.0855 25.4369 56.1938 25.3071 56.3125 25.1885C57.553 23.9372 59.0847 23.2572 60.7998 22.9551ZM125.977 14C126.235 14 126.29 14.0643 126.29 14.3232C126.268 18.973 126.279 23.6227 126.279 28.2725C126.279 32.9222 126.279 37.572 126.29 42.2217C126.29 42.4806 126.246 42.5566 125.966 42.5566C124.336 42.5459 122.696 42.5459 121.067 42.5566C120.863 42.5566 120.819 42.5024 120.819 42.2979C120.83 32.9552 120.83 23.6121 120.819 14.2803C120.819 14.0431 120.895 14 121.11 14C122.729 14.0108 124.358 14.0108 125.977 14ZM31.1387 32.0605C30.5993 28.6623 27.2228 27.4104 24.666 28.7695C22.9615 29.665 22.0987 31.4453 22.3145 33.5166C22.5518 35.8469 24.4612 37.5732 26.9102 37.5732C28.6146 37.5192 29.9743 36.7101 30.751 35.0488C31.1933 34.0995 31.2897 33.0854 31.1387 32.0605ZM112.887 32.1436C112.585 29.4357 110.039 27.6875 107.406 28.3672C105.54 28.8527 104.277 30.2988 104.051 32.3701C103.738 35.1426 105.648 37.5164 108.528 37.5596C110.352 37.5704 111.884 36.556 112.563 34.8838C112.919 34.01 112.995 33.0929 112.887 32.1436Z", fill: "#BEFF00" })));
   }
   render() {
     const iframeUrl = this.createIframeUrl();
@@ -165,7 +170,7 @@ const AmwalWidgetModal = class {
     };
     // Apply layout theme class to container
     const layoutThemeClass = this.layoutState === 'mobile' ? 'force-mobile' : '';
-    return (index.h("div", { class: `amwal-modal-overlay`, "data-amwal-modal": "true", ref: (el) => this.modalRef = el, onClick: this.handleOverlayClick, style: Object.assign(Object.assign({}, (this.locale === 'ar' ? { direction: 'rtl' } : {})), { display: this.isVisible ? 'flex' : 'none' }) }, index.h("div", { class: `amwal-modal-container ${layoutThemeClass} ${getAnimationClass()}`, "data-amwal-content": "true" }, index.h("div", { class: "amwal-header" }, this.renderAmwalLogo(), index.h("div", { class: "amwal-close", onClick: this.closeModal, role: "button", tabindex: "0", "aria-label": this.t('Close modal') })), index.h("div", { class: "amwal-body" }, iframeUrl ? (index.h("iframe", { id: "amwal-iframe", src: iframeUrl, frameBorder: "0", loading: "lazy", allowFullScreen: true, sandbox: "allow-scripts allow-same-origin allow-forms", onLoad: this.handleIframeLoad, onError: this.handleIframeError, style: {
+    return (index.h("div", { class: `amwal-modal-overlay`, "data-amwal-modal": "true", ref: (el) => this.modalRef = el, onClick: this.handleOverlayClick, style: Object.assign(Object.assign({}, (this.locale === 'ar' ? { direction: 'rtl' } : {})), { display: this.isVisible ? 'flex' : 'none' }) }, index.h("div", { class: `amwal-modal-container ${layoutThemeClass} ${getAnimationClass()}`, "data-amwal-content": "true" }, index.h("div", { class: "amwal-header" }, index.h("div", { class: "amwal-header-logo" }, this.renderAmwalLogo()), index.h("div", { class: "amwal-close", onClick: this.closeModal, role: "button", tabindex: "0", "aria-label": this.t('Close modal') })), index.h("div", { class: "amwal-body" }, iframeUrl ? (index.h("iframe", { id: "amwal-iframe", src: iframeUrl, frameBorder: "0", loading: "lazy", allowFullScreen: true, sandbox: "allow-scripts allow-same-origin allow-forms", onLoad: this.handleIframeLoad, onError: this.handleIframeError, style: {
         width: '100%',
         height: '700px',
         border: 'none',
@@ -180,3 +185,5 @@ const AmwalWidgetModal = class {
 AmwalWidgetModal.style = amwalWidgetModalCss;
 
 exports.amwal_widget_modal = AmwalWidgetModal;
+
+//# sourceMappingURL=amwal-widget-modal.cjs.entry.js.map

package/dist/cjs/amwal-widget-modal.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"amwal-widget-modal.entry.cjs.js","mappings":"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","names":["TranslationUtils","h"],"sources":["./src/components/amwal-widget/amwal-widget-modal.css?tag=amwal-widget-modal","./src/components/amwal-widget/amwal-widget-modal.tsx"],"sourcesContent":["/* ==============================================\n   MODAL ANIMATIONS - Enhanced & Organized\n   ============================================== */\n\n/* Animation Variables */\n:root {\n    --amwal-animation-duration-fast: 0.2s;\n    --amwal-animation-duration-normal: 0.4s;\n    --amwal-animation-duration-slow: 0.5s;\n    --amwal-animation-easing-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    --amwal-animation-easing-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    --amwal-animation-easing-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n}\n\n/* Primary Overlay Animation */\n@keyframes amwal-overlay-enter {\n    0% {\n        opacity: 0;\n        backdrop-filter: blur(0px);\n    }\n    100% {\n        opacity: 1;\n        backdrop-filter: blur(4px);\n    }\n}\n\n/* Primary Modal Animation */\n@keyframes amwal-modal-enter {\n    0% {\n        opacity: 0;\n        transform: scale(0.7) translateY(50px);\n        filter: blur(8px);\n    }\n    50% {\n        opacity: 0.8;\n        transform: scale(1.02) translateY(10px);\n        filter: blur(2px);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n        filter: blur(0px);\n    }\n}\n\n/* Alternative Animation Variants */\n@keyframes amwal-modal-slide-up {\n    0% {\n        opacity: 0;\n        transform: translateY(100px) scale(0.95);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n@keyframes amwal-modal-zoom-in {\n    0% {\n        opacity: 0;\n        transform: scale(0.3);\n    }\n    50% {\n        opacity: 0.8;\n        transform: scale(1.05);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@keyframes amwal-modal-fade-in {\n    0% {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* Content Animation Stagger */\n@keyframes amwal-content-stagger {\n    0% {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n/* Utility Animations */\n@keyframes amwal-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes amwal-pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n@keyframes amwal-shake {\n    0%, 100% { transform: translateX(0); }\n    25% { transform: translateX(-5px); }\n    75% { transform: translateX(5px); }\n}\n\n/* ==============================================\n   MODAL OVERLAY STYLES\n   ============================================== */\n\n/* Modal Overlay - Completely Isolated */\n.amwal-modal-overlay {\n    all: initial !important;\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    background: rgba(0, 0, 0, 0.75) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    z-index: 999999 !important;\n    backdrop-filter: blur(4px) !important;\n    animation: amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\n/* CSS Specificity Boosters - Use attribute selectors to increase specificity */\ndiv[data-amwal-modal=\"true\"].amwal-modal-overlay {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    z-index: 999999 !important;\n    background: rgba(0, 0, 0, 0.75) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    animation: amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\ndiv[data-amwal-content=\"true\"].amwal-modal-container {\n    width: 90vw !important;\n    max-width: 900px !important;\n    max-height: 95vh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    background: linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;\n    border-radius: 17px !important;\n    color: #292929 !important;\n    text-align: left !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;\n    animation: amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important;\n}\n\n/* Ultimate fallback with maximum specificity */\nhtml body div[data-amwal-modal=\"true\"].amwal-modal-overlay {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    background: rgb(0 0 0 / 50%) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    z-index: 999999 !important;\n    animation: amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\nhtml body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].amwal-modal-container {\n    width: 90vw !important;\n    max-width: 850px !important;\n    height: 67vh !important;\n    background: linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;\n    border-radius: 17px !important;\n    color: #292929 !important;\n    overflow: hidden !important;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    text-align: left !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    position: relative !important;\n    animation: amwal-modal-enter var(--amwal-animation-duration-slow) var(--amwal-animation-easing-bounce) !important;\n}\n\n/* ==============================================\n   ANIMATION MODIFIERS & VARIANTS\n   ============================================== */\n\n/* Animation variant classes for different modal types */\n.amwal-modal-overlay.amwal-animation-slide {\n    animation: amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\n.amwal-modal-overlay.amwal-animation-slide .amwal-modal-container {\n    animation: amwal-modal-slide-up var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\n.amwal-modal-overlay.amwal-animation-zoom {\n    animation: amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\n.amwal-modal-overlay.amwal-animation-zoom .amwal-modal-container {\n    animation: amwal-modal-zoom-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-bounce) !important;\n}\n\n.amwal-modal-overlay.amwal-animation-fade {\n    animation: amwal-overlay-enter var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\n.amwal-modal-overlay.amwal-animation-fade .amwal-modal-container {\n    animation: amwal-modal-fade-in var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n    .amwal-modal-overlay,\n    .amwal-modal-container,\n    div[data-amwal-modal=\"true\"].amwal-modal-overlay,\n    div[data-amwal-content=\"true\"].amwal-modal-container {\n        animation: amwal-modal-fade-in 0.2s ease !important;\n    }\n\n    .amwal-spinner {\n        animation: none !important;\n    }\n}\n\n/* High contrast mode */\n@media (prefers-contrast: more) {\n    .amwal-modal-overlay {\n        background: rgba(0, 0, 0, 0.9) !important;\n        backdrop-filter: none !important;\n    }\n}\n\n/* ==============================================\n   DEPRECATED ANIMATIONS (Backwards Compatibility)\n   ============================================== */\n\n@keyframes amwal-overlay-fade-in {\n    0% {\n        opacity: 0;\n        backdrop-filter: blur(0px);\n    }\n    100% {\n        opacity: 1;\n        backdrop-filter: blur(4px);\n    }\n}\n\n@keyframes amwal-modal-scale-in {\n    0% {\n        opacity: 0;\n        transform: scale(0.7) translateY(50px);\n        filter: blur(8px);\n    }\n    50% {\n        opacity: 0.8;\n        transform: scale(1.02) translateY(10px);\n        filter: blur(2px);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n        filter: blur(0px);\n    }\n}\n\n@keyframes amwal-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes amwal-slide-up {\n    from {\n        opacity: 0;\n        transform: translateY(30px) scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n/* Modal Container - Override any conflicting modal styles */\n.amwal-modal-overlay .amwal-modal-container,\ndiv.amwal-modal-overlay div.amwal-modal-container {\n    all: initial !important;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    width: 90vw;\n    max-width: 800px;\n    max-height: 90vh;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    background: linear-gradient(to bottom, #e8f4ef, #f5faf7) !important;\n    border-radius: 17px !important;\n    color: #292929 !important;\n    overflow: hidden !important;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    animation: amwal-modal-scale-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n    text-align: left !important;\n    position: relative !important;\n    top: unset !important;\n    left: unset !important;\n    right: unset !important;\n    bottom: unset !important;\n    transform: none !important;\n}\n\n/* Modal Header */\n.amwal-modal-container .amwal-header {\n    all: initial !important;\n    display: flex !important;\n    justify-content: flex-end !important;\n    align-items: center !important;\n    padding: 16px 20px 8px 20px !important;\n    background: inherit !important;\n    font-family: inherit !important;\n    flex-shrink: 0 !important;\n    position: relative !important;\n}\n\n.amwal-modal-container .amwal-header-logo {\n    position: absolute !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    display: flex !important;\n    align-items: center !important;\n    pointer-events: none !important;\n}\n\n.amwal-modal-container .amwal-header-logo > svg {\n    width: 86px !important;\n    height: 35px !important;\n}\n\n.amwal-modal-container .amwal-close {\n    all: initial !important;\n    position: relative !important;\n    cursor: pointer !important;\n    width: 24px !important;\n    height: 24px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border-radius: 50% !important;\n    transition: background-color 0.2s ease !important;\n    padding: 4px !important;\n}\n\n.amwal-modal-container .amwal-close:hover {\n    background-color: rgba(0, 0, 0, 0.1) !important;\n}\n\n.amwal-modal-container .amwal-close:before,\n.amwal-modal-container .amwal-close:after {\n    content: '' !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    width: 16px !important;\n    height: 2px !important;\n    background-color: #3e3e3e !important;\n    border-radius: 1px !important;\n    transform-origin: center !important;\n}\n\n.amwal-modal-container .amwal-close:before {\n    transform: translate(-50%, -50%) rotate(45deg) !important;\n}\n\n.amwal-modal-container .amwal-close:after {\n    transform: translate(-50%, -50%) rotate(-45deg) !important;\n}\n\n/* Modal Body */\n.amwal-modal-container .amwal-body {\n    all: initial !important;\n    flex: 1 !important;\n    padding: 0 20px 20px 20px !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n}\n\n/* Iframe */\n#amwal-iframe {\n    width: 100% !important;\n    height: 62.3vh !important;\n    border: none !important;\n    display: block !important;\n}\n\n/* Loading Indicator - Enhanced centering */\n.amwal-loading-indicator {\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 16px !important;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    color: #666 !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    z-index: 10 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background: rgba(255, 255, 255, 0.9) !important;\n    backdrop-filter: blur(2px) !important;\n}\n\n/* Spinner - Updated styles */\n.amwal-spinner {\n    width: 40px !important;\n    height: 40px !important;\n    border: 4px solid #f0f0f0 !important;\n    border-top: 4px solid #4666f5 !important;\n    border-radius: 50% !important;\n    animation: amwal-spin 1s linear infinite !important;\n    flex-shrink: 0 !important;\n}\n\n/* Error Message */\n.amwal-error-message {\n    padding: 40px 20px !important;\n    text-align: center !important;\n    color: #e74c3c !important;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    font-size: 16px !important;\n    background: #fff !important;\n    border-radius: 8px !important;\n    margin: 20px !important;\n    border: 1px solid #e74c3c !important;\n}\n\n/* ==============================================\n   RTL SUPPORT FOR MODAL\n   ============================================== */\n\n/* RTL Modal Overlay */\n[dir=\"rtl\"] .amwal-modal-overlay,\n[dir=\"rtl\"] div[data-amwal-modal=\"true\"].amwal-modal-overlay {\n    direction: rtl !important;\n}\n\n/* RTL Modal Container */\n[dir=\"rtl\"] .amwal-modal-container,\n[dir=\"rtl\"] div[data-amwal-content=\"true\"].amwal-modal-container {\n    text-align: right !important;\n    direction: rtl !important;\n}\n\n/* RTL Modal Header */\n[dir=\"rtl\"] .amwal-modal-container .amwal-header {\n    flex-direction: row-reverse !important;\n    padding: 16px 20px 8px 20px !important;\n}\n\n/* RTL Modal Body */\n[dir=\"rtl\"] .amwal-modal-container .amwal-body {\n    direction: rtl !important;\n    text-align: right !important;\n}\n\n/* RTL Close Button */\n[dir=\"rtl\"] .amwal-modal-container .amwal-close {\n    /* Close button stays on the left in RTL for consistency with UI patterns */\n    order: -1 !important;\n}\n\n/* RTL Error Message */\n[dir=\"rtl\"] .amwal-error-message {\n    text-align: right !important;\n    direction: rtl !important;\n}\n\n/* RTL Iframe Container */\n[dir=\"rtl\"] .amwal-modal-container .amwal-body iframe {\n    direction: rtl !important;\n}\n\n/* RTL Animation Adjustments */\n@keyframes amwal-modal-slide-up-rtl {\n    0% {\n        opacity: 0;\n        transform: translateY(100px) scale(0.95);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n[dir=\"rtl\"] .amwal-modal-overlay.amwal-animation-slide .amwal-modal-container {\n    animation: amwal-modal-slide-up-rtl var(--amwal-animation-duration-normal) var(--amwal-animation-easing-smooth) !important;\n}\n\n/* RTL Responsive Design */\n@media only screen and (max-width: 768px) {\n    [dir=\"rtl\"] .amwal-modal-container .amwal-header {\n        padding: 12px 16px 6px 16px !important;\n    }\n\n    [dir=\"rtl\"] .amwal-modal-container .amwal-body {\n        padding: 0 16px 16px 16px !important;\n    }\n}\n\n@media only screen and (max-width: 480px) {\n    [dir=\"rtl\"] .amwal-modal-container {\n        margin: 10px !important;\n        border-radius: 12px !important;\n    }\n\n    [dir=\"rtl\"] .amwal-modal-container .amwal-header {\n        padding: 10px 12px 4px 12px !important;\n    }\n\n    [dir=\"rtl\"] .amwal-modal-container .amwal-body {\n        padding: 0 12px 12px 12px !important;\n    }\n}\n\n/* Comprehensive protection against theme modal CSS conflicts */\n.amwal-modal-overlay *[class*=\"modal\"],\n.amwal-modal-overlay .modal,\n.amwal-modal-overlay .modal-dialog,\n.amwal-modal-overlay .modal-content,\n.amwal-modal-overlay .modal-header,\n.amwal-modal-overlay .modal-body,\n.amwal-modal-overlay .modal-footer,\ndiv.amwal-modal-overlay *[class*=\"modal\"],\ndiv.amwal-modal-overlay .modal,\ndiv.amwal-modal_overlay .modal-dialog,\ndiv.amwal-modal_overlay .modal-content,\ndiv.amwal-modal_overlay .modal-header,\ndiv.amwal-modal_overlay .modal-body,\ndiv.amwal-modal_overlay .modal-footer {\n    all: unset !important;\n    box-sizing: border-box !important;\n    display: block !important;\n    position: static !important;\n    width: auto !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    background: transparent !important;\n    color: inherit !important;\n    font-family: inherit !important;\n    font-size: inherit !important;\n    font-weight: inherit !important;\n    line-height: inherit !important;\n    text-align: inherit !important;\n    text-decoration: none !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    white-space: normal !important;\n    vertical-align: baseline !important;\n    list-style: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n    border-radius: 0 !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    overflow: visible !important;\n    z-index: auto !important;\n    transform: none !important;\n    transition: none !important;\n    animation: none !important;\n    float: none !important;\n    clear: none !important;\n}\n\n/* Prevent theme interference */\n.amwal-modal-overlay,\n.amwal-modal-overlay *,\ndiv.amwal-modal-overlay,\ndiv.amwal-modal-overlay * {\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    filter: none !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    animation-delay: 0s !important;\n    animation-duration: 0.3s !important;\n    animation-fill-mode: both !important;\n    float: none !important;\n    clear: none !important;\n    position: relative !important;\n}\n\n/* Fix overlay positioning */\n.amwal-modal-overlay {\n    position: fixed !important;\n    z-index: 999999 !important;\n}\n\n.amwal-modal-overlay .amwal-modal-container {\n    position: relative !important;\n}\n\nhtml body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].force-mobile {\n    max-width: 475px !important;\n    width: 100% !important;\n    container-type: inline-size !important;\n    container-name: amwal-modal !important;\n}\n\n@supports not (container-type: inline-size) {\n    html body div[data-amwal-modal=\"true\"].amwal-modal-overlay div[data-amwal-content=\"true\"].force-mobile {\n        max-width: 475px !important;\n    }\n}","import {Component, h, Prop, Event, EventEmitter, Listen, State, Watch} from '@stencil/core';\nimport {WidgetConfig} from './amwal-widget';\nimport {TranslationUtils} from '../../lang/i18n';\n\n@Component({\n    tag: 'amwal-widget-modal',\n    styleUrl: 'amwal-widget-modal.css',\n    shadow: false\n})\nexport class AmwalWidgetModal {\n    /**\n     * Widget configuration including price, installments, and URL\n     */\n    @Prop() config: WidgetConfig;\n\n    /**\n     * The language of the plugin. Supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = \"en\";\n\n    /**\n     * Enable debug mode for additional console logs\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Animation type for modal entrance\n     */\n    @Prop() animationType: 'default' | 'slide' | 'zoom' | 'fade' = 'default';\n\n    /**\n     * Disable animations (useful for testing or accessibility)\n     */\n    @Prop() disableAnimations: boolean = false;\n    @Prop() layoutTheme: 'mobile' | 'desktop' = 'mobile';\n\n    @State() iframeLoaded: boolean = false;\n    @State() isVisible: boolean = true;\n    @State() isClosing: boolean = false;\n    @State() layoutState: 'mobile' | 'desktop' = 'mobile';\n\n    @Event() modalClose: EventEmitter<void>;\n\n    private modalRef?: HTMLDivElement;\n    private animationTimeoutId?: number;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val;\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        // Initialize the translation function when component loads\n        this.layoutState = this.layoutTheme;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n    }\n\n    componentDidLoad() {\n        // Prevent body scroll\n        document.body.style.overflow = 'hidden';\n        // Add history entry for back button support\n        if (window.history && window.history.pushState) {\n            window.history.pushState({amwalModal: true}, '');\n        }\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Modal opened with config:', this.config);\n            console.log('[AmwalWidgetModal] Layout theme:', this.layoutTheme);\n            console.log('[AmwalWidgetModal] Layout state:', this.layoutState);\n            console.log('[AmwalWidgetModal] Animation type:', this.animationType);\n            console.log('[AmwalWidgetModal] Disable animations:', this.disableAnimations);\n        }\n    }\n\n    disconnectedCallback() {\n        // Restore body scroll\n        document.body.style.overflow = '';\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Modal closed');\n        }\n    }\n\n    /**\n     *  Watcher to log layout theme changes for debugging\n     */\n    @Watch('layoutTheme')\n    onLayoutThemeChange(newValue: 'mobile' | 'desktop') {\n        this.layoutState = newValue;\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            this.t = (val) => val;\n        }\n    }\n\n    @Listen('keydown', {target: 'document'})\n    handleKeyDown(event: KeyboardEvent) {\n        if (event.key === 'Escape' || event.keyCode === 27) {\n            this.closeModal();\n        }\n    }\n\n    @Listen('popstate', {target: 'window'})\n    handlePopState() {\n        // Handle browser back button\n        this.closeModal();\n    }\n\n    @Listen('message', {target: 'window'})\n    handleIframeMessage(event: MessageEvent) {\n        if (event.data === 'dismiss') {\n            this.closeModal();\n        }\n    }\n\n    private closeModal = () => {\n        this.isClosing = true;\n        this.modalClose.emit();\n\n        // Go back in history if we added an entry\n        if (window.history && window.history.back) {\n            window.history.back();\n        }\n\n        // Clear animation timeout if it exists\n        if (this.animationTimeoutId) {\n            clearTimeout(this.animationTimeoutId);\n            this.animationTimeoutId = undefined;\n        }\n\n        // Remove modal from DOM after animation duration\n        this.animationTimeoutId = window.setTimeout(() => {\n            this.isVisible = false;\n        }, 300); // Match this duration with the CSS animation duration\n    }\n\n    private handleOverlayClick = (event: MouseEvent) => {\n        if (event.target === this.modalRef) {\n            this.closeModal();\n        }\n    }\n\n    private createIframeUrl(): string {\n        if (!this.config?.promotionUrl) {\n            console.error('AmwalWidgetModal: No promotion URL provided');\n            return '';\n        }\n\n        const baseUrl = this.config.promotionUrl;\n        const params = new URLSearchParams();\n\n        const installmentPrice = this.config.price;\n\n        params.set('price', installmentPrice.toFixed(2));\n        params.set('currency', this.config.currency);\n        params.set('installmentsCount', this.config.installmentsCount.toString());\n        params.set('locale', this.config.locale || document.documentElement.lang || 'en');\n\n        const finalUrl = `${baseUrl}?${params.toString()}`;\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Generated iframe URL:', finalUrl);\n        }\n\n        return finalUrl;\n    }\n\n    private handleIframeLoad = () => {\n        this.iframeLoaded = true;\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Iframe loaded successfully');\n        }\n    }\n\n    private handleIframeError = () => {\n        console.error('AmwalWidgetModal: Failed to load iframe content');\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Iframe failed to load');\n        }\n    }\n\n    private renderAmwalLogo() {\n        return (\n            <svg width=\"143\" height=\"59\" viewBox=\"0 0 143 59\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"143\" height=\"59\" rx=\"6\" fill=\"black\"/>\n                <path d=\"M108.442 22.8223C109.845 22.8978 111.14 23.3402 112.294 24.1816C112.467 24.3 112.714 24.1815 112.714 23.9658V23.6748C112.714 23.416 112.919 23.2112 113.178 23.2109H117.979C118.14 23.2109 118.194 23.2542 118.173 23.4053C118.162 23.4483 118.173 23.502 118.173 23.5449C118.173 29.6727 118.162 35.8115 118.162 41.9824C118.162 42.3167 117.882 42.5867 117.548 42.5869C116.005 42.5761 114.472 42.5761 112.94 42.5869C112.736 42.5868 112.682 42.5326 112.692 42.3281C112.703 42.1663 112.703 42.0144 112.703 41.8525C112.703 41.6263 112.444 41.5083 112.271 41.6484C112.088 41.7993 111.905 41.9283 111.7 42.0469C110.265 42.856 108.712 43.1149 107.094 42.9531C102.746 42.5216 99.4878 39.1021 98.7002 35.0674C98.0313 31.5935 98.8296 28.4751 101.225 25.8428C103.145 23.7391 105.573 22.6604 108.442 22.8223ZM26.6836 22.8359C28.086 22.9115 29.3809 23.3539 30.5352 24.1846C30.7185 24.3031 30.9551 24.1844 30.9551 23.9688V23.4189C30.9551 23.2895 30.9663 23.2139 31.1387 23.2139C32.8432 23.2247 34.5376 23.2139 36.2422 23.2139C36.4037 23.2139 36.4571 23.2573 36.4355 23.4082C36.4249 23.4512 36.4355 23.4942 36.4355 23.5479C36.4355 29.7726 36.4257 35.9979 36.4473 42.2227C36.4473 42.5031 36.3605 42.5576 36.0908 42.5576C34.4619 42.5468 32.8437 42.5468 31.2148 42.5576C30.9885 42.5576 30.9336 42.5035 30.9443 42.2881C30.9551 42.1372 30.9551 41.9859 30.9551 41.835C30.9551 41.6084 30.697 41.4898 30.5244 41.6299C29.3377 42.5684 27.9565 42.9138 26.4678 42.9678C22.1956 43.108 18.4085 40.184 17.2002 35.9873C16.0782 32.0928 16.8768 28.5544 19.6924 25.6309C21.5696 23.6566 23.9326 22.6741 26.6836 22.8359ZM90.043 42.5771C89.9458 42.7711 89.6654 42.7712 89.5684 42.5771C88.9103 41.2071 88.2635 39.8583 87.6162 38.5098C86.9689 37.1612 86.3211 35.8232 85.6738 34.4531C85.5766 34.2485 85.2963 34.2484 85.1992 34.4531C83.8938 37.1718 82.5993 39.8584 81.2939 42.5986C81.1968 42.7928 80.9272 42.8035 80.8193 42.6094C77.3887 36.1256 73.9796 29.6849 70.5381 23.2012H70.8398C72.663 23.2012 74.4972 23.2012 76.3203 23.1904C76.5253 23.1904 76.6227 23.2659 76.709 23.4385C78.1546 26.362 79.611 29.2747 81.0674 32.1982C81.1105 32.2738 81.1433 32.35 81.208 32.4795C81.4777 31.9186 81.7256 31.3898 81.9629 30.8721C82.265 30.2463 82.5563 29.6091 82.8584 28.9834C82.9338 28.8325 82.9339 28.7135 82.8584 28.5518C82.0601 26.8689 81.2611 25.1751 80.4736 23.4814C80.4413 23.406 80.3985 23.3303 80.3662 23.2441C80.4201 23.1688 80.4958 23.2012 80.5605 23.2012C82.1572 23.2012 83.754 23.2012 85.3506 23.1904C85.5338 23.1905 85.6198 23.2552 85.6953 23.417C87.1086 26.3838 88.533 29.3506 89.957 32.3174C89.9678 32.3389 89.9893 32.3604 90.0322 32.4141C90.2587 31.8964 90.4855 31.4112 90.7012 30.915C91.7908 28.4229 92.8919 25.9306 93.9707 23.4385C94.057 23.2445 94.1536 23.1905 94.3584 23.1904C95.955 23.2012 97.5518 23.1904 99.1484 23.1904H99.4404C96.301 29.6742 93.1824 36.1041 90.043 42.5771ZM60.7998 22.9551C62.6122 22.6314 64.4037 22.7285 66.1299 23.4082C68.2228 24.2281 69.6359 25.7608 70.5098 27.7998C71.1462 29.2669 71.4482 30.8205 71.459 32.4062C71.4806 35.6858 71.4696 38.9763 71.4912 42.2559C71.4912 42.5255 71.416 42.5683 71.168 42.5684C69.5713 42.5576 67.9745 42.5576 66.3887 42.5684C66.1298 42.5684 66.0537 42.5147 66.0537 42.2451C66.0645 39.1381 66.0654 36.0309 66.0654 32.9238C66.0654 32.0177 65.9139 31.144 65.4824 30.335C64.1123 27.7673 60.6922 27.5085 58.9121 29.8496C58.2326 30.745 57.9092 31.7698 57.9092 32.8809C57.9092 36.0094 57.9091 39.138 57.9199 42.2666C57.9199 42.5147 57.8545 42.5684 57.6172 42.5684C55.9883 42.5576 54.3486 42.5576 52.7197 42.5684C52.504 42.5684 52.4502 42.5146 52.4502 42.2988C52.461 39.1703 52.4501 36.0417 52.4609 32.9131C52.4609 32.3305 52.4068 31.7476 52.2666 31.1758C51.8673 29.6441 50.5728 28.4903 49.0088 28.2744C46.6031 27.94 45.1574 29.752 44.6826 31.3379C44.51 31.8989 44.4453 32.4711 44.4453 33.0645C44.4453 36.0419 44.4453 39.0303 44.4561 42.0078C44.456 42.3206 44.2074 42.5684 43.8945 42.5684C42.3519 42.5576 40.8093 42.5576 39.2559 42.5684C39.0293 42.5684 38.9863 42.5038 38.9863 42.2988C38.9971 36.0202 38.9971 29.7523 38.9863 23.4736C38.9863 23.2794 39.0186 23.2148 39.2344 23.2148C40.8958 23.2256 42.5574 23.2256 44.2188 23.2148C44.391 23.2149 44.456 23.2468 44.4453 23.4297C44.4345 23.6023 44.4346 23.7649 44.4346 23.9375C44.4348 24.1423 44.6829 24.2612 44.8555 24.1318C47.9301 21.834 53.2263 22.6106 55.5566 25.5449C55.6645 25.6743 55.8589 25.6849 55.9668 25.5664C56.0855 25.4369 56.1938 25.3071 56.3125 25.1885C57.553 23.9372 59.0847 23.2572 60.7998 22.9551ZM125.977 14C126.235 14 126.29 14.0643 126.29 14.3232C126.268 18.973 126.279 23.6227 126.279 28.2725C126.279 32.9222 126.279 37.572 126.29 42.2217C126.29 42.4806 126.246 42.5566 125.966 42.5566C124.336 42.5459 122.696 42.5459 121.067 42.5566C120.863 42.5566 120.819 42.5024 120.819 42.2979C120.83 32.9552 120.83 23.6121 120.819 14.2803C120.819 14.0431 120.895 14 121.11 14C122.729 14.0108 124.358 14.0108 125.977 14ZM31.1387 32.0605C30.5993 28.6623 27.2228 27.4104 24.666 28.7695C22.9615 29.665 22.0987 31.4453 22.3145 33.5166C22.5518 35.8469 24.4612 37.5732 26.9102 37.5732C28.6146 37.5192 29.9743 36.7101 30.751 35.0488C31.1933 34.0995 31.2897 33.0854 31.1387 32.0605ZM112.887 32.1436C112.585 29.4357 110.039 27.6875 107.406 28.3672C105.54 28.8527 104.277 30.2988 104.051 32.3701C103.738 35.1426 105.648 37.5164 108.528 37.5596C110.352 37.5704 111.884 36.556 112.563 34.8838C112.919 34.01 112.995 33.0929 112.887 32.1436Z\" fill=\"#BEFF00\"/>\n            </svg>\n        );\n    }\n\n    render() {\n        const iframeUrl = this.createIframeUrl();\n\n        // Determine animation class based on animationType\n        const getAnimationClass = () => {\n            if (this.disableAnimations) return '';\n            switch (this.animationType) {\n                case 'slide':\n                    return 'amwal-animation-slide';\n                case 'zoom':\n                    return 'amwal-animation-zoom';\n                case 'fade':\n                    return 'amwal-animation-fade';\n                default:\n                    return '';\n            }\n        };\n\n        // Apply layout theme class to container\n        const layoutThemeClass = this.layoutState === 'mobile' ? 'force-mobile' : '';\n        return (\n            <div\n                class={`amwal-modal-overlay`}\n                data-amwal-modal=\"true\"\n                ref={(el) => this.modalRef = el}\n                onClick={this.handleOverlayClick}\n                style={{\n                    ...(this.locale === 'ar' ? {direction: 'rtl'} : {}),\n                    display: this.isVisible ? 'flex' : 'none'\n                }}\n            >\n                <div\n                    class={`amwal-modal-container ${layoutThemeClass} ${getAnimationClass()}`}\n                    data-amwal-content=\"true\">\n                    <div class=\"amwal-header\">\n                        <div class=\"amwal-header-logo\">\n                            {this.renderAmwalLogo()}\n                        </div>\n                        <div\n                            class=\"amwal-close\"\n                            onClick={this.closeModal}\n                            role=\"button\"\n                            tabindex=\"0\"\n                            aria-label={this.t('Close modal')}\n                        ></div>\n                    </div>\n                    <div class=\"amwal-body\">\n                        {iframeUrl ? (\n                            <iframe\n                                id=\"amwal-iframe\"\n                                src={iframeUrl}\n                                frameBorder=\"0\"\n                                loading=\"lazy\"\n                                allowFullScreen={true}\n                                sandbox=\"allow-scripts allow-same-origin allow-forms\"\n                                onLoad={this.handleIframeLoad}\n                                onError={this.handleIframeError}\n                                style={{\n                                    width: '100%',\n                                    height: '700px',\n                                    border: 'none',\n                                    display: 'block'\n                                }}\n                            />\n                        ) : (\n                            <div class=\"amwal-error-message\">\n                                {this.t('Unable to load content. Please try again later.')}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\n"],"version":3}

package/dist/cjs/amwal-widget.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7522b3a9.js');
 const i18n = require('./i18n-18ad02d5.js');
 
-const amwalWidgetCss = ".amwal-reset,.amwal-reset *,.amwal-reset *::before,.amwal-reset *::after{margin:0 !important;padding:0 !important;border:0 !important;vertical-align:baseline !important;box-sizing:border-box !important;background:transparent !important;text-decoration:none !important;list-style:none !important;outline:none !important;-webkit-tap-highlight-color:transparent !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-size:100% !important;font-weight:normal !important;font-style:normal !important;font-variant:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;line-height:normal !important}.amwal-widget-container{font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;box-sizing:border-box !important;position:relative !important;font-size:16px !important;font-weight:normal !important;font-style:normal !important;line-height:1.4 !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;color:#222 !important}.amwal-widget-container,.amwal-widget-container *{font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important}.amwal-promo,.amwal-promo *{font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important}.amwal-widget-container.show-badge::before{position:absolute !important;top:-8px !important;background:linear-gradient(135deg, #F4C542, #E8A91F) !important;color:#333 !important;padding:4px 12px !important;border-radius:12px !important;font-size:10px !important;font-weight:600 !important;z-index:1001 !important;box-shadow:0 2px 4px rgba(255, 215, 0, 0.4) !important;text-shadow:0 1px 0 rgba(0, 0, 0, 0.1) !important;white-space:nowrap !important}.amwal-widget-container:not([dir=\"rtl\"]).show-badge::before{content:\"Sharia Compliant\" !important;left:12px !important}.amwal-widget-container[dir=\"rtl\"].show-badge::before{content:\"متوافق مع الشريعة\" !important;right:12px !important;left:auto !important}.amwal-promo{all:initial !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;cursor:pointer !important;box-sizing:border-box !important;position:relative !important;padding:14px 18px !important;border-radius:10px !important;border:1px solid #e1e5e9 !important;background:#fff !important;color:#222 !important;min-width:270px !important;max-width:min(600px, 90vw) !important;margin:10px 0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;z-index:1000 !important;transition:all 0.2s ease !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) !important;text-align:left !important;direction:ltr !important;font-size:16px !important;font-weight:normal !important;font-style:normal !important;line-height:1.4 !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important}.amwal-promo[dir=\"rtl\"]{direction:rtl !important;text-align:right !important}.amwal-promo:hover{border-color:#000 !important;transform:translateY(-1px) !important}.amwal-promo.green-border:hover{border-color:#000 !important}.amwal-promo.green-border::after{position:absolute !important;top:-6px !important;background:#229E57 !important;color:white !important;padding:3px 8px !important;border-radius:8px !important;font-size:9px !important;font-weight:600 !important;box-shadow:0 1px 3px rgba(0, 200, 81, 0.3) !important;z-index:1 !important;white-space:nowrap !important}.amwal-promo:not([dir=\"rtl\"]).green-border::after{content:\"0% Interest\" !important;right:-6px !important}.amwal-promo[dir=\"rtl\"].green-border::after{content:\"فائدة 0%\" !important;left:-6px !important;right:auto !important}.amwal-logo{position:static !important;width:68px !important;height:auto !important;flex-shrink:0 !important;margin-inline-end:14px !important}.amwal-promo[dir=\"rtl\"] .amwal-logo{margin-inline-end:0 !important;margin-inline-start:14px !important;order:2 !important}.amwal-promo-content{display:flex !important;align-items:center !important;flex-grow:1 !important;font-family:inherit !important;direction:inherit !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-content{flex-direction:row-reverse !important}.amwal-promo-text{font-weight:600 !important;font-size:16px !important;color:#222 !important;line-height:1.4 !important;direction:inherit !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important}.amwal-promo-text-container{display:flex !important;flex-direction:column !important;gap:2px !important;flex-grow:1 !important;direction:inherit !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-text-container{text-align:right !important;margin-right:15px !important}.amwal-installments-count{font-weight:700 !important;font-size:16px !important;color:#4666f5 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}.amwal-link{color:#4666f5 !important;text-decoration:underline !important;font-size:16px !important;white-space:nowrap !important;font-weight:600 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;line-height:1.4 !important}.amwal-monthly-payment{font-size:13px !important;font-weight:500 !important;color:#666 !important;margin-top:2px !important;display:inline-block !important;direction:inherit !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}.amwal-savings-text{font-size:14px !important;font-weight:500 !important;color:#00c851 !important;margin-top:2px !important;display:inline-block !important;direction:inherit !important;background-color:#e6f9e6 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}.amwal-payment-savings-container{display:flex !important;align-items:center !important;gap:8px !important;margin-top:2px !important;direction:inherit !important;flex-wrap:wrap !important}.amwal-widget-container[dir=\"rtl\"] .amwal-payment-savings-container{flex-direction:row !important}.amwal-promo.loading{opacity:0.7 !important;pointer-events:none !important;cursor:default !important}.amwal-social-proof{font-size:12px !important;color:#999 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-weight:normal !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}@media only screen and (max-width: 768px){.amwal-promo{max-width:100% !important;padding:12px 15px !important;width:100% !important;margin:8px 0 !important;min-width:280px !important}.amwal-logo{width:60px !important;margin-inline-end:12px !important}.amwal-promo[dir=\"rtl\"] .amwal-logo{margin-inline-start:12px !important}.amwal-promo-text{font-size:14px !important;margin-top:5px !important}.amwal-installments-count{font-size:14px !important}.amwal-link{font-size:14px !important}.amwal-monthly-payment{font-size:12px !important}.amwal-savings-text{font-size:11px !important}}@media only screen and (max-width: 480px){.amwal-promo{padding:10px 12px !important;min-width:260px !important}.amwal-logo{width:55px !important;margin-inline-end:10px !important}.amwal-promo[dir=\"rtl\"] .amwal-logo{margin-inline-start:10px !important}.amwal-promo-text{font-size:13px !important}.amwal-installments-count{font-size:13px !important}.amwal-link{font-size:13px !important}.amwal-monthly-payment{font-size:11px !important}.amwal-savings-text{font-size:10px !important}.amwal-social-proof{font-size:10px !important}}@media (prefers-contrast: more){.amwal-promo{border:2px solid #000 !important;background:#fff !important;color:#000 !important}.amwal-promo-text{color:#000 !important}.amwal-link{color:#0000ff !important}}@media (prefers-reduced-motion: reduce){.amwal-promo{transition:none !important}.amwal-promo:hover{transform:none !important}}.amwal-widget-container,.amwal-widget-container *,.amwal-promo,.amwal-promo *{text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;filter:none !important;opacity:1 !important;visibility:visible !important;float:none !important;clear:none !important;z-index:1 !important}.amwal-widget-container[dir=\"rtl\"] .amwal-installments-count,.amwal-widget-container[dir=\"rtl\"] .amwal-monthly-payment,.amwal-widget-container[dir=\"rtl\"] .amwal-savings-text{font-feature-settings:\"lnum\" 1 !important;unicode-bidi:embed !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-text{unicode-bidi:embed !important;text-align:right !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-text,.amwal-promo[dir=\"rtl\"] .amwal-monthly-payment,.amwal-promo[dir=\"rtl\"] .amwal-savings-text{word-spacing:0.3em !important}";
+const amwalWidgetCss = ".amwal-reset,.amwal-reset *,.amwal-reset *::before,.amwal-reset *::after{margin:0 !important;padding:0 !important;border:0 !important;vertical-align:baseline !important;box-sizing:border-box !important;background:transparent !important;text-decoration:none !important;list-style:none !important;outline:none !important;-webkit-tap-highlight-color:transparent !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-size:100% !important;font-weight:normal !important;font-style:normal !important;font-variant:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;line-height:normal !important}.amwal-widget-container{font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;box-sizing:border-box !important;position:relative !important;font-size:16px !important;font-weight:normal !important;font-style:normal !important;line-height:1.4 !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;color:#222 !important}.amwal-widget-container,.amwal-widget-container *{font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important}.amwal-promo,.amwal-promo *{font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important}.amwal-widget-container.show-badge::before{position:absolute !important;top:-8px !important;background:linear-gradient(135deg, #F4C542, #E8A91F) !important;color:#333 !important;padding:4px 12px !important;border-radius:12px !important;font-size:10px !important;font-weight:600 !important;z-index:1001 !important;box-shadow:0 2px 4px rgba(255, 215, 0, 0.4) !important;text-shadow:0 1px 0 rgba(0, 0, 0, 0.1) !important;white-space:nowrap !important}.amwal-widget-container:not([dir=\"rtl\"]).show-badge::before{content:\"Sharia Compliant\" !important;left:12px !important}.amwal-widget-container[dir=\"rtl\"].show-badge::before{content:\"متوافق مع الشريعة\" !important;right:12px !important;left:auto !important}.amwal-promo{all:initial !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;cursor:pointer !important;box-sizing:border-box !important;position:relative !important;padding:14px 18px !important;border-radius:10px !important;border:1px solid #e1e5e9 !important;background:#fff !important;color:#222 !important;min-width:270px !important;max-width:min(600px, 90vw) !important;margin:10px 0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;z-index:1000 !important;transition:all 0.2s ease !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) !important;text-align:left !important;direction:ltr !important;font-size:16px !important;font-weight:normal !important;font-style:normal !important;line-height:1.4 !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important}.amwal-promo[dir=\"rtl\"]{direction:rtl !important;text-align:right !important}.amwal-promo:hover{border-color:#000 !important;transform:translateY(-1px) !important}.amwal-promo.green-border:hover{border-color:#000 !important}.amwal-promo.green-border::after{position:absolute !important;top:-6px !important;background:#229E57 !important;color:white !important;padding:3px 8px !important;border-radius:8px !important;font-size:9px !important;font-weight:600 !important;box-shadow:0 1px 3px rgba(0, 200, 81, 0.3) !important;z-index:1 !important;white-space:nowrap !important}.amwal-promo:not([dir=\"rtl\"]).green-border::after{content:\"0% Interest\" !important;right:-6px !important}.amwal-promo[dir=\"rtl\"].green-border::after{content:\"فائدة 0%\" !important;left:-6px !important;right:auto !important}.amwal-logo{position:static !important;width:68px !important;height:auto !important;flex-shrink:0 !important;margin-inline-start:14px !important}.amwal-promo-content{display:flex !important;align-items:center !important;flex-grow:1 !important;flex-direction:row-reverse !important;font-family:inherit !important;direction:inherit !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-content{flex-direction:row !important}.amwal-promo[dir=\"rtl\"] .amwal-logo{margin-inline-start:0 !important;margin-inline-end:14px !important}.amwal-promo-text{font-weight:600 !important;font-size:16px !important;color:#222 !important;line-height:1.4 !important;direction:inherit !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important}.amwal-promo-text-container{display:flex !important;flex-direction:column !important;gap:2px !important;flex-grow:1 !important;direction:inherit !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-text-container{text-align:right !important}.amwal-installments-count{font-weight:700 !important;font-size:16px !important;color:#4666f5 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}.amwal-link{color:#4666f5 !important;text-decoration:underline !important;font-size:16px !important;white-space:nowrap !important;font-weight:600 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;line-height:1.4 !important}.amwal-monthly-payment{font-size:13px !important;font-weight:500 !important;color:#666 !important;margin-top:2px !important;display:inline-block !important;direction:inherit !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}.amwal-savings-text{font-size:14px !important;font-weight:500 !important;color:#00c851 !important;margin-top:2px !important;display:inline-block !important;direction:inherit !important;background-color:#e6f9e6 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}.amwal-payment-savings-container{display:flex !important;align-items:center !important;gap:8px !important;margin-top:2px !important;direction:inherit !important;flex-wrap:wrap !important}.amwal-widget-container[dir=\"rtl\"] .amwal-payment-savings-container{flex-direction:row !important}.amwal-promo.loading{opacity:0.7 !important;pointer-events:none !important;cursor:default !important}.amwal-social-proof{font-size:12px !important;color:#999 !important;font-family:'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;font-weight:normal !important;font-style:normal !important;text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;text-decoration:none !important;line-height:1.4 !important}@media only screen and (max-width: 768px){.amwal-promo{max-width:100% !important;padding:12px 15px !important;width:100% !important;margin:8px 0 !important;min-width:280px !important}.amwal-logo{width:60px !important;margin-inline-end:12px !important}.amwal-promo[dir=\"rtl\"] .amwal-logo{margin-inline-start:12px !important}.amwal-promo-text{font-size:14px !important;margin-top:5px !important}.amwal-installments-count{font-size:14px !important}.amwal-link{font-size:14px !important}.amwal-monthly-payment{font-size:12px !important}.amwal-savings-text{font-size:11px !important}}@media only screen and (max-width: 480px){.amwal-promo{padding:10px 12px !important;min-width:260px !important}.amwal-logo{width:55px !important;margin-inline-end:10px !important}.amwal-promo[dir=\"rtl\"] .amwal-logo{margin-inline-start:10px !important}.amwal-promo-text{font-size:13px !important}.amwal-installments-count{font-size:13px !important}.amwal-link{font-size:13px !important}.amwal-monthly-payment{font-size:11px !important}.amwal-savings-text{font-size:10px !important}.amwal-social-proof{font-size:10px !important}}@media (prefers-contrast: more){.amwal-promo{border:2px solid #000 !important;background:#fff !important;color:#000 !important}.amwal-promo-text{color:#000 !important}.amwal-link{color:#0000ff !important}}@media (prefers-reduced-motion: reduce){.amwal-promo{transition:none !important}.amwal-promo:hover{transform:none !important}}.amwal-widget-container,.amwal-widget-container *,.amwal-promo,.amwal-promo *{text-transform:none !important;letter-spacing:normal !important;word-spacing:normal !important;text-shadow:none !important;filter:none !important;opacity:1 !important;visibility:visible !important;float:none !important;clear:none !important;z-index:1 !important}.amwal-widget-container[dir=\"rtl\"] .amwal-installments-count,.amwal-widget-container[dir=\"rtl\"] .amwal-monthly-payment,.amwal-widget-container[dir=\"rtl\"] .amwal-savings-text{font-feature-settings:\"lnum\" 1 !important;unicode-bidi:embed !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-text{unicode-bidi:embed !important;text-align:right !important}.amwal-promo[dir=\"rtl\"] .amwal-promo-text,.amwal-promo[dir=\"rtl\"] .amwal-monthly-payment,.amwal-promo[dir=\"rtl\"] .amwal-savings-text{word-spacing:0.3em !important}";
 
 /**
  * Default promotion URL for Amwal installment promotions
@@ -349,3 +349,5 @@ const AmwalWidget = class {
 AmwalWidget.style = amwalWidgetCss;
 
 exports.amwal_widget = AmwalWidget;
+
+//# sourceMappingURL=amwal-widget.cjs.entry.js.map

package/dist/cjs/amwal-widget.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"amwal-widget.entry.cjs.js","mappings":"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","names":["TranslationUtils","h"],"sources":["./src/components/amwal-widget/amwal-widget.css?tag=amwal-widget","./src/components/amwal-widget/amwal-widget.tsx"],"sourcesContent":[".amwal-reset,\n.amwal-reset *,\n.amwal-reset *::before,\n.amwal-reset *::after {\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    vertical-align: baseline !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n    text-decoration: none !important;\n    list-style: none !important;\n    outline: none !important;\n    -webkit-tap-highlight-color: transparent !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-size: 100% !important;\n    font-weight: normal !important;\n    font-style: normal !important;\n    font-variant: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    line-height: normal !important;\n}\n\n.amwal-widget-container {\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    box-sizing: border-box !important;\n    position: relative !important;\n    font-size: 16px !important;\n    font-weight: normal !important;\n    font-style: normal !important;\n    line-height: 1.4 !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    color: #222 !important;\n}\n\n.amwal-widget-container,\n.amwal-widget-container * {\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n}\n\n.amwal-promo,\n.amwal-promo * {\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n}\n\n.amwal-widget-container.show-badge::before {\n    position: absolute !important;\n    top: -8px !important;\n    background: linear-gradient(135deg, #F4C542, #E8A91F) !important;\n    color: #333 !important;\n    padding: 4px 12px !important;\n    border-radius: 12px !important;\n    font-size: 10px !important;\n    font-weight: 600 !important;\n    z-index: 1001 !important;\n    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.4) !important;\n    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;\n    white-space: nowrap !important;\n}\n\n.amwal-widget-container:not([dir=\"rtl\"]).show-badge::before {\n    content: \"Sharia Compliant\" !important;\n    left: 12px !important;\n}\n\n.amwal-widget-container[dir=\"rtl\"].show-badge::before {\n    content: \"متوافق مع الشريعة\" !important;\n    right: 12px !important;\n    left: auto !important;\n}\n\n.amwal-promo {\n    all: initial !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    position: relative !important;\n    padding: 14px 18px !important;\n    border-radius: 10px !important;\n    border: 1px solid #e1e5e9 !important;\n    background: #fff !important;\n    color: #222 !important;\n    min-width: 270px !important;\n    max-width: min(600px, 90vw) !important;\n    margin: 10px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    z-index: 1000 !important;\n    transition: all 0.2s ease !important;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n    text-align: left !important;\n    direction: ltr !important;\n    font-size: 16px !important;\n    font-weight: normal !important;\n    font-style: normal !important;\n    line-height: 1.4 !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    text-decoration: none !important;\n}\n\n.amwal-promo[dir=\"rtl\"] {\n    direction: rtl !important;\n    text-align: right !important;\n}\n\n.amwal-promo:hover {\n    border-color: #000 !important;\n    transform: translateY(-1px) !important;\n}\n\n.amwal-promo.green-border:hover {\n    border-color: #000 !important;\n}\n\n.amwal-promo.green-border::after {\n    position: absolute !important;\n    top: -6px !important;\n    background: #229E57 !important;\n    color: white !important;\n    padding: 3px 8px !important;\n    border-radius: 8px !important;\n    font-size: 9px !important;\n    font-weight: 600 !important;\n    box-shadow: 0 1px 3px rgba(0, 200, 81, 0.3) !important;\n    z-index: 1 !important;\n    white-space: nowrap !important;\n}\n\n.amwal-promo:not([dir=\"rtl\"]).green-border::after {\n    content: \"0% Interest\" !important;\n    right: -6px !important;\n}\n\n.amwal-promo[dir=\"rtl\"].green-border::after {\n    content: \"فائدة 0%\" !important;\n    left: -6px !important;\n    right: auto !important;\n}\n\n.amwal-logo {\n    position: static !important;\n    width: 68px !important;\n    height: auto !important;\n    flex-shrink: 0 !important;\n    margin-inline-start: 14px !important;\n}\n\n.amwal-promo-content {\n    display: flex !important;\n    align-items: center !important;\n    flex-grow: 1 !important;\n    flex-direction: row-reverse !important;\n    font-family: inherit !important;\n    direction: inherit !important;\n}\n\n/* In RTL, row-reverse + dir=rtl would flip logo to the left.\n   Use plain row so RTL's natural right-to-left flow keeps logo on the right. */\n.amwal-promo[dir=\"rtl\"] .amwal-promo-content {\n    flex-direction: row !important;\n}\n\n/* In RTL + row, the logo is on the right and text is to its left.\n   margin-inline-start = right side in RTL (wrong), so swap to inline-end (left side, toward text). */\n.amwal-promo[dir=\"rtl\"] .amwal-logo {\n    margin-inline-start: 0 !important;\n    margin-inline-end: 14px !important;\n}\n\n.amwal-promo-text {\n    font-weight: 600 !important;\n    font-size: 16px !important;\n    color: #222 !important;\n    line-height: 1.4 !important;\n    direction: inherit !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    text-decoration: none !important;\n}\n\n.amwal-promo-text-container {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2px !important;\n    flex-grow: 1 !important;\n    direction: inherit !important;\n}\n\n.amwal-promo[dir=\"rtl\"] .amwal-promo-text-container {\n    text-align: right !important;\n}\n\n.amwal-installments-count {\n    font-weight: 700 !important;\n    font-size: 16px !important;\n    color: #4666f5 !important;\n    /* Enhanced isolation */\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    text-decoration: none !important;\n    line-height: 1.4 !important;\n}\n.amwal-link {\n    color: #4666f5 !important;\n    text-decoration: underline !important;\n    font-size: 16px !important;\n    white-space: nowrap !important;\n    font-weight: 600 !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    line-height: 1.4 !important;\n}\n\n.amwal-monthly-payment {\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    color: #666 !important;\n    margin-top: 2px !important;\n    display: inline-block !important;\n    direction: inherit !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    text-decoration: none !important;\n    line-height: 1.4 !important;\n}\n\n.amwal-savings-text {\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    color: #00c851 !important;\n    margin-top: 2px !important;\n    display: inline-block !important;\n    direction: inherit !important;\n    background-color: #e6f9e6 !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    text-decoration: none !important;\n    line-height: 1.4 !important;\n}\n\n.amwal-payment-savings-container {\n    display: flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    margin-top: 2px !important;\n    direction: inherit !important;\n    flex-wrap: wrap !important;\n}\n\n.amwal-widget-container[dir=\"rtl\"] .amwal-payment-savings-container {\n    flex-direction: row !important;\n}\n\n.amwal-promo.loading {\n    opacity: 0.7 !important;\n    pointer-events: none !important;\n    cursor: default !important;\n}\n\n.amwal-social-proof {\n    font-size: 12px !important;\n    color: #999 !important;\n    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Segoe UI Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif !important;\n    font-weight: normal !important;\n    font-style: normal !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    text-decoration: none !important;\n    line-height: 1.4 !important;\n}\n\n@media only screen and (max-width: 768px) {\n    .amwal-promo {\n        max-width: 100% !important;\n        padding: 12px 15px !important;\n        width: 100% !important;\n        margin: 8px 0 !important;\n        min-width: 280px !important;\n    }\n\n    .amwal-logo {\n        width: 60px !important;\n        margin-inline-end: 12px !important;\n    }\n\n    .amwal-promo[dir=\"rtl\"] .amwal-logo {\n        margin-inline-start: 12px !important;\n    }\n\n    .amwal-promo-text {\n        font-size: 14px !important;\n        margin-top: 5px !important;\n    }\n\n    .amwal-installments-count {\n        font-size: 14px !important;\n    }\n\n    .amwal-link {\n        font-size: 14px !important;\n    }\n\n    .amwal-monthly-payment {\n        font-size: 12px !important;\n    }\n\n    .amwal-savings-text {\n        font-size: 11px !important;\n    }\n}\n\n@media only screen and (max-width: 480px) {\n    .amwal-promo {\n        padding: 10px 12px !important;\n        min-width: 260px !important;\n    }\n\n    .amwal-logo {\n        width: 55px !important;\n        margin-inline-end: 10px !important;\n    }\n\n    .amwal-promo[dir=\"rtl\"] .amwal-logo {\n        margin-inline-start: 10px !important;\n    }\n\n    .amwal-promo-text {\n        font-size: 13px !important;\n    }\n\n    .amwal-installments-count {\n        font-size: 13px !important;\n    }\n\n    .amwal-link {\n        font-size: 13px !important;\n    }\n\n    .amwal-monthly-payment {\n        font-size: 11px !important;\n    }\n\n    .amwal-savings-text {\n        font-size: 10px !important;\n    }\n\n    .amwal-social-proof {\n        font-size: 10px !important;\n    }\n}\n\n@media (prefers-contrast: more) {\n    .amwal-promo {\n        border: 2px solid #000 !important;\n        background: #fff !important;\n        color: #000 !important;\n    }\n\n    .amwal-promo-text {\n        color: #000 !important;\n    }\n\n    .amwal-link {\n        color: #0000ff !important;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .amwal-promo {\n        transition: none !important;\n    }\n\n    .amwal-promo:hover {\n        transform: none !important;\n    }\n}\n\n.amwal-widget-container,\n.amwal-widget-container *,\n.amwal-promo,\n.amwal-promo * {\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    word-spacing: normal !important;\n    text-shadow: none !important;\n    filter: none !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    float: none !important;\n    clear: none !important;\n    z-index: 1 !important;\n}\n\n.amwal-widget-container[dir=\"rtl\"] .amwal-installments-count,\n.amwal-widget-container[dir=\"rtl\"] .amwal-monthly-payment,\n.amwal-widget-container[dir=\"rtl\"] .amwal-savings-text {\n    font-feature-settings: \"lnum\" 1 !important;\n    unicode-bidi: embed !important;\n}\n\n.amwal-promo[dir=\"rtl\"] .amwal-promo-text {\n    unicode-bidi: embed !important;\n    text-align: right !important;\n}\n\n.amwal-promo[dir=\"rtl\"] .amwal-promo-text,\n.amwal-promo[dir=\"rtl\"] .amwal-monthly-payment,\n.amwal-promo[dir=\"rtl\"] .amwal-savings-text {\n    word-spacing: 0.3em !important;\n}","import { Component, h, State, Prop, Event, EventEmitter, Method, Watch } from '@stencil/core';\nimport { TranslationUtils } from '../../lang/i18n';\n\n/**\n * Default promotion URL for Amwal installment promotions\n */\nconst DEFAULT_PROMOTION_URL = 'https://pay.sa.amwal.tech/installment-promotion';\n\nexport interface WidgetConfig {\n    installmentsCount: number;\n    price: number;\n    currency: string;\n    promotionUrl?: string;\n    locale?: string;\n}\n\nexport interface PriceUpdateEvent {\n    price: number;\n    currency: string;\n}\n\nexport interface AnalyticsEvent {\n    eventName: string;\n    eventData: {\n        price: number;\n        currency: string;\n        installmentsCount: number;\n        installmentPrice: string;\n        timestamp: number;\n    };\n}\n\n@Component({\n    tag: 'amwal-widget',\n    styleUrl: 'amwal-widget.css',\n    shadow: false\n})\nexport class AmwalWidget {\n    /**\n     * Widget configuration including price, installments, and URL\n     */\n    @Prop() config: WidgetConfig;\n\n    /**\n     * Enable or disable the widget\n     */\n    @Prop() isActive: boolean = true;\n\n    /**\n     * Show green border for special offers (subtle enhancement)\n     */\n    @Prop() showGreenBorder: boolean = false;\n\n    /**\n     * The language of the plugin. Supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = \"en\";\n\n    /**\n     * Enable debug mode for additional console logs\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Custom text for the promotional message. When provided, this will replace the default installment text.\n     */\n    @Prop() customText?: string;\n\n    /**\n     * Show monthly payment amount (clean display)\n     */\n    @Prop() showMonthlyPayment: boolean = false;\n\n    /**\n     * Show savings compared to credit card interest (subtle)\n     */\n    @Prop() showSavings: boolean = false;\n\n    /**\n     * Estimated credit card monthly interest rate for savings calculation\n     */\n    @Prop() creditCardInterestRate: number = 0.02; // 2% monthly\n\n    /**\n     * Show subtle social proof\n     */\n    @Prop() showSocialProof: boolean = false;\n\n    /**\n     * Custom social proof text\n     */\n    @Prop() socialProofText: string = \"Trusted by 50,000+ customers\";\n\n    /**\n     * Show subtle popular choice badge\n     */\n    @Prop() showPopularBadge: boolean = false;\n\n    /**\n     * Enable analytics tracking\n     */\n    @Prop() enableAnalytics: boolean = false;\n\n    /**\n     * Layout theme for the modal\n     */\n    @Prop() layoutTheme: 'mobile' | 'desktop' = 'mobile';\n\n\n    @State() isVisible: boolean = true;\n    @State() showModal: boolean = false;\n    @State() isLoading: boolean = false;\n\n    @Event() promotionClick: EventEmitter<WidgetConfig>;\n    @Event() priceUpdate: EventEmitter<PriceUpdateEvent>;\n    @Event() analyticsEvent: EventEmitter<AnalyticsEvent>;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val;\n\n    /**\n     * Check if current locale is RTL\n     */\n    private get isRTL(): boolean {\n        return this.locale === 'ar' || this.locale === 'he' || this.locale === 'fa';\n    }\n\n    /**\n     * Get text direction attribute\n     */\n    private get textDirection(): 'ltr' | 'rtl' {\n        return this.isRTL ? 'rtl' : 'ltr';\n    }\n\n    /**\n     * Lifecycle method called when component is disconnected\n     */\n    disconnectedCallback() {\n        // Clean up any modal that might still be in the body\n        this.removeModalFromBody();\n    }\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        // Initialize the translation function when component loads\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n\n        // Check if config has valid price to determine visibility\n        this.updateVisibility();\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            this.t = (val) => val;\n        }\n    }\n\n    /**\n     * Watch for config changes and update visibility\n     */\n    @Watch('config')\n    onConfigChange() {\n        this.updateVisibility();\n    }\n\n    /**\n     * Update widget visibility based on config\n     */\n    private updateVisibility() {\n        if (!this.config?.price || !this.config?.currency || isNaN(this.config.price) || this.config.price <= 0) {\n            this.isVisible = false;\n            return;\n        }\n\n        this.isVisible = true;\n\n        // Emit price update event when config changes\n        this.priceUpdate.emit({\n            price: this.config.price,\n            currency: this.config.currency\n        });\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Config updated:', {\n                price: this.config.price,\n                currency: this.config.currency,\n                isRTL: this.isRTL,\n                textDirection: this.textDirection\n            });\n        }\n    }\n\n    /**\n     * Method to programmatically update the widget config\n     */\n    @Method()\n    async updateConfig(newConfig: Partial<WidgetConfig>) {\n        this.config = { ...this.config, ...newConfig };\n        this.updateVisibility();\n    }\n\n    /**\n     * Get installment price formatted as string\n     */\n    private getInstallmentPrice(): string {\n        if (!this.config?.installmentsCount || !this.config?.price) return '0.00';\n        return (this.config.price / this.config.installmentsCount).toFixed(2);\n    }\n\n    /**\n     * Format currency with proper RTL support\n     */\n    private formatCurrency(amount: string): string {\n        const currency = this.config.currency;\n        if (this.isRTL) {\n            // For RTL, put currency after the number with proper spacing\n            return `${amount} ${currency}`;\n        } else {\n            // For LTR, currency before number\n            return `${currency} ${amount}`;\n        }\n    }\n\n    /**\n     * Calculate monthly payment display text with RTL support\n     */\n    private renderMonthlyPayment(): string {\n        const monthlyAmount = this.getInstallmentPrice();\n        const formattedAmount = this.formatCurrency(monthlyAmount);\n        const monthText = this.t('month');\n\n        if (this.isRTL) {\n            return `${formattedAmount}/${monthText}`;\n        } else {\n            return `${formattedAmount}/${monthText}`;\n        }\n    }\n\n    /**\n     * Calculate potential savings compared to credit card with RTL support\n     */\n    private calculateSavings(): string {\n        if (!this.config?.price) return '';\n        const creditCardCost = this.config.price * this.creditCardInterestRate;\n        const formattedSavings = this.formatCurrency(creditCardCost.toFixed(2));\n\n        if (this.isRTL) {\n            return `${this.t('Save')} ${formattedSavings}`;\n        } else {\n            return `${this.t('Save')} ${formattedSavings}`;\n        }\n    }\n\n    /**\n     * Track analytics events (optional)\n     */\n    private trackEvent(eventName: string) {\n        if (!this.enableAnalytics || !this.config) return;\n\n        const eventData = {\n            price: this.config.price,\n            currency: this.config.currency,\n            installmentsCount: this.config.installmentsCount,\n            installmentPrice: this.getInstallmentPrice(),\n            timestamp: Date.now()\n        };\n\n        // Emit custom event for parent components\n        this.analyticsEvent.emit({\n            eventName,\n            eventData\n        });\n\n        // Track with Google Analytics if available\n        if (typeof window !== 'undefined' && (window as any).gtag) {\n            (window as any).gtag('event', eventName, {\n                'event_category': 'amwal_widget',\n                'event_label': 'installments',\n                'value': this.config.price,\n                'custom_parameters': {\n                    'locale': this.locale,\n                    'text_direction': this.textDirection\n                }\n            });\n        }\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Analytics Event:', eventName, eventData);\n        }\n    }\n\n    /**\n     * Reference to the modal element in the body\n     */\n    private modalElement: HTMLAmwalWidgetModalElement | null = null;\n\n    /**\n     * Clean click handler\n     */\n    private handleClick = async () => {\n        if (!this.config || this.isLoading) return;\n\n        this.isLoading = true;\n        this.trackEvent('amwal_promotion_clicked');\n\n        try {\n            this.promotionClick.emit(this.config);\n            this.createModalInBody();\n\n            if (this.debug) {\n                console.log('[AmwalWidget] Promotion clicked:', this.config);\n            }\n        } catch (error) {\n            console.error('[AmwalWidget] Error handling click:', error);\n        } finally {\n            // Reset loading state after a short delay\n            setTimeout(() => {\n                this.isLoading = false;\n            }, 200);\n        }\n    }\n\n    /**\n     * Create modal element and append to document body\n     */\n    private createModalInBody = () => {\n        // Remove existing modal if any\n        this.removeModalFromBody();\n\n        // Create new modal element\n        this.modalElement = document.createElement('amwal-widget-modal') as HTMLAmwalWidgetModalElement;\n\n        // Set modal properties\n        this.modalElement.config = {\n            ...this.config,\n            promotionUrl: this.getPromotionUrl()\n        };\n        this.modalElement.locale = this.locale;\n        this.modalElement.debug = this.debug;\n        this.modalElement.layoutTheme = this.layoutTheme;\n\n        // Add event listener for modal close\n        this.modalElement.addEventListener('modalClose', this.handleModalClose);\n\n        // Append to body\n        if (this.modalElement && this.modalElement.nodeType === Node.ELEMENT_NODE) {\n            document.body.appendChild(this.modalElement);\n        }\n\n        this.showModal = true;\n    }\n\n    /**\n     * Remove modal from document body\n     */\n    private removeModalFromBody = () => {\n        if (this.modalElement) {\n            this.modalElement.removeEventListener('modalClose', this.handleModalClose);\n            if (this.modalElement.parentNode) {\n                this.modalElement.parentNode.removeChild(this.modalElement);\n            }\n            this.modalElement = null;\n        }\n    }\n\n    private handleModalClose = () => {\n        this.removeModalFromBody();\n        this.showModal = false;\n        this.trackEvent('amwal_modal_closed');\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Modal closed');\n        }\n    }\n\n    /**\n     * Get the promotion URL with fallback to default if not provided\n     * @returns The promotion URL to use for the modal\n     */\n    private getPromotionUrl(): string {\n        return this.config?.promotionUrl || DEFAULT_PROMOTION_URL;\n    }\n\n    /**\n     * Render the Amwal logo\n     */\n    private renderAmwalLogo() {\n        return (\n            <svg class=\"amwal-logo\" width=\"72\" height=\"29\" viewBox=\"0 0 72 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"72\" height=\"28.946\" rx=\"6\" fill=\"black\"/>\n                <path d=\"M24.1912 11.6545C25.5297 10.5672 27.8358 10.9347 28.8503 12.3232C28.8972 12.3845 28.9818 12.3896 29.0287 12.3334C29.0804 12.2722 29.1274 12.2109 29.179 12.1547C29.7191 11.5626 30.3861 11.241 31.1328 11.0981C31.9219 10.9449 32.7015 10.9909 33.453 11.3125C34.3641 11.7004 34.9794 12.4253 35.3598 13.3901C35.6369 14.0843 35.7684 14.8194 35.7731 15.5698C35.7825 17.1216 35.7778 18.6785 35.7872 20.2303C35.7872 20.3579 35.7543 20.3783 35.6463 20.3783C34.9512 20.3732 34.2561 20.3732 33.5657 20.3783C33.453 20.3783 33.4201 20.3528 33.4201 20.2252C33.4248 18.7551 33.4248 17.2849 33.4248 15.8148C33.4248 15.386 33.359 14.9725 33.1712 14.5897C32.5747 13.3748 31.0859 13.2522 30.3109 14.36C30.015 14.7836 29.8741 15.2686 29.8741 15.7944C29.8741 17.2747 29.8741 18.7551 29.8788 20.2354C29.8788 20.3528 29.8506 20.3783 29.7473 20.3783C29.0381 20.3732 28.3242 20.3732 27.615 20.3783C27.5211 20.3783 27.4976 20.3528 27.4976 20.2507C27.5023 18.7704 27.4976 17.29 27.5023 15.8097C27.5023 15.534 27.4788 15.2584 27.4178 14.9878C27.244 14.263 26.6804 13.7168 25.9994 13.6147C24.9521 13.4564 24.3227 14.314 24.1161 15.0644C24.0409 15.3298 24.0127 15.6004 24.0127 15.8811C24.0127 17.29 24.0127 18.704 24.0174 20.1129C24.0174 20.2609 23.9094 20.3783 23.7732 20.3783C23.1016 20.3732 22.43 20.3732 21.7536 20.3783C21.655 20.3783 21.6362 20.3477 21.6362 20.2507C21.6409 17.2798 21.6409 14.314 21.6362 11.3431C21.6362 11.2512 21.6503 11.2206 21.7443 11.2206C22.4675 11.2257 23.1908 11.2257 23.9141 11.2206C23.9892 11.2206 24.0174 11.2359 24.0127 11.3227C24.008 11.4044 24.008 11.4809 24.008 11.5626C24.008 11.6596 24.1161 11.7157 24.1912 11.6545Z\" fill=\"white\"/>\n                <path d=\"M43.8655 20.384C43.8233 20.4759 43.7012 20.4759 43.6589 20.384C43.3724 19.7357 43.0906 19.0976 42.8088 18.4595C42.527 17.8215 42.2452 17.1885 41.9634 16.5402C41.9211 16.4432 41.799 16.4432 41.7568 16.5402C41.1885 17.8266 40.6249 19.0976 40.0566 20.3942C40.0143 20.4861 39.8969 20.4912 39.8499 20.3993C38.3564 17.3314 36.8723 14.2839 35.374 11.216C35.4304 11.216 35.468 11.216 35.5055 11.216C36.2993 11.216 37.0977 11.216 37.8914 11.2109C37.9807 11.2109 38.0229 11.2467 38.0605 11.3283C38.6899 12.7117 39.3239 14.09 39.9579 15.4733C39.9767 15.509 39.9908 15.5448 40.019 15.606C40.1364 15.3406 40.2444 15.0905 40.3478 14.8454C40.4793 14.5494 40.6061 14.2482 40.7376 13.9521C40.7705 13.8807 40.7705 13.8245 40.7376 13.7479C40.39 12.9516 40.0425 12.1502 39.6996 11.3488C39.6855 11.313 39.6668 11.2773 39.6527 11.2365C39.6761 11.2007 39.709 11.216 39.7372 11.216C40.4323 11.216 41.1274 11.216 41.8225 11.2109C41.9024 11.2109 41.9399 11.2416 41.9728 11.3181C42.5881 12.7219 43.208 14.1257 43.828 15.5295C43.8327 15.5397 43.8421 15.5499 43.8609 15.5754C43.9595 15.3304 44.0581 15.1007 44.152 14.8659C44.6264 13.6867 45.1055 12.5075 45.5751 11.3283C45.6127 11.2365 45.655 11.2109 45.7442 11.2109C46.4393 11.216 47.1344 11.2109 47.8295 11.2109C46.5896 14.2788 45.2323 17.3212 43.8655 20.384Z\" fill=\"white\"/>\n                <path d=\"M59.6416 13.6148C59.6416 15.8149 59.6416 18.015 59.6463 20.2151C59.6463 20.3376 59.6275 20.3733 59.5054 20.3733C58.7962 20.3682 58.0824 20.3682 57.3732 20.3733C57.2839 20.3733 57.2651 20.3478 57.2651 20.2508C57.2698 15.8302 57.2698 11.4096 57.2651 6.99405C57.2651 6.88175 57.298 6.86133 57.3919 6.86133C58.0964 6.86643 58.8056 6.86643 59.5101 6.86133C59.6228 6.86133 59.6463 6.89196 59.6463 7.01447C59.6369 9.21457 59.6416 11.4147 59.6416 13.6148Z\" fill=\"white\"/>\n                <path d=\"M56.11 11.3788C56.11 11.3584 56.1053 11.3329 56.11 11.3125C56.1194 11.241 56.0959 11.2206 56.0255 11.2206C55.3304 11.2206 54.6306 11.2206 53.9355 11.2206C53.8228 11.2206 53.7335 11.3176 53.7335 11.4401C53.7335 11.486 53.7335 11.532 53.7335 11.5779C53.7335 11.68 53.6255 11.7362 53.5504 11.68C53.0478 11.2818 52.4842 11.0725 51.8737 11.0368C50.6244 10.9602 49.5676 11.4707 48.7316 12.4661C47.689 13.7117 47.3414 15.1869 47.6326 16.8306C47.9755 18.7397 49.3938 20.3579 51.2866 20.5621C51.9911 20.6387 52.6674 20.5161 53.292 20.1333C53.3813 20.0771 53.4611 20.0159 53.541 19.9444C53.6161 19.8781 53.7288 19.9342 53.7288 20.0414C53.7288 20.118 53.7288 20.1894 53.7241 20.266C53.7194 20.363 53.7429 20.3885 53.8322 20.3885C54.4991 20.3834 55.166 20.3834 55.8376 20.3885C55.9832 20.3885 56.1053 20.2609 56.1053 20.1027C56.1053 17.1828 56.11 14.2783 56.11 11.3788ZM53.6678 16.7438C53.3719 17.535 52.705 18.0149 51.9112 18.0098C50.6572 17.9893 49.8259 16.8663 49.9621 15.5544C50.0608 14.5743 50.6103 13.8903 51.4228 13.6606C52.5688 13.339 53.6772 14.166 53.8087 15.4472C53.8556 15.8964 53.8228 16.3303 53.6678 16.7438Z\" fill=\"white\"/>\n                <path d=\"M20.528 11.3792C20.528 11.3537 20.5233 11.3333 20.528 11.3129C20.5374 11.2414 20.5139 11.221 20.4435 11.221C19.7014 11.221 18.964 11.2261 18.222 11.221C18.1468 11.221 18.1421 11.2567 18.1421 11.318C18.1421 11.4048 18.1421 11.4864 18.1421 11.5783C18.1421 11.6804 18.0388 11.7366 17.959 11.6804C17.4564 11.2874 16.8928 11.0781 16.2823 11.0423C15.0846 10.9658 14.0561 11.4303 13.2388 12.3644C12.013 13.7478 11.6655 15.4221 12.1539 17.2649C12.6799 19.2506 14.3285 20.634 16.1883 20.5676C16.8365 20.5421 17.4376 20.3787 17.9543 19.9346C18.0294 19.8683 18.1421 19.9244 18.1421 20.0316C18.1421 20.1031 18.1421 20.1745 18.1374 20.246C18.1327 20.3481 18.1562 20.3736 18.2549 20.3736C18.964 20.3685 19.6685 20.3685 20.3777 20.3736C20.4951 20.3736 20.5327 20.3481 20.5327 20.2154C20.5233 17.27 20.528 14.3246 20.528 11.3792ZM18.0529 16.8208C17.7147 17.6069 17.123 17.9898 16.3809 18.0153C15.3148 18.0153 14.4834 17.1985 14.3801 16.0959C14.2862 15.1158 14.6619 14.2736 15.404 13.8499C16.5171 13.2067 17.9871 13.7988 18.222 15.4068C18.2877 15.8917 18.2455 16.3716 18.0529 16.8208Z\" fill=\"white\"/>\n            </svg>\n        );\n    }\n\n    /**\n     * Render installment text with proper RTL support\n     */\n    private renderInstallmentText() {\n        if (this.customText) {\n            return (\n                <span>\n                    {this.customText}{' '}\n                    <span class=\"amwal-link\">{this.t('Learn more')}</span>\n                </span>\n            );\n        }\n\n        const installmentsCount = this.config.installmentsCount || 0;\n\n        // Get the correct plural form for payment count\n        let paymentsText: string;\n        if (this.isRTL) {\n            // Arabic grammar: 3-10 → دفعات (plural), 11+ → دفعة (singular tamyiz)\n            paymentsText = (installmentsCount >= 3 && installmentsCount <= 10)\n                ? this.t('monthly payments')\n                : this.t('monthly payment');\n        } else {\n            // English: 1 → singular, 2+ → plural\n            paymentsText = installmentsCount === 1\n                ? this.t('monthly payment')\n                : this.t('monthly payments');\n        }\n\n        return (\n            <span>\n                {this.t('Install in up to')}{' '}\n                <span class=\"amwal-installments-count\">{installmentsCount}</span>{' '}\n                {paymentsText}\n                {this.isRTL ? ' ' : ', '}\n                {this.t('no fees or interest and Sharia Compliant')}{' '}\n                <span class=\"amwal-link\">{this.t('Learn more')}</span>\n            </span>\n        );\n    }\n\n    render() {\n        if (!this.isActive || !this.isVisible || !this.config) {\n            return null;\n        }\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Rendering widget', {\n                price: this.config.price,\n                currency: this.config.currency,\n                installmentsCount: this.config.installmentsCount,\n                installmentPrice: this.getInstallmentPrice(),\n                isRTL: this.isRTL,\n                textDirection: this.textDirection\n            });\n        }\n\n        return (\n            <div\n                class={{\n                    'amwal-widget-container': true,\n                    'show-badge': this.showPopularBadge\n                }}\n                dir={this.textDirection}\n            >\n                <div\n                    class={{\n                        'amwal-promo': true,\n                        'green-border': this.showGreenBorder,\n                        'loading': this.isLoading\n                    }}\n                    dir={this.textDirection}\n                    onClick={this.handleClick}\n                >\n                    <div class=\"amwal-promo-content\">\n                        {this.renderAmwalLogo()}\n                        <div class=\"amwal-promo-text-container\">\n                            <span class=\"amwal-promo-text\">\n                                {this.renderInstallmentText()}\n                            </span>\n\n                            {(this.showMonthlyPayment || this.showSavings) && (\n                                <div class=\"amwal-payment-savings-container\">\n                                    {this.showMonthlyPayment && (\n                                        <span class=\"amwal-monthly-payment\">\n                                            {this.renderMonthlyPayment()}\n                                        </span>\n                                    )}\n\n                                    {this.showSavings && (\n                                        <span class=\"amwal-savings-text\">\n                                            {this.calculateSavings()}\n                                        </span>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                </div>\n\n                {this.showSocialProof && (\n                    <div class=\"amwal-social-proof\">\n                        {this.t(this.socialProofText)}\n                    </div>\n                )}\n            </div>\n        );\n    }\n}"],"version":3}

package/dist/cjs/animation-26241cb2.js

@@ -1063,3 +1063,5 @@ const createAnimation = (animationId) => {
 };
 
 exports.createAnimation = createAnimation;
+
+//# sourceMappingURL=animation-26241cb2.js.map