shopify-chatbot-widget 0.7.6 → 0.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/jaweb-chatbot.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.jaweb-chatbot-container{position:fixed;bottom:20px;right:20px;z-index:9999}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.chatbot-box{position:fixed;bottom:5%;right:10px;width:28%;top:2%;z-index:9999;height:86%;background:#fff;color:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #0003;font-family:Inter,sans-serif}.chatbot-header{background:#f7f7f7;padding:16px;display:flex;align-items:center;height:8%;gap:12px;font-size:16px;font-weight:700;border-bottom:1px solid #e0e0e0}.chatbot-title{flex-grow:1}.chatbot-close{cursor:pointer;font-size:16px;color:#888}.chatbot-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;height:70%;gap:12px;background-color:#fafafa;min-height:70%;scrollbar-width:none;-ms-overflow-style:none}.chatbot-messages::-webkit-scrollbar{display:none}.chat-msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-break:break-word}.chat-msg.assistant{background:#f0f0f0;align-self:flex-start;color:#000}.chat-msg.user{background:#7f28f8;align-self:flex-end;color:#fff}.chatbot-input-area{width:100%;display:flex;flex-direction:column;height:22%;align-items:center;background:#fff;border-top:1px solid #e0e0e0}.typing-animation span{display:inline-block;animation:blink 1.2s infinite;font-size:18px;margin:0 2px}.jaweb-chatbot-container{--jaweb-color: #7f28f8}.jaweb-nudge-bubble{position:absolute;right:6px;bottom:84px;width:100px;max-width:210px;background:#fff;color:#111;border-radius:18px;padding:12px 14px;box-shadow:0 18px 50px #0000002e,0 6px 18px #00000014;border:1px solid rgba(17,17,17,.06);cursor:pointer;opacity:0;transform:translateY(8px) scale(.98);animation:jb-in .32s cubic-bezier(.22,1,.36,1) forwards,jb-float 6s ease-in-out 1.2s infinite;z-index:10001}.jaweb-nudge-caret{position:absolute;left:50%;transform:translate(-50%) rotate(45deg);bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid rgba(17,17,17,.06);border-bottom:1px solid rgba(17,17,17,.06);filter:drop-shadow(0 2px 3px rgba(0,0,0,.08))}.jaweb-nudge-text{display:block;word-wrap:normal;word-break:normal;font-size:15.5px;line-height:1.25;font-weight:600;letter-spacing:.2px}.jaweb-nudge-text .jaweb-typing-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:9999px;background:linear-gradient(180deg,#c8c8c8,#bdbdbd);animation:jb-typing 1.2s infinite ease-in-out;vertical-align:middle}.jaweb-nudge-text .jaweb-typing-dot:nth-child(1){animation-delay:0s}.jaweb-nudge-text .jaweb-typing-dot:nth-child(2){animation-delay:.15s}.jaweb-nudge-text .jaweb-typing-dot:nth-child(3){animation-delay:.3s}.jaweb-nudge-bubble:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 50% -10%,color-mix(in oklab,var(--jaweb-color, #7f28f8) 14%,transparent) 0%,transparent 60%)}@media (prefers-color-scheme: dark){.jaweb-nudge-bubble{background:#1f1f21;color:#f5f5f7;border:1px solid rgba(255,255,255,.06);box-shadow:0 22px 60px #0000008c,0 0 0 1px #ffffff0a inset}.jaweb-nudge-caret{background:#1f1f21;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.jaweb-nudge-text .jaweb-typing-dot{background:linear-gradient(180deg,#bfbfbf,#a8a8a8)}}@media (prefers-reduced-motion: reduce){.jaweb-nudge-bubble,.jaweb-nudge-text .jaweb-typing-dot{animation:none}}@keyframes jb-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jb-typing{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}@keyframes jb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width: 600px){.chatbot-box{position:fixed;width:100%;height:100%;right:0;bottom:0;top:0}.chat-launcher.chatbot-open{display:none}}.jawebcss-powered-container{display:inline-flex;margin-top:10px;align-items:center;gap:6px;font-family:Arial,sans-serif;font-size:14px;color:#555;padding:4px 8px;border-radius:6px;box-shadow:0 1px 2px #0000000d}.jawebcss-powered-label{font-weight:400}.jawebcss-powered-link{color:#7f28f8;font-weight:600;text-decoration:none;transition:color .2s ease}.jawebcss-powered-link:hover{color:#5e1dc3;text-decoration:underline}.typing-animation span{display:inline-block;animation:blink 1.4s infinite;font-size:20px;margin:0 2px;color:#555}.typing-animation span:nth-child(2){animation-delay:.2s}.typing-animation span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.product-card{background-color:#fff;box-shadow:0 4px 12px #0000000f;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.product-card{flex-direction:row;align-items:flex-start}}.product-image-container{width:128px;height:128px}@media (min-width: 640px){.product-image-container{width:160px;height:160px}}.product-image{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer}.product-details{flex:1;display:flex;flex-direction:column;gap:12px}.product-name{font-size:1.125rem;font-weight:600;color:#111827;text-decoration:none}.product-price{font-size:1rem;font-weight:500;color:#374151}.label{font-size:.875rem;font-weight:500;color:#6b7280}.color-options,.size-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.color-button,.size-button{padding:4px 12px;font-size:.875rem;border-radius:9999px;border:1px solid #d1d5db;background-color:#f3f4f6;color:#1f2937;cursor:pointer}.color-button.disabled,.size-button.disabled{opacity:.4;cursor:not-allowed}.color-button.active,.size-button.active{color:#fff}.cart-controls{display:inline-flex;align-items:center;gap:12px;margin-top:12px}.cart-button{padding:4px 12px;border:1px solid #d1d5db;border-radius:8px;background:none;cursor:pointer}.cart-count{min-width:20px;text-align:center;font-weight:500}.increment{background-color:#7f28f8;color:#fff}.carousel-container{position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease-in-out}.carousel-slide{flex:0 0 100%;padding:0 1rem}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;font-size:2rem;cursor:pointer;z-index:10}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.sallaX{--sallaX-accent: #7F28F8;--sallaX-bg: #ffffff;--sallaX-text: #0f0f14;--sallaX-muted: #6b7280;--sallaX-border: rgba(15, 15, 20, .08);--sallaX-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,system-ui,"Apple Color Emoji","Segoe UI Emoji";color:var(--sallaX-text);background:transparent;padding:4px 0}.sallaX-slider{padding:8px 4px 24px}.sallaX-card{background:var(--sallaX-bg);border:1px solid var(--sallaX-border);border-radius:18px;overflow:hidden;box-shadow:var(--sallaX-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;max-width:520px;margin:0 auto}.sallaX-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000014,0 12px 28px #0000001f;border-color:#0f0f141f}.sallaX-media{position:relative;aspect-ratio:1 / 1;background:#f6f7f9;cursor:pointer}.sallaX-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.sallaX-media:hover .sallaX-img{transform:scale(1.02)}.sallaX-visit{position:absolute;right:12px;bottom:12px;font-size:13px;line-height:1;padding:10px 12px;border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border:1px solid var(--sallaX-border);color:var(--sallaX-text);text-decoration:none;transition:background .2s ease,transform .2s ease}.sallaX-visit:hover{background:#fffffff2;transform:translateY(-1px)}.sallaX-body{padding:14px 14px 16px}.sallaX-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--sallaX-text);text-decoration:none}.sallaX-name:hover{text-decoration:underline;text-underline-offset:2px}.sallaX-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px;margin-bottom:8px}.sallaX-price{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--sallaX-text)}.sallaX-selectWrap{margin:10px 0 12px;position:relative}.sallaX-selectLabel{font-size:12px;color:var(--sallaX-muted);display:inline-block;margin-bottom:6px}.sallaX-select{width:100%;appearance:none;background:#fff;border:1px solid var(--sallaX-border);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.2;color:var(--sallaX-text);box-shadow:var(--sallaX-shadow);transition:border-color .2s ease,box-shadow .2s ease}.sallaX-select:focus{outline:none;border-color:var(--sallaX-accent);box-shadow:0 0 0 3px #7f28f826}.sallaX-selectWrap:after{content:"▾";position:absolute;right:12px;top:calc(50% + 8px);transform:translateY(-50%);pointer-events:none;font-size:12px;color:var(--sallaX-muted)}.sallaX-options,.sallaX-chip{display:none}.sallaX-cta{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--sallaX-border);border-radius:999px;padding:4px;width:max-content;-webkit-user-select:none;user-select:none}.sallaX-qty{appearance:none;border:none;background:transparent;width:36px;height:36px;border-radius:999px;font-size:18px;font-weight:600;line-height:36px;text-align:center;cursor:pointer;transition:background .2s ease,transform .1s ease}.sallaX-qty[disabled]{opacity:.5;cursor:not-allowed}.sallaX-qty:hover:not([disabled]){background:#0f0f140d}.sallaX-qty:active:not([disabled]){transform:scale(.98)}.sallaX-qtyCount{min-width:34px;text-align:center;font-weight:600}.sallaX-qty--plus{color:#fff;background:var(--sallaX-accent)}.sallaX-qty--plus:hover{filter:brightness(.98)}@media (prefers-reduced-motion: reduce){.sallaX-card,.sallaX-img,.sallaX-visit,.sallaX-qty{transition:none!important}}@media (min-width: 768px){.sallaX-body{padding:16px 16px 18px}.sallaX-name{font-size:17px}.sallaX-price{font-size:19px}}.chat-image-wrapper{padding:4px 12px}.jawebcss-notification{position:fixed;top:1.25rem;right:1rem;background-color:#9ca3af;color:#fff;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 2px 8px #0003;z-index:9999;font-family:Segoe UI,sans-serif;font-size:14px;max-width:90%;word-break:break-word;transition:opacity .3s ease-in-out}.jawebchatbotcss-cart-widget{position:relative;display:inline-block}.jawebchatbotcss-cart-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:none;cursor:pointer;border-radius:6px;transition:background .2s ease-in-out}.jawebchatbotcss-cart-button:hover{background-color:#f1f1f1}.jawebchatbotcss-cart-icon{font-size:18px}.jawebchatbotcss-cart-label{font-weight:600}.jawebchatbotcss-cart-dropdown{position:absolute;right:0;margin-top:16px;width:320px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;z-index:999}.jawebchatbotcss-cart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.jawebchatbotcss-cart-title{font-size:16px;font-weight:500}.jawebchatbotcss-refresh-button{font-size:14px;color:#2563eb;background:none;border:none;cursor:pointer}.jawebchatbotcss-refresh-button:disabled{opacity:.5;cursor:not-allowed}.jawebchatbotcss-cart-empty{padding:16px;text-align:center;color:#6b7280}.jawebchatbotcss-cart-list{max-height:240px;overflow-y:auto;margin:0;padding:0;list-style:none}.jawebchatbotcss-cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f9fafb}.jawebchatbotcss-item-name{width:160px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jawebchatbotcss-item-controls{display:flex;align-items:center;gap:8px}.jawebchatbotcss-item-qty{font-size:14px;color:#374151}.jawebchatbotcss-remove-icon{color:#ef4444;cursor:pointer}.jawebchatbotcss-remove-icon:hover{color:#b91c1c}.jawebchatbotcss-cart-footer{padding:16px;border-top:1px solid #f3f4f6}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-400:oklch(79.2% .209 151.711);--color-indigo-600:oklch(51.1% .262 276.966);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (min-width:40rem){.container\!{max-width:40rem!important}}@media (min-width:48rem){.container\!{max-width:48rem!important}}@media (min-width:64rem){.container\!{max-width:64rem!important}}@media (min-width:80rem){.container\!{max-width:80rem!important}}@media (min-width:96rem){.container\!{max-width:96rem!important}}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-1{height:calc(var(--spacing)*1)}.h-12{height:calc(var(--spacing)*12)}.h-28{height:calc(var(--spacing)*28)}.h-fit{height:fit-content}.h-full{height:100%}.w-12{width:calc(var(--spacing)*12)}.w-28{width:calc(var(--spacing)*28)}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-300{border-color:var(--color-gray-300)}.border-green-400{border-color:var(--color-green-400)}.bg-black{background-color:var(--color-black)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing)*3)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-gray-500{color:var(--color-gray-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
1
|
+
.jaweb-chatbot-container{position:fixed;bottom:20px;right:20px;z-index:9999}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.chatbot-box{position:fixed;bottom:5%;right:10px;width:28%;top:2%;z-index:9999;height:86%;background:#fff;color:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #0003;font-family:Inter,sans-serif}.chatbot-header{background:#f7f7f7;padding:16px;display:flex;align-items:center;height:8%;gap:12px;font-size:16px;font-weight:700;border-bottom:1px solid #e0e0e0}.chatbot-title{flex-grow:1}.chatbot-close{cursor:pointer;font-size:16px;color:#888}.chatbot-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;height:70%;gap:12px;background-color:#fafafa;min-height:70%;scrollbar-width:none;-ms-overflow-style:none}.chatbot-messages::-webkit-scrollbar{display:none}.chat-msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-break:break-word}.chat-msg.assistant{background:#f0f0f0;align-self:flex-start;color:#000}.chat-msg.user{background:#7f28f8;align-self:flex-end;color:#fff}.chatbot-input-area{width:100%;display:flex;flex-direction:column;height:22%;align-items:center;background:#fff;border-top:1px solid #e0e0e0}.typing-animation span{display:inline-block;animation:blink 1.2s infinite;font-size:18px;margin:0 2px}.jaweb-chatbot-container{--jaweb-color: #7f28f8}.jaweb-nudge-bubble{position:absolute;right:6px;bottom:84px;width:100px;max-width:210px;background:#fff;color:#111;border-radius:18px;padding:12px 14px;box-shadow:0 18px 50px #0000002e,0 6px 18px #00000014;border:1px solid rgba(17,17,17,.06);cursor:pointer;opacity:0;transform:translateY(8px) scale(.98);animation:jb-in .32s cubic-bezier(.22,1,.36,1) forwards,jb-float 6s ease-in-out 1.2s infinite;z-index:10001}.jaweb-nudge-caret{position:absolute;left:50%;transform:translate(-50%) rotate(45deg);bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid rgba(17,17,17,.06);border-bottom:1px solid rgba(17,17,17,.06);filter:drop-shadow(0 2px 3px rgba(0,0,0,.08))}.jaweb-nudge-text{display:block;word-wrap:normal;word-break:normal;font-size:15.5px;line-height:1.25;font-weight:600;letter-spacing:.2px}.jaweb-nudge-text .jaweb-typing-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:9999px;background:linear-gradient(180deg,#c8c8c8,#bdbdbd);animation:jb-typing 1.2s infinite ease-in-out;vertical-align:middle}.jaweb-nudge-text .jaweb-typing-dot:nth-child(1){animation-delay:0s}.jaweb-nudge-text .jaweb-typing-dot:nth-child(2){animation-delay:.15s}.jaweb-nudge-text .jaweb-typing-dot:nth-child(3){animation-delay:.3s}.jaweb-nudge-bubble:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 50% -10%,color-mix(in oklab,var(--jaweb-color, #7f28f8) 14%,transparent) 0%,transparent 60%)}@media (prefers-color-scheme: dark){.jaweb-nudge-bubble{background:#1f1f21;color:#f5f5f7;border:1px solid rgba(255,255,255,.06);box-shadow:0 22px 60px #0000008c,0 0 0 1px #ffffff0a inset}.jaweb-nudge-caret{background:#1f1f21;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.jaweb-nudge-text .jaweb-typing-dot{background:linear-gradient(180deg,#bfbfbf,#a8a8a8)}}@media (prefers-reduced-motion: reduce){.jaweb-nudge-bubble,.jaweb-nudge-text .jaweb-typing-dot{animation:none}}@keyframes jb-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jb-typing{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}@keyframes jb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width: 600px){.chatbot-box{position:fixed;width:100%;height:100%;right:0;bottom:0;top:0}.chat-launcher.chatbot-open{display:none}}.jawebcss-powered-container{display:inline-flex;margin-top:10px;align-items:center;gap:6px;font-family:Arial,sans-serif;font-size:14px;color:#555;padding:4px 8px;border-radius:6px;box-shadow:0 1px 2px #0000000d}.jawebcss-powered-label{font-weight:400}.jawebcss-powered-link{color:#7f28f8;font-weight:600;text-decoration:none;transition:color .2s ease}.jawebcss-powered-link:hover{color:#5e1dc3;text-decoration:underline}.typing-animation span{display:inline-block;animation:blink 1.4s infinite;font-size:20px;margin:0 2px;color:#555}.typing-animation span:nth-child(2){animation-delay:.2s}.typing-animation span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.product-card{background-color:#fff;box-shadow:0 4px 12px #0000000f;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.product-card{flex-direction:row;align-items:flex-start}}.product-image-container{width:128px;height:128px}@media (min-width: 640px){.product-image-container{width:160px;height:160px}}.product-image{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer}.product-details{flex:1;display:flex;flex-direction:column;gap:12px}.product-name{font-size:1.125rem;font-weight:600;color:#111827;text-decoration:none}.product-price{font-size:1rem;font-weight:500;color:#374151}.label{font-size:.875rem;font-weight:500;color:#6b7280}.color-options,.size-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.color-button,.size-button{padding:4px 12px;font-size:.875rem;border-radius:9999px;border:1px solid #d1d5db;background-color:#f3f4f6;color:#1f2937;cursor:pointer}.color-button.disabled,.size-button.disabled{opacity:.4;cursor:not-allowed}.color-button.active,.size-button.active{color:#fff}.cart-controls{display:inline-flex;align-items:center;gap:12px;margin-top:12px}.cart-button{padding:4px 12px;border:1px solid #d1d5db;border-radius:8px;background:none;cursor:pointer}.cart-count{min-width:20px;text-align:center;font-weight:500}.increment{background-color:#7f28f8;color:#fff}.carousel-container{position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease-in-out}.carousel-slide{flex:0 0 100%;padding:0 1rem}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;font-size:2rem;cursor:pointer;z-index:10}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.sallaX{--sallaX-accent: #7F28F8;--sallaX-bg: #ffffff;--sallaX-text: #0f0f14;--sallaX-muted: #6b7280;--sallaX-border: rgba(15, 15, 20, .08);--sallaX-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,system-ui,"Apple Color Emoji","Segoe UI Emoji";color:var(--sallaX-text);background:transparent;padding:4px 0}.sallaX-slider{padding:8px 4px 24px}.sallaX-card{background:var(--sallaX-bg);border:1px solid var(--sallaX-border);border-radius:18px;overflow:hidden;box-shadow:var(--sallaX-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;max-width:520px;margin:0 auto}.sallaX-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000014,0 12px 28px #0000001f;border-color:#0f0f141f}.sallaX-media{position:relative;aspect-ratio:1 / 1;background:#f6f7f9;cursor:pointer}.sallaX-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.sallaX-media:hover .sallaX-img{transform:scale(1.02)}.sallaX-visit{position:absolute;right:12px;bottom:12px;font-size:13px;line-height:1;padding:10px 12px;border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border:1px solid var(--sallaX-border);color:var(--sallaX-text);text-decoration:none;transition:background .2s ease,transform .2s ease}.sallaX-visit:hover{background:#fffffff2;transform:translateY(-1px)}.sallaX-body{padding:14px 14px 16px}.sallaX-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--sallaX-text);text-decoration:none}.sallaX-name:hover{text-decoration:underline;text-underline-offset:2px}.sallaX-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px;margin-bottom:8px}.sallaX-price{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--sallaX-text)}.sallaX-selectWrap{margin:10px 0 12px;position:relative}.sallaX-selectLabel{font-size:12px;color:var(--sallaX-muted);display:inline-block;margin-bottom:6px}.sallaX-select{width:100%;appearance:none;background:#fff;border:1px solid var(--sallaX-border);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.2;color:var(--sallaX-text);box-shadow:var(--sallaX-shadow);transition:border-color .2s ease,box-shadow .2s ease}.sallaX-select:focus{outline:none;border-color:var(--sallaX-accent);box-shadow:0 0 0 3px #7f28f826}.sallaX-selectWrap:after{content:"▾";position:absolute;right:12px;top:calc(50% + 8px);transform:translateY(-50%);pointer-events:none;font-size:12px;color:var(--sallaX-muted)}.sallaX-options,.sallaX-chip{display:none}.sallaX-cta{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--sallaX-border);border-radius:999px;padding:4px;width:max-content;-webkit-user-select:none;user-select:none}.sallaX-qty{appearance:none;border:none;background:transparent;width:36px;height:36px;border-radius:999px;font-size:18px;font-weight:600;line-height:36px;text-align:center;cursor:pointer;transition:background .2s ease,transform .1s ease}.sallaX-qty[disabled]{opacity:.5;cursor:not-allowed}.sallaX-qty:hover:not([disabled]){background:#0f0f140d}.sallaX-qty:active:not([disabled]){transform:scale(.98)}.sallaX-qtyCount{min-width:34px;text-align:center;font-weight:600}.sallaX-qty--plus{color:#fff;background:var(--sallaX-accent)}.sallaX-qty--plus:hover{filter:brightness(.98)}@media (prefers-reduced-motion: reduce){.sallaX-card,.sallaX-img,.sallaX-visit,.sallaX-qty{transition:none!important}}@media (min-width: 768px){.sallaX-body{padding:16px 16px 18px}.sallaX-name{font-size:17px}.sallaX-price{font-size:19px}}.chat-image-wrapper{padding:4px 12px}.jawebcss-notification{position:fixed;top:1.25rem;right:1rem;background-color:#9ca3af;color:#fff;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 2px 8px #0003;z-index:9999;font-family:Segoe UI,sans-serif;font-size:14px;max-width:90%;word-break:break-word;transition:opacity .3s ease-in-out}.jawebchatbotcss-cart-widget{position:relative;display:inline-block}.jawebchatbotcss-cart-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:none;cursor:pointer;border-radius:6px;transition:background .2s ease-in-out}.jawebchatbotcss-cart-button:hover{background-color:#f1f1f1}.jawebchatbotcss-cart-icon{font-size:18px}.jawebchatbotcss-cart-label{font-weight:600}.jawebchatbotcss-cart-dropdown{position:absolute;right:0;margin-top:16px;width:320px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;z-index:999}.jawebchatbotcss-cart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.jawebchatbotcss-cart-title{font-size:16px;font-weight:500}.jawebchatbotcss-refresh-button{font-size:14px;color:#2563eb;background:none;border:none;cursor:pointer}.jawebchatbotcss-refresh-button:disabled{opacity:.5;cursor:not-allowed}.jawebchatbotcss-cart-empty{padding:16px;text-align:center;color:#6b7280}.jawebchatbotcss-cart-list{max-height:240px;overflow-y:auto;margin:0;padding:0;list-style:none}.jawebchatbotcss-cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f9fafb}.jawebchatbotcss-item-name{width:160px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jawebchatbotcss-item-controls{display:flex;align-items:center;gap:8px}.jawebchatbotcss-item-qty{font-size:14px;color:#374151}.jawebchatbotcss-remove-icon{color:#ef4444;cursor:pointer}.jawebchatbotcss-remove-icon:hover{color:#b91c1c}.jawebchatbotcss-cart-footer{padding:16px;border-top:1px solid #f3f4f6}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-400:oklch(79.2% .209 151.711);--color-indigo-600:oklch(51.1% .262 276.966);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (min-width:40rem){.container\!{max-width:40rem!important}}@media (min-width:48rem){.container\!{max-width:48rem!important}}@media (min-width:64rem){.container\!{max-width:64rem!important}}@media (min-width:80rem){.container\!{max-width:80rem!important}}@media (min-width:96rem){.container\!{max-width:96rem!important}}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-1{height:calc(var(--spacing)*1)}.h-12{height:calc(var(--spacing)*12)}.h-40{height:calc(var(--spacing)*40)}.h-fit{height:fit-content}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.w-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-400{border-color:var(--color-green-400)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
@@ -569,7 +569,7 @@ html body {
|
|
|
569
569
|
${t}-collapse,
|
|
570
570
|
${t}-edit,
|
|
571
571
|
${t}-copy
|
|
572
|
-
`]:Object.assign(Object.assign({},wN(e)),{marginInlineStart:e.marginXXS})}),hZ(e)),mZ(e)),pZ()),{"&-rtl":{direction:"rtl"}})}},O6=Ci("Typography",e=>[gZ(e)],()=>({titleMarginTop:"1.2em",titleMarginBottom:"0.5em"})),vZ=e=>{const{prefixCls:t,"aria-label":a,className:r,style:o,direction:c,maxLength:f,autoSize:m=!0,value:g,onSave:p,onCancel:y,onEnd:S,component:E,enterIcon:T=x.createElement(b6,null)}=e,O=x.useRef(null),M=x.useRef(!1),A=x.useRef(null),[N,_]=x.useState(g);x.useEffect(()=>{_(g)},[g]),x.useEffect(()=>{var W;if(!((W=O.current)===null||W===void 0)&&W.resizableTextArea){const{textArea:ie}=O.current.resizableTextArea;ie.focus();const{length:G}=ie.value;ie.setSelectionRange(G,G)}},[]);const j=({target:W})=>{_(W.value.replace(/[\n\r]/g,""))},L=()=>{M.current=!0},D=()=>{M.current=!1},V=({keyCode:W})=>{M.current||(A.current=W)},B=()=>{p(N.trim())},z=({keyCode:W,ctrlKey:ie,altKey:G,metaKey:F,shiftKey:Q})=>{A.current!==W||M.current||ie||G||F||Q||(W===Zt.ENTER?(B(),S?.()):W===Zt.ESC&&y())},U=()=>{B()},[H,J,Y]=O6(t),Z=Qe(t,`${t}-edit-content`,{[`${t}-rtl`]:c==="rtl",[`${t}-${E}`]:!!E},r,J,Y);return H(x.createElement("div",{className:Z,style:o},x.createElement(K$,{ref:O,maxLength:f,value:N,onChange:j,onKeyDown:V,onKeyUp:z,onCompositionStart:L,onCompositionEnd:D,onBlur:U,"aria-label":a,rows:1,autoSize:m}),T!==null?Zs(T,{className:`${t}-edit-content-confirm`}):null))};var fO,R6;function yZ(){return R6||(R6=1,fO=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,a=[],r=0;r<e.rangeCount;r++)a.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||a.forEach(function(o){e.addRange(o)}),t&&t.focus()}}),fO}var dO,A6;function bZ(){if(A6)return dO;A6=1;var e=yZ(),t={"text/plain":"Text","text/html":"Url",default:"Text"},a="Copy to clipboard: #{key}, Enter";function r(c){var f=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return c.replace(/#{\s*key\s*}/g,f)}function o(c,f){var m,g,p,y,S,E,T=!1;f||(f={}),m=f.debug||!1;try{p=e(),y=document.createRange(),S=document.getSelection(),E=document.createElement("span"),E.textContent=c,E.ariaHidden="true",E.style.all="unset",E.style.position="fixed",E.style.top=0,E.style.clip="rect(0, 0, 0, 0)",E.style.whiteSpace="pre",E.style.webkitUserSelect="text",E.style.MozUserSelect="text",E.style.msUserSelect="text",E.style.userSelect="text",E.addEventListener("copy",function(M){if(M.stopPropagation(),f.format)if(M.preventDefault(),typeof M.clipboardData>"u"){m&&console.warn("unable to use e.clipboardData"),m&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var A=t[f.format]||t.default;window.clipboardData.setData(A,c)}else M.clipboardData.clearData(),M.clipboardData.setData(f.format,c);f.onCopy&&(M.preventDefault(),f.onCopy(M.clipboardData))}),document.body.appendChild(E),y.selectNodeContents(E),S.addRange(y);var O=document.execCommand("copy");if(!O)throw new Error("copy command was unsuccessful");T=!0}catch(M){m&&console.error("unable to copy using execCommand: ",M),m&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(f.format||"text",c),f.onCopy&&f.onCopy(window.clipboardData),T=!0}catch(A){m&&console.error("unable to copy using clipboardData: ",A),m&&console.error("falling back to prompt"),g=r("message"in f?f.message:a),window.prompt(g,c)}}finally{S&&(typeof S.removeRange=="function"?S.removeRange(y):S.removeAllRanges()),E&&document.body.removeChild(E),p()}return T}return dO=o,dO}var SZ=bZ();const xZ=bv(SZ);var CZ=function(e,t,a,r){function o(c){return c instanceof a?c:new a(function(f){f(c)})}return new(a||(a=Promise))(function(c,f){function m(y){try{p(r.next(y))}catch(S){f(S)}}function g(y){try{p(r.throw(y))}catch(S){f(S)}}function p(y){y.done?c(y.value):o(y.value).then(m,g)}p((r=r.apply(e,t||[])).next())})};const EZ=({copyConfig:e,children:t})=>{const[a,r]=x.useState(!1),[o,c]=x.useState(!1),f=x.useRef(null),m=()=>{f.current&&clearTimeout(f.current)},g={};e.format&&(g.format=e.format),x.useEffect(()=>m,[]);const p=cr(y=>CZ(void 0,void 0,void 0,function*(){var S;y?.preventDefault(),y?.stopPropagation(),c(!0);try{const E=typeof e.text=="function"?yield e.text():e.text;xZ(E||fW(t,!0).join("")||"",g),c(!1),r(!0),m(),f.current=setTimeout(()=>{r(!1)},3e3),(S=e.onCopy)===null||S===void 0||S.call(e,y)}catch(E){throw c(!1),E}}));return{copied:a,copyLoading:o,onClick:p}};function hO(e,t){return x.useMemo(()=>{const a=!!e;return[a,Object.assign(Object.assign({},t),a&&typeof e=="object"?e:null)]},[e])}const wZ=e=>{const t=x.useRef(void 0);return x.useEffect(()=>{t.current=e}),t.current},TZ=(e,t,a)=>x.useMemo(()=>e===!0?{title:t??a}:x.isValidElement(e)?{title:e}:typeof e=="object"?Object.assign({title:t??a},e):{title:e},[e,t,a]);var M6={},OZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const mO=x.forwardRef((e,t)=>{const{prefixCls:a,component:r="article",className:o,rootClassName:c,setContentRef:f,children:m,direction:g,style:p}=e,y=OZ(e,["prefixCls","component","className","rootClassName","setContentRef","children","direction","style"]),{getPrefixCls:S,direction:E,className:T,style:O}=ns("typography"),M=g??E,A=f?Kl(t,f):t,N=S("typography",a);M6.NODE_ENV!=="production"&&Ha("Typography").deprecated(!f,"setContentRef","ref");const[_,j,L]=O6(N),D=Qe(N,T,{[`${N}-rtl`]:M==="rtl"},o,c,j,L),V=Object.assign(Object.assign({},O),p);return _(x.createElement(r,Object.assign({className:D,style:V,ref:A},y),m))});M6.NODE_ENV!=="production"&&(mO.displayName="Typography");var RZ={};function _6(e){return e===!1?[!1,!1]:Array.isArray(e)?e:[e]}function pO(e,t,a){return e===!0||e===void 0?t:e||a&&t}function AZ(e){const t=document.createElement("em");e.appendChild(t),RZ.NODE_ENV!=="production"&&(t.className="ant-typography-css-ellipsis-content-measure");const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();return e.removeChild(t),a.left>r.left||r.right>a.right||a.top>r.top||r.bottom>a.bottom}const gO=e=>["string","number"].includes(typeof e),MZ=({prefixCls:e,copied:t,locale:a,iconOnly:r,tooltips:o,icon:c,tabIndex:f,onCopy:m,loading:g})=>{const p=_6(o),y=_6(c),{copied:S,copy:E}=a??{},T=t?S:E,O=pO(p[t?1:0],T),M=typeof O=="string"?O:T;return x.createElement(Ld,{title:O},x.createElement("button",{type:"button",className:Qe(`${e}-copy`,{[`${e}-copy-success`]:t,[`${e}-copy-icon-only`]:r}),onClick:m,"aria-label":M,tabIndex:f},t?pO(y[1],x.createElement(BT,null),!0):pO(y[0],g?x.createElement(is,null):x.createElement(v6,null),!0)))},Q1=x.forwardRef(({style:e,children:t},a)=>{const r=x.useRef(null);return x.useImperativeHandle(a,()=>({isExceed:()=>{const o=r.current;return o.scrollHeight>o.clientHeight},getHeight:()=>r.current.clientHeight})),x.createElement("span",{"aria-hidden":!0,ref:r,style:Object.assign({position:"fixed",display:"block",left:0,top:0,pointerEvents:"none",backgroundColor:"rgba(255, 0, 0, 0.65)"},e)},t)}),_Z=e=>e.reduce((t,a)=>t+(gO(a)?String(a).length:1),0);function D6(e,t){let a=0;const r=[];for(let o=0;o<e.length;o+=1){if(a===t)return r;const c=e[o],m=gO(c)?String(c).length:1,g=a+m;if(g>t){const p=t-a;return r.push(String(c).slice(0,p)),r}r.push(c),a=g}return e}const vO=0,yO=1,bO=2,SO=3,N6=4,J1={display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical"};function DZ(e){const{enableMeasure:t,width:a,text:r,children:o,rows:c,expanded:f,miscDeps:m,onEllipsis:g}=e,p=x.useMemo(()=>Xs(r),[r]),y=x.useMemo(()=>_Z(p),[r]),S=x.useMemo(()=>o(p,!1),[r]),[E,T]=x.useState(null),O=x.useRef(null),M=x.useRef(null),A=x.useRef(null),N=x.useRef(null),_=x.useRef(null),[j,L]=x.useState(!1),[D,V]=x.useState(vO),[B,z]=x.useState(0),[U,H]=x.useState(null);Zn(()=>{V(t&&a&&y?yO:vO)},[a,r,c,t,p]),Zn(()=>{var W,ie,G,F;if(D===yO){V(bO);const Q=M.current&&getComputedStyle(M.current).whiteSpace;H(Q)}else if(D===bO){const Q=!!(!((W=A.current)===null||W===void 0)&&W.isExceed());V(Q?SO:N6),T(Q?[0,y]:null),L(Q);const se=((ie=A.current)===null||ie===void 0?void 0:ie.getHeight())||0,k=c===1?0:((G=N.current)===null||G===void 0?void 0:G.getHeight())||0,q=((F=_.current)===null||F===void 0?void 0:F.getHeight())||0,ee=Math.max(se,k+q);z(ee+1),g(Q)}},[D]);const J=E?Math.ceil((E[0]+E[1])/2):0;Zn(()=>{var W;const[ie,G]=E||[0,0];if(ie!==G){const Q=(((W=O.current)===null||W===void 0?void 0:W.getHeight())||0)>B;let se=J;G-ie===1&&(se=Q?ie:G),T(Q?[ie,se]:[se,G])}},[E,J]);const Y=x.useMemo(()=>{if(!t)return o(p,!1);if(D!==SO||!E||E[0]!==E[1]){const W=o(p,!1);return[N6,vO].includes(D)?W:x.createElement("span",{style:Object.assign(Object.assign({},J1),{WebkitLineClamp:c})},W)}return o(f?p:D6(p,E[0]),j)},[f,D,E,p].concat(jt(m))),Z={width:a,margin:0,padding:0,whiteSpace:U==="nowrap"?"normal":"inherit"};return x.createElement(x.Fragment,null,Y,D===bO&&x.createElement(x.Fragment,null,x.createElement(Q1,{style:Object.assign(Object.assign(Object.assign({},Z),J1),{WebkitLineClamp:c}),ref:A},S),x.createElement(Q1,{style:Object.assign(Object.assign(Object.assign({},Z),J1),{WebkitLineClamp:c-1}),ref:N},S),x.createElement(Q1,{style:Object.assign(Object.assign(Object.assign({},Z),J1),{WebkitLineClamp:1}),ref:_},o([],!0))),D===SO&&E&&E[0]!==E[1]&&x.createElement(Q1,{style:Object.assign(Object.assign({},Z),{top:400}),ref:O},o(D6(p,J),!0)),D===yO&&x.createElement("span",{style:{whiteSpace:"inherit"},ref:M}))}var NZ={};const $6=({enableEllipsis:e,isEllipsis:t,children:a,tooltipProps:r})=>!r?.title||!e?a:x.createElement(Ld,Object.assign({open:t?void 0:!1},r),a);NZ.NODE_ENV!=="production"&&($6.displayName="EllipsisTooltip");var $Z=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};function zZ({mark:e,code:t,underline:a,delete:r,strong:o,keyboard:c,italic:f},m){let g=m;function p(y,S){S&&(g=x.createElement(y,{},g))}return p("strong",o),p("u",a),p("del",r),p("code",t),p("mark",e),p("kbd",c),p("i",f),g}const jZ="...",z6=["delete","mark","code","underline","strong","keyboard","italic"],ex=x.forwardRef((e,t)=>{var a;const{prefixCls:r,className:o,style:c,type:f,disabled:m,children:g,ellipsis:p,editable:y,copyable:S,component:E,title:T}=e,O=$Z(e,["prefixCls","className","style","type","disabled","children","ellipsis","editable","copyable","component","title"]),{getPrefixCls:M,direction:A}=x.useContext(oa),[N]=qv("Text"),_=x.useRef(null),j=x.useRef(null),L=M("typography",r),D=$d(O,z6),[V,B]=hO(y),[z,U]=vo(!1,{value:B.editing}),{triggerType:H=["icon"]}=B,J=at=>{var lt;at&&((lt=B.onStart)===null||lt===void 0||lt.call(B)),U(at)},Y=wZ(z);Zn(()=>{var at;!z&&Y&&((at=j.current)===null||at===void 0||at.focus())},[z]);const Z=at=>{at?.preventDefault(),J(!0)},W=at=>{var lt;(lt=B.onChange)===null||lt===void 0||lt.call(B,at),J(!1)},ie=()=>{var at;(at=B.onCancel)===null||at===void 0||at.call(B),J(!1)},[G,F]=hO(S),{copied:Q,copyLoading:se,onClick:k}=EZ({copyConfig:F,children:g}),[q,ee]=x.useState(!1),[ae,oe]=x.useState(!1),[le,ue]=x.useState(!1),[Ee,ze]=x.useState(!1),[De,Fe]=x.useState(!0),[ve,he]=hO(p,{expandable:!1,symbol:at=>at?N?.collapse:N?.expand}),[je,Ue]=vo(he.defaultExpanded||!1,{value:he.expanded}),me=ve&&(!je||he.expandable==="collapsible"),{rows:ye=1}=he,Se=x.useMemo(()=>me&&(he.suffix!==void 0||he.onEllipsis||he.expandable||V||G),[me,he,V,G]);Zn(()=>{ve&&!Se&&(ee(h4("webkitLineClamp")),oe(h4("textOverflow")))},[Se,ve]);const[Re,Ae]=x.useState(me),we=x.useMemo(()=>Se?!1:ye===1?ae:q,[Se,ae,q]);Zn(()=>{Ae(we&&me)},[we,me]);const Te=me&&(Re?Ee:le),Ne=me&&ye===1&&Re,ke=me&&ye>1&&Re,Le=(at,lt)=>{var X;Ue(lt.expanded),(X=he.onExpand)===null||X===void 0||X.call(he,at,lt)},[it,ut]=x.useState(0),vt=({offsetWidth:at})=>{ut(at)},At=at=>{var lt;ue(at),le!==at&&((lt=he.onEllipsis)===null||lt===void 0||lt.call(he,at))};x.useEffect(()=>{const at=_.current;if(ve&&Re&&at){const lt=AZ(at);Ee!==lt&&ze(lt)}},[ve,Re,g,ke,De,it]),x.useEffect(()=>{const at=_.current;if(typeof IntersectionObserver>"u"||!at||!Re||!me)return;const lt=new IntersectionObserver(()=>{Fe(!!at.offsetParent)});return lt.observe(at),()=>{lt.disconnect()}},[Re,me]);const ht=TZ(he.tooltip,B.text,g),Lt=x.useMemo(()=>{if(!(!ve||Re))return[B.text,g,T,ht.title].find(gO)},[ve,Re,T,ht.title,Te]);if(z)return x.createElement(vZ,{value:(a=B.text)!==null&&a!==void 0?a:typeof g=="string"?g:"",onSave:W,onCancel:ie,onEnd:B.onEnd,prefixCls:L,className:o,style:c,direction:A,component:E,maxLength:B.maxLength,autoSize:B.autoSize,enterIcon:B.enterIcon});const Vt=()=>{const{expandable:at,symbol:lt}=he;return at?x.createElement("button",{type:"button",key:"expand",className:`${L}-${je?"collapse":"expand"}`,onClick:X=>Le(X,{expanded:!je}),"aria-label":je?N.collapse:N?.expand},typeof lt=="function"?lt(je):lt):null},_t=()=>{if(!V)return;const{icon:at,tooltip:lt,tabIndex:X}=B,ge=Xs(lt)[0]||N?.edit,tt=typeof ge=="string"?ge:"";return H.includes("icon")?x.createElement(Ld,{key:"edit",title:lt===!1?"":ge},x.createElement("button",{type:"button",ref:j,className:`${L}-edit`,onClick:Z,"aria-label":tt,tabIndex:X},at||x.createElement(y6,{role:"button"}))):null},Tt=()=>G?x.createElement(MZ,Object.assign({key:"copy"},F,{prefixCls:L,copied:Q,locale:N,onCopy:k,loading:se,iconOnly:g==null})):null,ct=at=>[at&&Vt(),_t(),Tt()],gt=at=>[at&&!je&&x.createElement("span",{"aria-hidden":!0,key:"ellipsis"},jZ),he.suffix,ct(at)];return x.createElement(Ql,{onResize:vt,disabled:!me},at=>x.createElement($6,{tooltipProps:ht,enableEllipsis:me,isEllipsis:Te},x.createElement(mO,Object.assign({className:Qe({[`${L}-${f}`]:f,[`${L}-disabled`]:m,[`${L}-ellipsis`]:ve,[`${L}-ellipsis-single-line`]:Ne,[`${L}-ellipsis-multiple-line`]:ke},o),prefixCls:r,style:Object.assign(Object.assign({},c),{WebkitLineClamp:ke?ye:void 0}),component:E,ref:Kl(at,_,t),direction:A,onClick:H.includes("text")?Z:void 0,"aria-label":Lt?.toString(),title:T},D),x.createElement(DZ,{enableMeasure:me&&!Re,text:g,rows:ye,width:it,onEllipsis:At,expanded:je,miscDeps:[Q,je,se,V,G,N].concat(jt(z6.map(lt=>e[lt])))},(lt,X)=>zZ(e,x.createElement(x.Fragment,null,lt.length>0&&X&&!je&&Lt?x.createElement("span",{key:"show-content","aria-hidden":!0},lt):lt,gt(X)))))))});var j6={},LZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const VZ=x.forwardRef((e,t)=>{var{ellipsis:a,rel:r}=e,o=LZ(e,["ellipsis","rel"]);if(j6.NODE_ENV!=="production"){const f=Ha("Typography.Link");j6.NODE_ENV!=="production"&&f(typeof a!="object","usage","`ellipsis` only supports boolean value.")}const c=Object.assign(Object.assign({},o),{rel:r===void 0&&o.target==="_blank"?"noopener noreferrer":r});return delete c.navigate,x.createElement(ex,Object.assign({},c,{ref:t,ellipsis:!!a,component:"a"}))}),BZ=x.forwardRef((e,t)=>x.createElement(ex,Object.assign({ref:t},e,{component:"div"})));var L6={},HZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const PZ=(e,t)=>{var{ellipsis:a}=e,r=HZ(e,["ellipsis"]);const o=x.useMemo(()=>a&&typeof a=="object"?$d(a,["expandable","rows"]):a,[a]);if(L6.NODE_ENV!=="production"){const c=Ha("Typography.Text");L6.NODE_ENV!=="production"&&c(typeof a!="object"||!a||!("expandable"in a)&&!("rows"in a),"usage","`ellipsis` do not support `expandable` or `rows` props.")}return x.createElement(ex,Object.assign({ref:t},r,{ellipsis:o,component:"span"}))},UZ=x.forwardRef(PZ);var V6={},IZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const B6=[1,2,3,4,5],kZ=x.forwardRef((e,t)=>{const{level:a=1}=e,r=IZ(e,["level"]);if(V6.NODE_ENV!=="production"){const c=Ha("Typography.Title");V6.NODE_ENV!=="production"&&c(B6.includes(a),"usage","Title only accept `1 | 2 | 3 | 4 | 5` as `level` value. And `5` need 4.6.0+ version.")}const o=B6.includes(a)?`h${a}`:"h1";return x.createElement(ex,Object.assign({ref:t},r,{component:o}))}),Xm=mO;Xm.Text=UZ,Xm.Link=VZ,Xm.Title=kZ,Xm.Paragraph=BZ;const{Text:FZ,Title:qZ}=Xm,GZ=({chatbotLogo:e,colorCode:t,onNewSession:a,visitorId:r,onSessionSelect:o,setOpen:c,Opened:f,Phone:m})=>{const[g,p]=x.useState([]),[y,S]=x.useState(!0),E=async()=>{try{S(!0);const A=(await(await fetch(`${ii.apiUrl}get-chatlogs-by-ip/?visitor_id=${r}&company_username=${localStorage.getItem("company_username")}`)).json()).map(N=>({id:N.user_session_id,agentName:N.assignee||"AI Agent",createdAt:N.date,isBlurred:N.closed,agentImage:N.assignee_picture}));p(A)}catch(O){console.error("Failed to load sessions:",O)}finally{S(!1)}};x.useEffect(()=>{r&&E()},[r]);const T=ne.jsx(is,{style:{fontSize:24,color:"#7F28F8"},spin:!0});return ne.jsxs("div",{style:{maxWidth:"100%",height:"100%",border:"1px solid #f0f0f0",borderRadius:8,overflow:"hidden",display:"flex",flexDirection:"column",paddingTop:20},children:[ne.jsxs("div",{style:{padding:"0 16px 10px",display:"flex"},children:[ne.jsx(qZ,{level:4,style:{margin:0},children:"Conversations"}),ne.jsx(e0,{onClick:()=>c(!f),className:"chatbot-close",style:{marginLeft:"auto"}})]}),ne.jsx("div",{style:{flex:1,overflowY:"auto"},children:y?ne.jsx("div",{style:{textAlign:"center",padding:"2rem"},children:ne.jsx(Js,{indicator:T})}):g.length>0?ne.jsx(Z1,{itemLayout:"horizontal",dataSource:g,split:!0,renderItem:O=>ne.jsx(Z1.Item,{onClick:()=>!O.isBlurred&&o(O.id,O.agentName||"Ai Agent",O.agentImage||e),style:{padding:"12px",opacity:O.isBlurred?.5:1,cursor:O.isBlurred?"not-allowed":"pointer",borderBottom:"1px solid #f0f0f0"},children:ne.jsx(Z1.Item.Meta,{avatar:ne.jsx(GT,{size:"large",src:O.agentImage||e,icon:!O.agentImage&&!e?ne.jsx(w6,{}):void 0}),title:ne.jsx("span",{style:{fontWeight:600},children:O.agentName||"AI Agent"}),description:ne.jsxs(ne.Fragment,{children:[ne.jsxs(FZ,{type:"secondary",children:["Created: ",new Date(O.createdAt).toLocaleDateString()]}),O.isBlurred&&ne.jsx("div",{style:{color:"red",fontSize:"12px",marginTop:4},children:"This session is closed and cannot be reopened."})]})})},O.id)}):ne.jsx("div",{style:{padding:"1rem",textAlign:"center",color:"#888"},children:"No conversations yet."})}),ne.jsxs("div",{style:{padding:"12px",borderTop:"1px solid #f0f0f0",display:"flex",gap:4},children:[ne.jsx(Kr,{type:"primary",size:"large",block:!0,style:{backgroundColor:t,color:"#fff"},onClick:a,children:"Ask a question"}),m?ne.jsx(Kr,{type:"default",style:{backgroundColor:"#25D366",color:"white"},className:"hover:border-black",size:"large",icon:ne.jsx(T6,{style:{color:"white"}}),onClick:()=>{const O=`https://wa.me/${m}`;window.open(O,"_blank")},children:"Chat on WhatsApp"}):ne.jsx(ne.Fragment,{})]})]})},{Title:XZ,Text:xO}=Xm,YZ=({onBack:e,onCreate:t,colorCode:a,visitorId:r,country:o})=>{const[c,f]=x.useState(""),[m,g]=x.useState(""),[p,y]=x.useState(""),[S,E]=x.useState(!1),T=async()=>{const O={visitor_id:r,country:o,name:c,email:m,phone:p,company_username:localStorage.getItem("company_username")};try{E(!0);const M=await fetch(`${ii.apiUrl}chatlog-create/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)}),A=await M.json();M.ok?t({name:c,email:m,phone:p,session_id:A?.user_session_id,messages:A.messages,hasInfo:!0}):console.error("Failed to register:",A)}catch(M){console.error("Error submitting session data:",M)}finally{E(!1)}};return ne.jsxs("div",{style:{padding:"1.5rem"},children:[ne.jsx(Kr,{type:"text",icon:ne.jsx(Gm,{}),onClick:e,style:{marginBottom:"1rem"},children:"Back"}),ne.jsx(XZ,{level:4,style:{marginBottom:"2rem"},children:"Let's create a session"}),ne.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1.5rem"},children:[ne.jsxs("div",{children:[ne.jsx(xO,{strong:!0,children:"👋 Please, can I have your name?"}),ne.jsx(Wu,{size:"large",placeholder:"John Doe",value:c,onChange:O=>f(O.target.value),style:{marginTop:"0.5rem"}})]}),ne.jsxs("div",{children:[ne.jsx(xO,{strong:!0,children:"📧 What’s your email address?"}),ne.jsx(Wu,{size:"large",type:"email",placeholder:"you@example.com",value:m,onChange:O=>g(O.target.value),style:{marginTop:"0.5rem"}})]}),ne.jsxs("div",{children:[ne.jsx(xO,{strong:!0,children:"📱 May I have your phone number?"}),ne.jsx(Wu,{size:"large",placeholder:"+1 234 567 8900",value:p,onChange:O=>y(O.target.value),style:{marginTop:"0.5rem"}})]}),ne.jsx(Kr,{type:"primary",size:"large",style:{backgroundColor:a,color:"white"},onClick:T,disabled:!c||!m||!p,children:S?ne.jsx(Js,{indicator:ne.jsx(is,{style:{fontSize:20,color:"white"},spin:!0})}):"Create Session"})]})]})},WZ=e=>{const[t,a]=x.useState([]),[r,o]=x.useState(!1),c=async()=>{const f=e;if(f){o(!0);try{const m=await $a.get(`${ii.apiUrl}chat-message-history/`,{withCredentials:!0,params:{session_id:f,username:localStorage.getItem("company_username")}});m.data?.messages?.length>0&&(a(m.data.messages),o(!1))}catch(m){console.error("Couldn't load history",m)}}};return x.useEffect(()=>{c()},[e]),{messages:t,setMessages:a,isFetchingMessages:r}};function oi(e,t,a,r){return new(a||(a=Promise))(function(o,c){function f(p){try{g(r.next(p))}catch(y){c(y)}}function m(p){try{g(r.throw(p))}catch(y){c(y)}}function g(p){var y;p.done?o(p.value):(y=p.value,y instanceof a?y:new a(function(S){S(y)})).then(f,m)}g((r=r.apply(e,t||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;class b0{constructor(){this.listeners={}}on(t,a,r){if(this.listeners[t]||(this.listeners[t]=new Set),this.listeners[t].add(a),r?.once){const o=()=>{this.un(t,o),this.un(t,a)};return this.on(t,o),o}return()=>this.un(t,a)}un(t,a){var r;(r=this.listeners[t])===null||r===void 0||r.delete(a)}once(t,a){return this.on(t,a,{once:!0})}unAll(){this.listeners={}}emit(t,...a){this.listeners[t]&&this.listeners[t].forEach(r=>r(...a))}}const tx={decode:function(e,t){return oi(this,void 0,void 0,function*(){const a=new AudioContext({sampleRate:t});return a.decodeAudioData(e).finally(()=>a.close())})},createBuffer:function(e,t){return typeof e[0]=="number"&&(e=[e]),function(a){const r=a[0];if(r.some(o=>o>1||o<-1)){const o=r.length;let c=0;for(let f=0;f<o;f++){const m=Math.abs(r[f]);m>c&&(c=m)}for(const f of a)for(let m=0;m<o;m++)f[m]/=c}}(e),{duration:t,length:e[0].length,sampleRate:e[0].length/t,numberOfChannels:e.length,getChannelData:a=>e?.[a],copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};function H6(e,t){const a=t.xmlns?document.createElementNS(t.xmlns,e):document.createElement(e);for(const[r,o]of Object.entries(t))if(r==="children"&&o)for(const[c,f]of Object.entries(o))f instanceof Node?a.appendChild(f):typeof f=="string"?a.appendChild(document.createTextNode(f)):a.appendChild(H6(c,f));else r==="style"?Object.assign(a.style,o):r==="textContent"?a.textContent=o:a.setAttribute(r,o.toString());return a}function P6(e,t,a){const r=H6(e,t||{});return a?.appendChild(r),r}var ZZ=Object.freeze({__proto__:null,createElement:P6,default:P6});const KZ={fetchBlob:function(e,t,a){return oi(this,void 0,void 0,function*(){const r=yield fetch(e,a);if(r.status>=400)throw new Error(`Failed to fetch ${e}: ${r.status} (${r.statusText})`);return function(o,c){oi(this,void 0,void 0,function*(){if(!o.body||!o.headers)return;const f=o.body.getReader(),m=Number(o.headers.get("Content-Length"))||0;let g=0;const p=S=>oi(this,void 0,void 0,function*(){g+=S?.length||0;const E=Math.round(g/m*100);c(E)}),y=()=>oi(this,void 0,void 0,function*(){let S;try{S=yield f.read()}catch{return}S.done||(p(S.value),yield y())});y()})}(r.clone(),t),r.blob()})}};class QZ extends b0{constructor(t){super(),this.isExternalMedia=!1,t.media?(this.media=t.media,this.isExternalMedia=!0):this.media=document.createElement("audio"),t.mediaControls&&(this.media.controls=!0),t.autoplay&&(this.media.autoplay=!0),t.playbackRate!=null&&this.onMediaEvent("canplay",()=>{t.playbackRate!=null&&(this.media.playbackRate=t.playbackRate)},{once:!0})}onMediaEvent(t,a,r){return this.media.addEventListener(t,a,r),()=>this.media.removeEventListener(t,a,r)}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const t=this.getSrc();t.startsWith("blob:")&&URL.revokeObjectURL(t)}canPlayType(t){return this.media.canPlayType(t)!==""}setSrc(t,a){const r=this.getSrc();if(t&&r===t)return;this.revokeSrc();const o=a instanceof Blob&&(this.canPlayType(a.type)||!t)?URL.createObjectURL(a):t;if(r&&this.media.removeAttribute("src"),o||t)try{this.media.src=o}catch{this.media.src=t}}destroy(){this.isExternalMedia||(this.media.pause(),this.media.remove(),this.revokeSrc(),this.media.removeAttribute("src"),this.media.load())}setMediaElement(t){this.media=t}play(){return oi(this,void 0,void 0,function*(){return this.media.play()})}pause(){this.media.pause()}isPlaying(){return!this.media.paused&&!this.media.ended}setTime(t){this.media.currentTime=Math.max(0,Math.min(t,this.getDuration()))}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(t){this.media.volume=t}getMuted(){return this.media.muted}setMuted(t){this.media.muted=t}getPlaybackRate(){return this.media.playbackRate}isSeeking(){return this.media.seeking}setPlaybackRate(t,a){a!=null&&(this.media.preservesPitch=a),this.media.playbackRate=t}getMediaElement(){return this.media}setSinkId(t){return this.media.setSinkId(t)}}class Ym extends b0{constructor(t,a){super(),this.timeouts=[],this.isScrollable=!1,this.audioData=null,this.resizeObserver=null,this.lastContainerWidth=0,this.isDragging=!1,this.subscriptions=[],this.unsubscribeOnScroll=[],this.subscriptions=[],this.options=t;const r=this.parentFromOptionsContainer(t.container);this.parent=r;const[o,c]=this.initHtml();r.appendChild(o),this.container=o,this.scrollContainer=c.querySelector(".scroll"),this.wrapper=c.querySelector(".wrapper"),this.canvasWrapper=c.querySelector(".canvases"),this.progressWrapper=c.querySelector(".progress"),this.cursor=c.querySelector(".cursor"),a&&c.appendChild(a),this.initEvents()}parentFromOptionsContainer(t){let a;if(typeof t=="string"?a=document.querySelector(t):t instanceof HTMLElement&&(a=t),!a)throw new Error("Container not found");return a}initEvents(){const t=a=>{const r=this.wrapper.getBoundingClientRect(),o=a.clientX-r.left,c=a.clientY-r.top;return[o/r.width,c/r.height]};if(this.wrapper.addEventListener("click",a=>{const[r,o]=t(a);this.emit("click",r,o)}),this.wrapper.addEventListener("dblclick",a=>{const[r,o]=t(a);this.emit("dblclick",r,o)}),this.options.dragToSeek!==!0&&typeof this.options.dragToSeek!="object"||this.initDrag(),this.scrollContainer.addEventListener("scroll",()=>{const{scrollLeft:a,scrollWidth:r,clientWidth:o}=this.scrollContainer,c=a/r,f=(a+o)/r;this.emit("scroll",c,f,a,a+o)}),typeof ResizeObserver=="function"){const a=this.createDelay(100);this.resizeObserver=new ResizeObserver(()=>{a().then(()=>this.onContainerResize()).catch(()=>{})}),this.resizeObserver.observe(this.scrollContainer)}}onContainerResize(){const t=this.parent.clientWidth;t===this.lastContainerWidth&&this.options.height!=="auto"||(this.lastContainerWidth=t,this.reRender())}initDrag(){this.subscriptions.push(function(t,a,r,o,c=3,f=0,m=100){if(!t)return()=>{};const g=matchMedia("(pointer: coarse)").matches;let p=()=>{};const y=S=>{if(S.button!==f)return;S.preventDefault(),S.stopPropagation();let E=S.clientX,T=S.clientY,O=!1;const M=Date.now(),A=D=>{if(D.preventDefault(),D.stopPropagation(),g&&Date.now()-M<m)return;const V=D.clientX,B=D.clientY,z=V-E,U=B-T;if(O||Math.abs(z)>c||Math.abs(U)>c){const H=t.getBoundingClientRect(),{left:J,top:Y}=H;O||(r?.(E-J,T-Y),O=!0),a(z,U,V-J,B-Y),E=V,T=B}},N=D=>{if(O){const V=D.clientX,B=D.clientY,z=t.getBoundingClientRect(),{left:U,top:H}=z;o?.(V-U,B-H)}p()},_=D=>{D.relatedTarget&&D.relatedTarget!==document.documentElement||N(D)},j=D=>{O&&(D.stopPropagation(),D.preventDefault())},L=D=>{O&&D.preventDefault()};document.addEventListener("pointermove",A),document.addEventListener("pointerup",N),document.addEventListener("pointerout",_),document.addEventListener("pointercancel",_),document.addEventListener("touchmove",L,{passive:!1}),document.addEventListener("click",j,{capture:!0}),p=()=>{document.removeEventListener("pointermove",A),document.removeEventListener("pointerup",N),document.removeEventListener("pointerout",_),document.removeEventListener("pointercancel",_),document.removeEventListener("touchmove",L),setTimeout(()=>{document.removeEventListener("click",j,{capture:!0})},10)}};return t.addEventListener("pointerdown",y),()=>{p(),t.removeEventListener("pointerdown",y)}}(this.wrapper,(t,a,r)=>{this.emit("drag",Math.max(0,Math.min(1,r/this.wrapper.getBoundingClientRect().width)))},t=>{this.isDragging=!0,this.emit("dragstart",Math.max(0,Math.min(1,t/this.wrapper.getBoundingClientRect().width)))},t=>{this.isDragging=!1,this.emit("dragend",Math.max(0,Math.min(1,t/this.wrapper.getBoundingClientRect().width)))}))}getHeight(t,a){var r;const o=((r=this.audioData)===null||r===void 0?void 0:r.numberOfChannels)||1;if(t==null)return 128;if(!isNaN(Number(t)))return Number(t);if(t==="auto"){const c=this.parent.clientHeight||128;return a?.every(f=>!f.overlay)?c/o:c}return 128}initHtml(){const t=document.createElement("div"),a=t.attachShadow({mode:"open"}),r=this.options.cspNonce&&typeof this.options.cspNonce=="string"?this.options.cspNonce.replace(/"/g,""):"";return a.innerHTML=`
|
|
572
|
+
`]:Object.assign(Object.assign({},wN(e)),{marginInlineStart:e.marginXXS})}),hZ(e)),mZ(e)),pZ()),{"&-rtl":{direction:"rtl"}})}},O6=Ci("Typography",e=>[gZ(e)],()=>({titleMarginTop:"1.2em",titleMarginBottom:"0.5em"})),vZ=e=>{const{prefixCls:t,"aria-label":a,className:r,style:o,direction:c,maxLength:f,autoSize:m=!0,value:g,onSave:p,onCancel:y,onEnd:S,component:E,enterIcon:T=x.createElement(b6,null)}=e,O=x.useRef(null),M=x.useRef(!1),A=x.useRef(null),[N,_]=x.useState(g);x.useEffect(()=>{_(g)},[g]),x.useEffect(()=>{var W;if(!((W=O.current)===null||W===void 0)&&W.resizableTextArea){const{textArea:ie}=O.current.resizableTextArea;ie.focus();const{length:G}=ie.value;ie.setSelectionRange(G,G)}},[]);const j=({target:W})=>{_(W.value.replace(/[\n\r]/g,""))},L=()=>{M.current=!0},D=()=>{M.current=!1},V=({keyCode:W})=>{M.current||(A.current=W)},B=()=>{p(N.trim())},z=({keyCode:W,ctrlKey:ie,altKey:G,metaKey:F,shiftKey:Q})=>{A.current!==W||M.current||ie||G||F||Q||(W===Zt.ENTER?(B(),S?.()):W===Zt.ESC&&y())},U=()=>{B()},[H,J,Y]=O6(t),Z=Qe(t,`${t}-edit-content`,{[`${t}-rtl`]:c==="rtl",[`${t}-${E}`]:!!E},r,J,Y);return H(x.createElement("div",{className:Z,style:o},x.createElement(K$,{ref:O,maxLength:f,value:N,onChange:j,onKeyDown:V,onKeyUp:z,onCompositionStart:L,onCompositionEnd:D,onBlur:U,"aria-label":a,rows:1,autoSize:m}),T!==null?Zs(T,{className:`${t}-edit-content-confirm`}):null))};var fO,R6;function yZ(){return R6||(R6=1,fO=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,a=[],r=0;r<e.rangeCount;r++)a.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||a.forEach(function(o){e.addRange(o)}),t&&t.focus()}}),fO}var dO,A6;function bZ(){if(A6)return dO;A6=1;var e=yZ(),t={"text/plain":"Text","text/html":"Url",default:"Text"},a="Copy to clipboard: #{key}, Enter";function r(c){var f=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return c.replace(/#{\s*key\s*}/g,f)}function o(c,f){var m,g,p,y,S,E,T=!1;f||(f={}),m=f.debug||!1;try{p=e(),y=document.createRange(),S=document.getSelection(),E=document.createElement("span"),E.textContent=c,E.ariaHidden="true",E.style.all="unset",E.style.position="fixed",E.style.top=0,E.style.clip="rect(0, 0, 0, 0)",E.style.whiteSpace="pre",E.style.webkitUserSelect="text",E.style.MozUserSelect="text",E.style.msUserSelect="text",E.style.userSelect="text",E.addEventListener("copy",function(M){if(M.stopPropagation(),f.format)if(M.preventDefault(),typeof M.clipboardData>"u"){m&&console.warn("unable to use e.clipboardData"),m&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var A=t[f.format]||t.default;window.clipboardData.setData(A,c)}else M.clipboardData.clearData(),M.clipboardData.setData(f.format,c);f.onCopy&&(M.preventDefault(),f.onCopy(M.clipboardData))}),document.body.appendChild(E),y.selectNodeContents(E),S.addRange(y);var O=document.execCommand("copy");if(!O)throw new Error("copy command was unsuccessful");T=!0}catch(M){m&&console.error("unable to copy using execCommand: ",M),m&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(f.format||"text",c),f.onCopy&&f.onCopy(window.clipboardData),T=!0}catch(A){m&&console.error("unable to copy using clipboardData: ",A),m&&console.error("falling back to prompt"),g=r("message"in f?f.message:a),window.prompt(g,c)}}finally{S&&(typeof S.removeRange=="function"?S.removeRange(y):S.removeAllRanges()),E&&document.body.removeChild(E),p()}return T}return dO=o,dO}var SZ=bZ();const xZ=bv(SZ);var CZ=function(e,t,a,r){function o(c){return c instanceof a?c:new a(function(f){f(c)})}return new(a||(a=Promise))(function(c,f){function m(y){try{p(r.next(y))}catch(S){f(S)}}function g(y){try{p(r.throw(y))}catch(S){f(S)}}function p(y){y.done?c(y.value):o(y.value).then(m,g)}p((r=r.apply(e,t||[])).next())})};const EZ=({copyConfig:e,children:t})=>{const[a,r]=x.useState(!1),[o,c]=x.useState(!1),f=x.useRef(null),m=()=>{f.current&&clearTimeout(f.current)},g={};e.format&&(g.format=e.format),x.useEffect(()=>m,[]);const p=cr(y=>CZ(void 0,void 0,void 0,function*(){var S;y?.preventDefault(),y?.stopPropagation(),c(!0);try{const E=typeof e.text=="function"?yield e.text():e.text;xZ(E||fW(t,!0).join("")||"",g),c(!1),r(!0),m(),f.current=setTimeout(()=>{r(!1)},3e3),(S=e.onCopy)===null||S===void 0||S.call(e,y)}catch(E){throw c(!1),E}}));return{copied:a,copyLoading:o,onClick:p}};function hO(e,t){return x.useMemo(()=>{const a=!!e;return[a,Object.assign(Object.assign({},t),a&&typeof e=="object"?e:null)]},[e])}const wZ=e=>{const t=x.useRef(void 0);return x.useEffect(()=>{t.current=e}),t.current},TZ=(e,t,a)=>x.useMemo(()=>e===!0?{title:t??a}:x.isValidElement(e)?{title:e}:typeof e=="object"?Object.assign({title:t??a},e):{title:e},[e,t,a]);var M6={},OZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const mO=x.forwardRef((e,t)=>{const{prefixCls:a,component:r="article",className:o,rootClassName:c,setContentRef:f,children:m,direction:g,style:p}=e,y=OZ(e,["prefixCls","component","className","rootClassName","setContentRef","children","direction","style"]),{getPrefixCls:S,direction:E,className:T,style:O}=ns("typography"),M=g??E,A=f?Kl(t,f):t,N=S("typography",a);M6.NODE_ENV!=="production"&&Ha("Typography").deprecated(!f,"setContentRef","ref");const[_,j,L]=O6(N),D=Qe(N,T,{[`${N}-rtl`]:M==="rtl"},o,c,j,L),V=Object.assign(Object.assign({},O),p);return _(x.createElement(r,Object.assign({className:D,style:V,ref:A},y),m))});M6.NODE_ENV!=="production"&&(mO.displayName="Typography");var RZ={};function _6(e){return e===!1?[!1,!1]:Array.isArray(e)?e:[e]}function pO(e,t,a){return e===!0||e===void 0?t:e||a&&t}function AZ(e){const t=document.createElement("em");e.appendChild(t),RZ.NODE_ENV!=="production"&&(t.className="ant-typography-css-ellipsis-content-measure");const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();return e.removeChild(t),a.left>r.left||r.right>a.right||a.top>r.top||r.bottom>a.bottom}const gO=e=>["string","number"].includes(typeof e),MZ=({prefixCls:e,copied:t,locale:a,iconOnly:r,tooltips:o,icon:c,tabIndex:f,onCopy:m,loading:g})=>{const p=_6(o),y=_6(c),{copied:S,copy:E}=a??{},T=t?S:E,O=pO(p[t?1:0],T),M=typeof O=="string"?O:T;return x.createElement(Ld,{title:O},x.createElement("button",{type:"button",className:Qe(`${e}-copy`,{[`${e}-copy-success`]:t,[`${e}-copy-icon-only`]:r}),onClick:m,"aria-label":M,tabIndex:f},t?pO(y[1],x.createElement(BT,null),!0):pO(y[0],g?x.createElement(is,null):x.createElement(v6,null),!0)))},Q1=x.forwardRef(({style:e,children:t},a)=>{const r=x.useRef(null);return x.useImperativeHandle(a,()=>({isExceed:()=>{const o=r.current;return o.scrollHeight>o.clientHeight},getHeight:()=>r.current.clientHeight})),x.createElement("span",{"aria-hidden":!0,ref:r,style:Object.assign({position:"fixed",display:"block",left:0,top:0,pointerEvents:"none",backgroundColor:"rgba(255, 0, 0, 0.65)"},e)},t)}),_Z=e=>e.reduce((t,a)=>t+(gO(a)?String(a).length:1),0);function D6(e,t){let a=0;const r=[];for(let o=0;o<e.length;o+=1){if(a===t)return r;const c=e[o],m=gO(c)?String(c).length:1,g=a+m;if(g>t){const p=t-a;return r.push(String(c).slice(0,p)),r}r.push(c),a=g}return e}const vO=0,yO=1,bO=2,SO=3,N6=4,J1={display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical"};function DZ(e){const{enableMeasure:t,width:a,text:r,children:o,rows:c,expanded:f,miscDeps:m,onEllipsis:g}=e,p=x.useMemo(()=>Xs(r),[r]),y=x.useMemo(()=>_Z(p),[r]),S=x.useMemo(()=>o(p,!1),[r]),[E,T]=x.useState(null),O=x.useRef(null),M=x.useRef(null),A=x.useRef(null),N=x.useRef(null),_=x.useRef(null),[j,L]=x.useState(!1),[D,V]=x.useState(vO),[B,z]=x.useState(0),[U,H]=x.useState(null);Zn(()=>{V(t&&a&&y?yO:vO)},[a,r,c,t,p]),Zn(()=>{var W,ie,G,F;if(D===yO){V(bO);const Q=M.current&&getComputedStyle(M.current).whiteSpace;H(Q)}else if(D===bO){const Q=!!(!((W=A.current)===null||W===void 0)&&W.isExceed());V(Q?SO:N6),T(Q?[0,y]:null),L(Q);const se=((ie=A.current)===null||ie===void 0?void 0:ie.getHeight())||0,k=c===1?0:((G=N.current)===null||G===void 0?void 0:G.getHeight())||0,q=((F=_.current)===null||F===void 0?void 0:F.getHeight())||0,ee=Math.max(se,k+q);z(ee+1),g(Q)}},[D]);const J=E?Math.ceil((E[0]+E[1])/2):0;Zn(()=>{var W;const[ie,G]=E||[0,0];if(ie!==G){const Q=(((W=O.current)===null||W===void 0?void 0:W.getHeight())||0)>B;let se=J;G-ie===1&&(se=Q?ie:G),T(Q?[ie,se]:[se,G])}},[E,J]);const Y=x.useMemo(()=>{if(!t)return o(p,!1);if(D!==SO||!E||E[0]!==E[1]){const W=o(p,!1);return[N6,vO].includes(D)?W:x.createElement("span",{style:Object.assign(Object.assign({},J1),{WebkitLineClamp:c})},W)}return o(f?p:D6(p,E[0]),j)},[f,D,E,p].concat(jt(m))),Z={width:a,margin:0,padding:0,whiteSpace:U==="nowrap"?"normal":"inherit"};return x.createElement(x.Fragment,null,Y,D===bO&&x.createElement(x.Fragment,null,x.createElement(Q1,{style:Object.assign(Object.assign(Object.assign({},Z),J1),{WebkitLineClamp:c}),ref:A},S),x.createElement(Q1,{style:Object.assign(Object.assign(Object.assign({},Z),J1),{WebkitLineClamp:c-1}),ref:N},S),x.createElement(Q1,{style:Object.assign(Object.assign(Object.assign({},Z),J1),{WebkitLineClamp:1}),ref:_},o([],!0))),D===SO&&E&&E[0]!==E[1]&&x.createElement(Q1,{style:Object.assign(Object.assign({},Z),{top:400}),ref:O},o(D6(p,J),!0)),D===yO&&x.createElement("span",{style:{whiteSpace:"inherit"},ref:M}))}var NZ={};const $6=({enableEllipsis:e,isEllipsis:t,children:a,tooltipProps:r})=>!r?.title||!e?a:x.createElement(Ld,Object.assign({open:t?void 0:!1},r),a);NZ.NODE_ENV!=="production"&&($6.displayName="EllipsisTooltip");var $Z=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};function zZ({mark:e,code:t,underline:a,delete:r,strong:o,keyboard:c,italic:f},m){let g=m;function p(y,S){S&&(g=x.createElement(y,{},g))}return p("strong",o),p("u",a),p("del",r),p("code",t),p("mark",e),p("kbd",c),p("i",f),g}const jZ="...",z6=["delete","mark","code","underline","strong","keyboard","italic"],ex=x.forwardRef((e,t)=>{var a;const{prefixCls:r,className:o,style:c,type:f,disabled:m,children:g,ellipsis:p,editable:y,copyable:S,component:E,title:T}=e,O=$Z(e,["prefixCls","className","style","type","disabled","children","ellipsis","editable","copyable","component","title"]),{getPrefixCls:M,direction:A}=x.useContext(oa),[N]=qv("Text"),_=x.useRef(null),j=x.useRef(null),L=M("typography",r),D=$d(O,z6),[V,B]=hO(y),[z,U]=vo(!1,{value:B.editing}),{triggerType:H=["icon"]}=B,J=at=>{var lt;at&&((lt=B.onStart)===null||lt===void 0||lt.call(B)),U(at)},Y=wZ(z);Zn(()=>{var at;!z&&Y&&((at=j.current)===null||at===void 0||at.focus())},[z]);const Z=at=>{at?.preventDefault(),J(!0)},W=at=>{var lt;(lt=B.onChange)===null||lt===void 0||lt.call(B,at),J(!1)},ie=()=>{var at;(at=B.onCancel)===null||at===void 0||at.call(B),J(!1)},[G,F]=hO(S),{copied:Q,copyLoading:se,onClick:k}=EZ({copyConfig:F,children:g}),[q,ee]=x.useState(!1),[ae,oe]=x.useState(!1),[le,ue]=x.useState(!1),[Ee,ze]=x.useState(!1),[De,Fe]=x.useState(!0),[ve,he]=hO(p,{expandable:!1,symbol:at=>at?N?.collapse:N?.expand}),[je,Ue]=vo(he.defaultExpanded||!1,{value:he.expanded}),me=ve&&(!je||he.expandable==="collapsible"),{rows:ye=1}=he,Se=x.useMemo(()=>me&&(he.suffix!==void 0||he.onEllipsis||he.expandable||V||G),[me,he,V,G]);Zn(()=>{ve&&!Se&&(ee(h4("webkitLineClamp")),oe(h4("textOverflow")))},[Se,ve]);const[Re,Ae]=x.useState(me),we=x.useMemo(()=>Se?!1:ye===1?ae:q,[Se,ae,q]);Zn(()=>{Ae(we&&me)},[we,me]);const Te=me&&(Re?Ee:le),Ne=me&&ye===1&&Re,ke=me&&ye>1&&Re,Le=(at,lt)=>{var X;Ue(lt.expanded),(X=he.onExpand)===null||X===void 0||X.call(he,at,lt)},[it,ut]=x.useState(0),vt=({offsetWidth:at})=>{ut(at)},At=at=>{var lt;ue(at),le!==at&&((lt=he.onEllipsis)===null||lt===void 0||lt.call(he,at))};x.useEffect(()=>{const at=_.current;if(ve&&Re&&at){const lt=AZ(at);Ee!==lt&&ze(lt)}},[ve,Re,g,ke,De,it]),x.useEffect(()=>{const at=_.current;if(typeof IntersectionObserver>"u"||!at||!Re||!me)return;const lt=new IntersectionObserver(()=>{Fe(!!at.offsetParent)});return lt.observe(at),()=>{lt.disconnect()}},[Re,me]);const ht=TZ(he.tooltip,B.text,g),Lt=x.useMemo(()=>{if(!(!ve||Re))return[B.text,g,T,ht.title].find(gO)},[ve,Re,T,ht.title,Te]);if(z)return x.createElement(vZ,{value:(a=B.text)!==null&&a!==void 0?a:typeof g=="string"?g:"",onSave:W,onCancel:ie,onEnd:B.onEnd,prefixCls:L,className:o,style:c,direction:A,component:E,maxLength:B.maxLength,autoSize:B.autoSize,enterIcon:B.enterIcon});const Vt=()=>{const{expandable:at,symbol:lt}=he;return at?x.createElement("button",{type:"button",key:"expand",className:`${L}-${je?"collapse":"expand"}`,onClick:X=>Le(X,{expanded:!je}),"aria-label":je?N.collapse:N?.expand},typeof lt=="function"?lt(je):lt):null},_t=()=>{if(!V)return;const{icon:at,tooltip:lt,tabIndex:X}=B,ge=Xs(lt)[0]||N?.edit,tt=typeof ge=="string"?ge:"";return H.includes("icon")?x.createElement(Ld,{key:"edit",title:lt===!1?"":ge},x.createElement("button",{type:"button",ref:j,className:`${L}-edit`,onClick:Z,"aria-label":tt,tabIndex:X},at||x.createElement(y6,{role:"button"}))):null},Tt=()=>G?x.createElement(MZ,Object.assign({key:"copy"},F,{prefixCls:L,copied:Q,locale:N,onCopy:k,loading:se,iconOnly:g==null})):null,ct=at=>[at&&Vt(),_t(),Tt()],gt=at=>[at&&!je&&x.createElement("span",{"aria-hidden":!0,key:"ellipsis"},jZ),he.suffix,ct(at)];return x.createElement(Ql,{onResize:vt,disabled:!me},at=>x.createElement($6,{tooltipProps:ht,enableEllipsis:me,isEllipsis:Te},x.createElement(mO,Object.assign({className:Qe({[`${L}-${f}`]:f,[`${L}-disabled`]:m,[`${L}-ellipsis`]:ve,[`${L}-ellipsis-single-line`]:Ne,[`${L}-ellipsis-multiple-line`]:ke},o),prefixCls:r,style:Object.assign(Object.assign({},c),{WebkitLineClamp:ke?ye:void 0}),component:E,ref:Kl(at,_,t),direction:A,onClick:H.includes("text")?Z:void 0,"aria-label":Lt?.toString(),title:T},D),x.createElement(DZ,{enableMeasure:me&&!Re,text:g,rows:ye,width:it,onEllipsis:At,expanded:je,miscDeps:[Q,je,se,V,G,N].concat(jt(z6.map(lt=>e[lt])))},(lt,X)=>zZ(e,x.createElement(x.Fragment,null,lt.length>0&&X&&!je&&Lt?x.createElement("span",{key:"show-content","aria-hidden":!0},lt):lt,gt(X)))))))});var j6={},LZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const VZ=x.forwardRef((e,t)=>{var{ellipsis:a,rel:r}=e,o=LZ(e,["ellipsis","rel"]);if(j6.NODE_ENV!=="production"){const f=Ha("Typography.Link");j6.NODE_ENV!=="production"&&f(typeof a!="object","usage","`ellipsis` only supports boolean value.")}const c=Object.assign(Object.assign({},o),{rel:r===void 0&&o.target==="_blank"?"noopener noreferrer":r});return delete c.navigate,x.createElement(ex,Object.assign({},c,{ref:t,ellipsis:!!a,component:"a"}))}),BZ=x.forwardRef((e,t)=>x.createElement(ex,Object.assign({ref:t},e,{component:"div"})));var L6={},HZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const PZ=(e,t)=>{var{ellipsis:a}=e,r=HZ(e,["ellipsis"]);const o=x.useMemo(()=>a&&typeof a=="object"?$d(a,["expandable","rows"]):a,[a]);if(L6.NODE_ENV!=="production"){const c=Ha("Typography.Text");L6.NODE_ENV!=="production"&&c(typeof a!="object"||!a||!("expandable"in a)&&!("rows"in a),"usage","`ellipsis` do not support `expandable` or `rows` props.")}return x.createElement(ex,Object.assign({ref:t},r,{ellipsis:o,component:"span"}))},UZ=x.forwardRef(PZ);var V6={},IZ=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]]);return a};const B6=[1,2,3,4,5],kZ=x.forwardRef((e,t)=>{const{level:a=1}=e,r=IZ(e,["level"]);if(V6.NODE_ENV!=="production"){const c=Ha("Typography.Title");V6.NODE_ENV!=="production"&&c(B6.includes(a),"usage","Title only accept `1 | 2 | 3 | 4 | 5` as `level` value. And `5` need 4.6.0+ version.")}const o=B6.includes(a)?`h${a}`:"h1";return x.createElement(ex,Object.assign({ref:t},r,{component:o}))}),Xm=mO;Xm.Text=UZ,Xm.Link=VZ,Xm.Title=kZ,Xm.Paragraph=BZ;const{Text:FZ,Title:qZ}=Xm,GZ=({chatbotLogo:e,colorCode:t,onNewSession:a,visitorId:r,onSessionSelect:o,setOpen:c,Opened:f,Phone:m})=>{const[g,p]=x.useState([]),[y,S]=x.useState(!0),E=async()=>{try{S(!0);const A=(await(await fetch(`${ii.apiUrl}get-chatlogs-by-ip/?visitor_id=${r}&company_username=${localStorage.getItem("company_username")}`)).json()).map(N=>{const _=new Date(N.date),D=Math.floor((new Date().getTime()-_.getTime())/(1e3*60*60*24))>=3;return{id:N.user_session_id,agentName:N.assignee||"AI Agent",createdAt:N.date,isBlurred:N.closed||D,agentImage:N.assignee_picture}});p(A)}catch(O){console.error("Failed to load sessions:",O)}finally{S(!1)}};x.useEffect(()=>{r&&E()},[r]);const T=ne.jsx(is,{style:{fontSize:24,color:"#7F28F8"},spin:!0});return ne.jsxs("div",{style:{maxWidth:"100%",height:"100%",border:"1px solid #f0f0f0",borderRadius:8,overflow:"hidden",display:"flex",flexDirection:"column",paddingTop:20},children:[ne.jsxs("div",{style:{padding:"0 16px 10px",display:"flex"},children:[ne.jsx(qZ,{level:4,style:{margin:0},children:"Conversations"}),ne.jsx(e0,{onClick:()=>c(!f),className:"chatbot-close",style:{marginLeft:"auto"}})]}),ne.jsx("div",{style:{flex:1,overflowY:"auto"},children:y?ne.jsx("div",{style:{textAlign:"center",padding:"2rem"},children:ne.jsx(Js,{indicator:T})}):g.length>0?ne.jsx(Z1,{itemLayout:"horizontal",dataSource:g,split:!0,renderItem:O=>ne.jsx(Z1.Item,{onClick:()=>!O.isBlurred&&o(O.id,O.agentName||"Ai Agent",O.agentImage||e),style:{padding:"12px",opacity:O.isBlurred?.5:1,cursor:O.isBlurred?"not-allowed":"pointer",borderBottom:"1px solid #f0f0f0"},children:ne.jsx(Z1.Item.Meta,{avatar:ne.jsx(GT,{size:"large",src:O.agentImage||e,icon:!O.agentImage&&!e?ne.jsx(w6,{}):void 0}),title:ne.jsx("span",{style:{fontWeight:600},children:O.agentName||"AI Agent"}),description:ne.jsxs(ne.Fragment,{children:[ne.jsxs(FZ,{type:"secondary",children:["Created: ",new Date(O.createdAt).toLocaleDateString()]}),O.isBlurred&&ne.jsx("div",{style:{color:"red",fontSize:"12px",marginTop:4},children:"This session is closed and cannot be reopened."})]})})},O.id)}):ne.jsx("div",{style:{padding:"1rem",textAlign:"center",color:"#888"},children:"No conversations yet."})}),ne.jsxs("div",{style:{padding:"12px",borderTop:"1px solid #f0f0f0",display:"flex",gap:4},children:[ne.jsx(Kr,{type:"primary",size:"large",block:!0,style:{backgroundColor:t,color:"#fff"},onClick:a,children:"Ask a question"}),m?ne.jsx(Kr,{type:"default",style:{backgroundColor:"#25D366",color:"white"},className:"hover:border-black",size:"large",icon:ne.jsx(T6,{style:{color:"white"}}),onClick:()=>{const O=`https://wa.me/${m}`;window.open(O,"_blank")},children:"Chat on WhatsApp"}):ne.jsx(ne.Fragment,{})]})]})},{Title:XZ,Text:xO}=Xm,YZ=({onBack:e,onCreate:t,colorCode:a,visitorId:r,country:o})=>{const[c,f]=x.useState(""),[m,g]=x.useState(""),[p,y]=x.useState(""),[S,E]=x.useState(!1),T=async()=>{const O={visitor_id:r,country:o,name:c,email:m,phone:p,company_username:localStorage.getItem("company_username")};try{E(!0);const M=await fetch(`${ii.apiUrl}chatlog-create/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)}),A=await M.json();M.ok?t({name:c,email:m,phone:p,session_id:A?.user_session_id,messages:A.messages,hasInfo:!0}):console.error("Failed to register:",A)}catch(M){console.error("Error submitting session data:",M)}finally{E(!1)}};return ne.jsxs("div",{style:{padding:"1.5rem"},children:[ne.jsx(Kr,{type:"text",icon:ne.jsx(Gm,{}),onClick:e,style:{marginBottom:"1rem"},children:"Back"}),ne.jsx(XZ,{level:4,style:{marginBottom:"2rem"},children:"Let's create a session"}),ne.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1.5rem"},children:[ne.jsxs("div",{children:[ne.jsx(xO,{strong:!0,children:"👋 Please, can I have your name?"}),ne.jsx(Wu,{size:"large",placeholder:"John Doe",value:c,onChange:O=>f(O.target.value),style:{marginTop:"0.5rem"}})]}),ne.jsxs("div",{children:[ne.jsx(xO,{strong:!0,children:"📧 What’s your email address?"}),ne.jsx(Wu,{size:"large",type:"email",placeholder:"you@example.com",value:m,onChange:O=>g(O.target.value),style:{marginTop:"0.5rem"}})]}),ne.jsxs("div",{children:[ne.jsx(xO,{strong:!0,children:"📱 May I have your phone number?"}),ne.jsx(Wu,{size:"large",placeholder:"+1 234 567 8900",value:p,onChange:O=>y(O.target.value),style:{marginTop:"0.5rem"}})]}),ne.jsx(Kr,{type:"primary",size:"large",style:{backgroundColor:a,color:"white"},onClick:T,disabled:!c||!m||!p,children:S?ne.jsx(Js,{indicator:ne.jsx(is,{style:{fontSize:20,color:"white"},spin:!0})}):"Create Session"})]})]})},WZ=e=>{const[t,a]=x.useState([]),[r,o]=x.useState(!1),c=async()=>{const f=e;if(f){o(!0);try{const m=await $a.get(`${ii.apiUrl}chat-message-history/`,{withCredentials:!0,params:{session_id:f,username:localStorage.getItem("company_username")}});m.data?.messages?.length>0&&(a(m.data.messages),o(!1))}catch(m){console.error("Couldn't load history",m)}}};return x.useEffect(()=>{c()},[e]),{messages:t,setMessages:a,isFetchingMessages:r}};function oi(e,t,a,r){return new(a||(a=Promise))(function(o,c){function f(p){try{g(r.next(p))}catch(y){c(y)}}function m(p){try{g(r.throw(p))}catch(y){c(y)}}function g(p){var y;p.done?o(p.value):(y=p.value,y instanceof a?y:new a(function(S){S(y)})).then(f,m)}g((r=r.apply(e,t||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;class b0{constructor(){this.listeners={}}on(t,a,r){if(this.listeners[t]||(this.listeners[t]=new Set),this.listeners[t].add(a),r?.once){const o=()=>{this.un(t,o),this.un(t,a)};return this.on(t,o),o}return()=>this.un(t,a)}un(t,a){var r;(r=this.listeners[t])===null||r===void 0||r.delete(a)}once(t,a){return this.on(t,a,{once:!0})}unAll(){this.listeners={}}emit(t,...a){this.listeners[t]&&this.listeners[t].forEach(r=>r(...a))}}const tx={decode:function(e,t){return oi(this,void 0,void 0,function*(){const a=new AudioContext({sampleRate:t});return a.decodeAudioData(e).finally(()=>a.close())})},createBuffer:function(e,t){return typeof e[0]=="number"&&(e=[e]),function(a){const r=a[0];if(r.some(o=>o>1||o<-1)){const o=r.length;let c=0;for(let f=0;f<o;f++){const m=Math.abs(r[f]);m>c&&(c=m)}for(const f of a)for(let m=0;m<o;m++)f[m]/=c}}(e),{duration:t,length:e[0].length,sampleRate:e[0].length/t,numberOfChannels:e.length,getChannelData:a=>e?.[a],copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};function H6(e,t){const a=t.xmlns?document.createElementNS(t.xmlns,e):document.createElement(e);for(const[r,o]of Object.entries(t))if(r==="children"&&o)for(const[c,f]of Object.entries(o))f instanceof Node?a.appendChild(f):typeof f=="string"?a.appendChild(document.createTextNode(f)):a.appendChild(H6(c,f));else r==="style"?Object.assign(a.style,o):r==="textContent"?a.textContent=o:a.setAttribute(r,o.toString());return a}function P6(e,t,a){const r=H6(e,t||{});return a?.appendChild(r),r}var ZZ=Object.freeze({__proto__:null,createElement:P6,default:P6});const KZ={fetchBlob:function(e,t,a){return oi(this,void 0,void 0,function*(){const r=yield fetch(e,a);if(r.status>=400)throw new Error(`Failed to fetch ${e}: ${r.status} (${r.statusText})`);return function(o,c){oi(this,void 0,void 0,function*(){if(!o.body||!o.headers)return;const f=o.body.getReader(),m=Number(o.headers.get("Content-Length"))||0;let g=0;const p=S=>oi(this,void 0,void 0,function*(){g+=S?.length||0;const E=Math.round(g/m*100);c(E)}),y=()=>oi(this,void 0,void 0,function*(){let S;try{S=yield f.read()}catch{return}S.done||(p(S.value),yield y())});y()})}(r.clone(),t),r.blob()})}};class QZ extends b0{constructor(t){super(),this.isExternalMedia=!1,t.media?(this.media=t.media,this.isExternalMedia=!0):this.media=document.createElement("audio"),t.mediaControls&&(this.media.controls=!0),t.autoplay&&(this.media.autoplay=!0),t.playbackRate!=null&&this.onMediaEvent("canplay",()=>{t.playbackRate!=null&&(this.media.playbackRate=t.playbackRate)},{once:!0})}onMediaEvent(t,a,r){return this.media.addEventListener(t,a,r),()=>this.media.removeEventListener(t,a,r)}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const t=this.getSrc();t.startsWith("blob:")&&URL.revokeObjectURL(t)}canPlayType(t){return this.media.canPlayType(t)!==""}setSrc(t,a){const r=this.getSrc();if(t&&r===t)return;this.revokeSrc();const o=a instanceof Blob&&(this.canPlayType(a.type)||!t)?URL.createObjectURL(a):t;if(r&&this.media.removeAttribute("src"),o||t)try{this.media.src=o}catch{this.media.src=t}}destroy(){this.isExternalMedia||(this.media.pause(),this.media.remove(),this.revokeSrc(),this.media.removeAttribute("src"),this.media.load())}setMediaElement(t){this.media=t}play(){return oi(this,void 0,void 0,function*(){return this.media.play()})}pause(){this.media.pause()}isPlaying(){return!this.media.paused&&!this.media.ended}setTime(t){this.media.currentTime=Math.max(0,Math.min(t,this.getDuration()))}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(t){this.media.volume=t}getMuted(){return this.media.muted}setMuted(t){this.media.muted=t}getPlaybackRate(){return this.media.playbackRate}isSeeking(){return this.media.seeking}setPlaybackRate(t,a){a!=null&&(this.media.preservesPitch=a),this.media.playbackRate=t}getMediaElement(){return this.media}setSinkId(t){return this.media.setSinkId(t)}}class Ym extends b0{constructor(t,a){super(),this.timeouts=[],this.isScrollable=!1,this.audioData=null,this.resizeObserver=null,this.lastContainerWidth=0,this.isDragging=!1,this.subscriptions=[],this.unsubscribeOnScroll=[],this.subscriptions=[],this.options=t;const r=this.parentFromOptionsContainer(t.container);this.parent=r;const[o,c]=this.initHtml();r.appendChild(o),this.container=o,this.scrollContainer=c.querySelector(".scroll"),this.wrapper=c.querySelector(".wrapper"),this.canvasWrapper=c.querySelector(".canvases"),this.progressWrapper=c.querySelector(".progress"),this.cursor=c.querySelector(".cursor"),a&&c.appendChild(a),this.initEvents()}parentFromOptionsContainer(t){let a;if(typeof t=="string"?a=document.querySelector(t):t instanceof HTMLElement&&(a=t),!a)throw new Error("Container not found");return a}initEvents(){const t=a=>{const r=this.wrapper.getBoundingClientRect(),o=a.clientX-r.left,c=a.clientY-r.top;return[o/r.width,c/r.height]};if(this.wrapper.addEventListener("click",a=>{const[r,o]=t(a);this.emit("click",r,o)}),this.wrapper.addEventListener("dblclick",a=>{const[r,o]=t(a);this.emit("dblclick",r,o)}),this.options.dragToSeek!==!0&&typeof this.options.dragToSeek!="object"||this.initDrag(),this.scrollContainer.addEventListener("scroll",()=>{const{scrollLeft:a,scrollWidth:r,clientWidth:o}=this.scrollContainer,c=a/r,f=(a+o)/r;this.emit("scroll",c,f,a,a+o)}),typeof ResizeObserver=="function"){const a=this.createDelay(100);this.resizeObserver=new ResizeObserver(()=>{a().then(()=>this.onContainerResize()).catch(()=>{})}),this.resizeObserver.observe(this.scrollContainer)}}onContainerResize(){const t=this.parent.clientWidth;t===this.lastContainerWidth&&this.options.height!=="auto"||(this.lastContainerWidth=t,this.reRender())}initDrag(){this.subscriptions.push(function(t,a,r,o,c=3,f=0,m=100){if(!t)return()=>{};const g=matchMedia("(pointer: coarse)").matches;let p=()=>{};const y=S=>{if(S.button!==f)return;S.preventDefault(),S.stopPropagation();let E=S.clientX,T=S.clientY,O=!1;const M=Date.now(),A=D=>{if(D.preventDefault(),D.stopPropagation(),g&&Date.now()-M<m)return;const V=D.clientX,B=D.clientY,z=V-E,U=B-T;if(O||Math.abs(z)>c||Math.abs(U)>c){const H=t.getBoundingClientRect(),{left:J,top:Y}=H;O||(r?.(E-J,T-Y),O=!0),a(z,U,V-J,B-Y),E=V,T=B}},N=D=>{if(O){const V=D.clientX,B=D.clientY,z=t.getBoundingClientRect(),{left:U,top:H}=z;o?.(V-U,B-H)}p()},_=D=>{D.relatedTarget&&D.relatedTarget!==document.documentElement||N(D)},j=D=>{O&&(D.stopPropagation(),D.preventDefault())},L=D=>{O&&D.preventDefault()};document.addEventListener("pointermove",A),document.addEventListener("pointerup",N),document.addEventListener("pointerout",_),document.addEventListener("pointercancel",_),document.addEventListener("touchmove",L,{passive:!1}),document.addEventListener("click",j,{capture:!0}),p=()=>{document.removeEventListener("pointermove",A),document.removeEventListener("pointerup",N),document.removeEventListener("pointerout",_),document.removeEventListener("pointercancel",_),document.removeEventListener("touchmove",L),setTimeout(()=>{document.removeEventListener("click",j,{capture:!0})},10)}};return t.addEventListener("pointerdown",y),()=>{p(),t.removeEventListener("pointerdown",y)}}(this.wrapper,(t,a,r)=>{this.emit("drag",Math.max(0,Math.min(1,r/this.wrapper.getBoundingClientRect().width)))},t=>{this.isDragging=!0,this.emit("dragstart",Math.max(0,Math.min(1,t/this.wrapper.getBoundingClientRect().width)))},t=>{this.isDragging=!1,this.emit("dragend",Math.max(0,Math.min(1,t/this.wrapper.getBoundingClientRect().width)))}))}getHeight(t,a){var r;const o=((r=this.audioData)===null||r===void 0?void 0:r.numberOfChannels)||1;if(t==null)return 128;if(!isNaN(Number(t)))return Number(t);if(t==="auto"){const c=this.parent.clientHeight||128;return a?.every(f=>!f.overlay)?c/o:c}return 128}initHtml(){const t=document.createElement("div"),a=t.attachShadow({mode:"open"}),r=this.options.cspNonce&&typeof this.options.cspNonce=="string"?this.options.cspNonce.replace(/"/g,""):"";return a.innerHTML=`
|
|
573
573
|
<style${r?` nonce="${r}"`:""}>
|
|
574
574
|
:host {
|
|
575
575
|
user-select: none;
|