@aizu-chat/react 0.0.8 → 0.0.9

package/dist/chunk-EKELJTME.mjs

@@ -1,674 +0,0 @@
-'use client'
-import {
-  __async,
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-33CPD3DF.mjs";
-
-// #style-inject:#style-inject
-function styleInject(css, { insertAt } = {}) {
-  if (!css || typeof document === "undefined") return;
-  const head = document.head || document.getElementsByTagName("head")[0];
-  const style = document.createElement("style");
-  style.type = "text/css";
-  if (insertAt === "top") {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-// src/global.css
-styleInject('/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      "Apple Color Emoji",\n      "Segoe UI Emoji",\n      "Segoe UI Symbol",\n      "Noto Color Emoji";\n    --font-mono:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      "Liberation Mono",\n      "Courier New",\n      monospace;\n    --color-orange-200: oklch(90.1% 0.076 70.697);\n    --color-orange-300: oklch(83.7% 0.128 66.29);\n    --color-orange-400: oklch(75% 0.183 55.934);\n    --color-orange-500: oklch(70.5% 0.213 47.604);\n    --color-gray-100: oklch(96.7% 0.003 264.542);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --radius-3xl: 1.5rem;\n    --radius-4xl: 2rem;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --font-sukhumvit:\n      "Sukhumvit Set",\n      ui-sans-serif,\n      system-ui,\n      sans-serif;\n    --animate-wiggle: wiggle 1s ease-in-out infinite;\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    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");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=button], [type=reset], [type=submit]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=until-found])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n  .bottom-4 {\n    bottom: calc(var(--spacing) * 4);\n  }\n  .bottom-5 {\n    bottom: calc(var(--spacing) * 5);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-9999 {\n    z-index: 9999;\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .h-0\\.75 {\n    height: calc(var(--spacing) * 0.75);\n  }\n  .h-1\\.25 {\n    height: calc(var(--spacing) * 1.25);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-29\\.5 {\n    height: calc(var(--spacing) * 29.5);\n  }\n  .h-42\\.5 {\n    height: calc(var(--spacing) * 42.5);\n  }\n  .h-full {\n    height: 100%;\n  }\n  .w-0\\.75 {\n    width: calc(var(--spacing) * 0.75);\n  }\n  .w-1\\.25 {\n    width: calc(var(--spacing) * 1.25);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n  .w-75\\.5 {\n    width: calc(var(--spacing) * 75.5);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-69\\.5 {\n    max-width: calc(var(--spacing) * 69.5);\n  }\n  .max-w-75\\.5 {\n    max-width: calc(var(--spacing) * 75.5);\n  }\n  .min-w-max {\n    min-width: max-content;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .animate-wiggle {\n    animation: var(--animate-wiggle);\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-x-1 {\n    column-gap: calc(var(--spacing) * 1);\n  }\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n  .gap-y-3 {\n    row-gap: calc(var(--spacing) * 3);\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded-3xl {\n    border-radius: var(--radius-3xl);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-black\\/50 {\n    border-color: color-mix(in srgb, #000 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n  }\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n  .border-orange-300 {\n    border-color: var(--color-orange-300);\n  }\n  .border-orange-400 {\n    border-color: var(--color-orange-400);\n  }\n  .bg-\\[\\#F8F8FA\\] {\n    background-color: #F8F8FA;\n  }\n  .bg-black\\/60 {\n    background-color: color-mix(in srgb, #000 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);\n    }\n  }\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n  .bg-orange-200 {\n    background-color: var(--color-orange-200);\n  }\n  .bg-orange-400 {\n    background-color: var(--color-orange-400);\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-linear-to-l {\n    --tw-gradient-position: to left;\n    @supports (background-image: linear-gradient(in lab, red, red)) {\n      --tw-gradient-position: to left in oklab;\n    }\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-white {\n    --tw-gradient-from: var(--color-white);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pr-12 {\n    padding-right: calc(var(--spacing) * 12);\n  }\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-nowrap {\n    text-wrap: nowrap;\n  }\n  .text-black\\/85 {\n    color: color-mix(in srgb, #000 85%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-black) 85%, transparent);\n    }\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n    box-shadow:\n      var(--tw-inset-shadow),\n      var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow),\n      var(--tw-ring-shadow),\n      var(--tw-shadow);\n  }\n  .shadow-orange-400 {\n    --tw-shadow-color: oklch(75% 0.183 55.934);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, var(--color-orange-400) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .transition-colors {\n    transition-property:\n      color,\n      background-color,\n      border-color,\n      outline-color,\n      text-decoration-color,\n      fill,\n      stroke,\n      --tw-gradient-from,\n      --tw-gradient-via,\n      --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .hover\\:bg-gray-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-200);\n      }\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow:\n        var(--tw-inset-shadow),\n        var(--tw-inset-ring-shadow),\n        var(--tw-ring-offset-shadow),\n        var(--tw-ring-shadow),\n        var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-orange-300 {\n    &:focus {\n      --tw-ring-color: var(--color-orange-300);\n    }\n  }\n  .lg\\:top-auto {\n    @media (width >= 64rem) {\n      top: auto;\n    }\n  }\n  .lg\\:right-5 {\n    @media (width >= 64rem) {\n      right: calc(var(--spacing) * 5);\n    }\n  }\n  .lg\\:bottom-20 {\n    @media (width >= 64rem) {\n      bottom: calc(var(--spacing) * 20);\n    }\n  }\n  .lg\\:hidden {\n    @media (width >= 64rem) {\n      display: none;\n    }\n  }\n  .lg\\:h-46 {\n    @media (width >= 64rem) {\n      height: calc(var(--spacing) * 46);\n    }\n  }\n  .lg\\:max-h-201 {\n    @media (width >= 64rem) {\n      max-height: calc(var(--spacing) * 201);\n    }\n  }\n  .lg\\:w-107\\.5 {\n    @media (width >= 64rem) {\n      width: calc(var(--spacing) * 107.5);\n    }\n  }\n  .lg\\:max-w-80 {\n    @media (width >= 64rem) {\n      max-width: calc(var(--spacing) * 80);\n    }\n  }\n  .lg\\:flex-wrap {\n    @media (width >= 64rem) {\n      flex-wrap: wrap;\n    }\n  }\n  .lg\\:rounded-4xl {\n    @media (width >= 64rem) {\n      border-radius: var(--radius-4xl);\n    }\n  }\n}\n@layer base {\n  * {\n    font-family: var(--font-sukhumvit);\n  }\n}\n@layer utilities {\n  .scrollbar-hide::-webkit-scrollbar {\n    display: none;\n  }\n  .scrollbar-hide {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n}\n@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }\n@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }\n@property --tw-gradient-position { syntax: "*"; inherits: false; }\n@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }\n@property --tw-gradient-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }\n@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }\n@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }\n@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }\n@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }\n@property --tw-ring-color { syntax: "*"; inherits: false; }\n@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-inset-ring-color { syntax: "*"; inherits: false; }\n@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@property --tw-ring-inset { syntax: "*"; inherits: false; }\n@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }\n@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }\n@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }\n@keyframes wiggle {\n  0%, 100% {\n    transform: translateY(-50%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n');
-
-// src/constant/default.ts
-var defaultQuickMenuMessage = "\u0E2A\u0E27\u0E31\u0E2A\u0E14\u0E35\u0E04\u0E23\u0E31\u0E1A Brooklyn! \u{1F44B} UTECH \u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E0A\u0E48\u0E27\u0E22\u0E04\u0E38\u0E13\u0E2B\u0E32\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C IT \u0E17\u0E35\u0E48\u0E15\u0E2D\u0E1A\u0E42\u0E08\u0E17\u0E22\u0E4C\u0E17\u0E35\u0E48\u0E2A\u0E38\u0E14 \u0E44\u0E21\u0E48\u0E27\u0E48\u0E32\u0E08\u0E30\u0E40\u0E1B\u0E47\u0E19\u0E04\u0E2D\u0E21\u0E1E\u0E34\u0E27\u0E40\u0E15\u0E2D\u0E23\u0E4C \u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E40\u0E2A\u0E23\u0E34\u0E21 \u0E2B\u0E23\u0E37\u0E2D\u0E2D\u0E30\u0E44\u0E23\u0E01\u0E47\u0E15\u0E32\u0E21 \u0E16\u0E32\u0E21\u0E44\u0E14\u0E49\u0E40\u0E25\u0E22\u0E04\u0E23\u0E31\u0E1A \u{1F60A}";
-var defaultBanner = "https://utech-dev.zimpligital.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcoupon-banner-th.edad52fd.webp&w=640&q=75";
-var defaultQuickMenus = [
-  { id: "1", title: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F6CD}\uFE0F", value: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32", mockResponse: "QUICK_MENU_SHOP" /* QUICK_MENU_SHOP */ },
-  { id: "2", title: "\u0E0A\u0E48\u0E27\u0E22\u0E2B\u0E32\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F50D}", value: "\u0E0A\u0E48\u0E27\u0E22\u0E2B\u0E32\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32", mockResponse: "ERROR" /* ERROR */ },
-  { id: "3", title: "\u0E15\u0E34\u0E14\u0E15\u0E32\u0E21\u0E1E\u0E31\u0E2A\u0E14\u0E38 \u{1F69A}", value: "\u0E15\u0E34\u0E14\u0E15\u0E32\u0E21\u0E1E\u0E31\u0E2A\u0E14\u0E38", mockResponse: "ERROR" /* ERROR */ },
-  { id: "4", title: "\u0E2B\u0E31\u0E27\u0E02\u0E49\u0E2D\u0E2D\u0E37\u0E48\u0E19\u0E46 \u{1F4AC}", value: "\u0E2B\u0E31\u0E27\u0E02\u0E49\u0E2D\u0E2D\u0E37\u0E48\u0E19\u0E46", mockResponse: "ERROR" /* ERROR */ }
-];
-var defaultCategory = [
-  { id: "1", title: "\u0E2A\u0E21\u0E32\u0E23\u0E4C\u0E17\u0E42\u0E1F\u0E19", value: "\u0E2A\u0E21\u0E32\u0E23\u0E4C\u0E17\u0E42\u0E1F\u0E19", mockResponse: "CATEGORY_SMARTPHONE" /* CATEGORY_SMARTPHONE */ },
-  { id: "2", title: "\u0E42\u0E19\u0E4A\u0E15\u0E1A\u0E38\u0E4A\u0E04", value: "\u0E42\u0E19\u0E4A\u0E15\u0E1A\u0E38\u0E4A\u0E04", mockResponse: "CATEGORY_NOTEBOOK" /* CATEGORY_NOTEBOOK */ },
-  { id: "3", title: "\u0E04\u0E2D\u0E21\u0E1E\u0E34\u0E27\u0E40\u0E15\u0E2D\u0E23\u0E4C", value: "\u0E04\u0E2D\u0E21\u0E1E\u0E34\u0E27\u0E40\u0E15\u0E2D\u0E23\u0E4C", mockResponse: "ERROR" /* ERROR */ },
-  { id: "4", title: "\u0E40\u0E01\u0E21\u0E21\u0E34\u0E48\u0E07\u0E40\u0E01\u0E35\u0E22\u0E23\u0E4C", value: "\u0E40\u0E01\u0E21\u0E21\u0E34\u0E48\u0E07\u0E40\u0E01\u0E35\u0E22\u0E23\u0E4C", mockResponse: "ERROR" /* ERROR */ },
-  { id: "5", title: "\u0E40\u0E01\u0E21\u0E04\u0E2D\u0E19\u0E42\u0E0B\u0E25", value: "\u0E40\u0E01\u0E21\u0E04\u0E2D\u0E19\u0E42\u0E0B\u0E25", mockResponse: "ERROR" /* ERROR */ },
-  { id: "6", title: "\u0E41\u0E01\u0E14\u0E40\u0E08\u0E47\u0E15 ", value: "\u0E41\u0E01\u0E14\u0E40\u0E08\u0E47\u0E15 ", mockResponse: "ERROR" /* ERROR */ }
-];
-var tryAgain = "\u0E25\u0E2D\u0E07\u0E43\u0E2B\u0E21\u0E48\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07";
-var defaultFailMenu = [
-  { id: "1", title: "\u0E25\u0E2D\u0E07\u0E43\u0E2B\u0E21\u0E48\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07 \u{1F504}\xA0", value: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F6CD}\uFE0F", mockResponse: "ERROR" /* ERROR */ },
-  { id: "2", title: "\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E40\u0E23\u0E32 \u{1F4DE}\xA0", phoneNumber: "099999999", mockResponse: "ERROR" /* ERROR */ }
-];
-var defaultQuickMenuChips = [
-  { id: "1", title: "\u0E0B\u0E37\u0E49\u0E2D\u0E02\u0E2D\u0E07/\u0E0A\u0E33\u0E23\u0E30\u0E40\u0E07\u0E34\u0E19\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", value: "\u0E0B\u0E37\u0E49\u0E2D\u0E02\u0E2D\u0E07/\u0E0A\u0E33\u0E23\u0E30\u0E40\u0E07\u0E34\u0E19\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", mockResponse: "PAYMENT_METHODS" /* PAYMENT_METHODS */ },
-  { id: "2", title: "\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", value: "\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", mockResponse: "CODE_CANT_USE" /* CODE_CANT_USE */ },
-  { id: "3", title: "\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", value: "\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", mockResponse: "CODE_CANT_USE" /* CODE_CANT_USE */ },
-  { id: "4", title: "\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", value: "\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49", mockResponse: "CODE_CANT_USE" /* CODE_CANT_USE */ }
-];
-var budgetRanges = [
-  { id: "1", title: "\u0E15\u0E48\u0E33\u0E01\u0E27\u0E48\u0E32 10,000 \u0E1A\u0E32\u0E17", value: "\u0E15\u0E48\u0E33\u0E01\u0E27\u0E48\u0E32 10,000 \u0E1A\u0E32\u0E17", mockResponse: "PRODUCT_FOUND_LESS_10000" /* PRODUCT_FOUND_LESS_10000 */ },
-  { id: "2", title: "10,000 - 20,000 \u0E1A\u0E32\u0E17", value: "10,000 - 20,000 \u0E1A\u0E32\u0E17", mockResponse: "PRODUCT_FOUND_RANGE_10000_20000" /* PRODUCT_FOUND_RANGE_10000_20000 */ },
-  { id: "3", title: "20,000 - 30,000 \u0E1A\u0E32\u0E17", value: "20,000 - 30,000 \u0E1A\u0E32\u0E17", mockResponse: "PRODUCT_FOUND_RANGE_20000_30000" /* PRODUCT_FOUND_RANGE_20000_30000 */ },
-  { id: "4", title: "\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32 30,000 \u0E1A\u0E32\u0E17", value: "\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32 30,000 \u0E1A\u0E32\u0E17", mockResponse: "PRODUCT_FOUND_MORE_30000" /* PRODUCT_FOUND_MORE_30000 */ }
-];
-var shippingOptions = [
-  { id: "1", title: "\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E1B\u0E01\u0E15\u0E34 (3-5 \u0E27\u0E31\u0E19)", value: "\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E1B\u0E01\u0E15\u0E34", mockResponse: "PAYMENT_METHODS" /* PAYMENT_METHODS */ },
-  { id: "2", title: "\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E14\u0E48\u0E27\u0E19 (1-2 \u0E27\u0E31\u0E19)", value: "\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E14\u0E48\u0E27\u0E19", mockResponse: "PAYMENT_METHODS" /* PAYMENT_METHODS */ },
-  { id: "3", title: "\u0E23\u0E31\u0E1A\u0E40\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E23\u0E49\u0E32\u0E19", value: "\u0E23\u0E31\u0E1A\u0E40\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E23\u0E49\u0E32\u0E19", mockResponse: "PAYMENT_METHODS" /* PAYMENT_METHODS */ }
-];
-var supportTopics = [
-  { id: "1", title: "\u0E01\u0E32\u0E23\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07 \u{1F69A}", value: "\u0E01\u0E32\u0E23\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07", mockResponse: "SHIPPING_INFO" /* SHIPPING_INFO */ },
-  { id: "2", title: "\u0E01\u0E32\u0E23\u0E0A\u0E33\u0E23\u0E30\u0E40\u0E07\u0E34\u0E19 \u{1F4B3}", value: "\u0E01\u0E32\u0E23\u0E0A\u0E33\u0E23\u0E30\u0E40\u0E07\u0E34\u0E19", mockResponse: "PAYMENT_METHODS" /* PAYMENT_METHODS */ },
-  { id: "3", title: "\u0E01\u0E32\u0E23\u0E04\u0E37\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F504}", value: "\u0E01\u0E32\u0E23\u0E04\u0E37\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32", mockResponse: "RETURN_POLICY" /* RETURN_POLICY */ },
-  { id: "4", title: "\u0E01\u0E32\u0E23\u0E23\u0E31\u0E1A\u0E1B\u0E23\u0E30\u0E01\u0E31\u0E19 \u{1F6E1}\uFE0F", value: "\u0E01\u0E32\u0E23\u0E23\u0E31\u0E1A\u0E1B\u0E23\u0E30\u0E01\u0E31\u0E19", mockResponse: "WARRANTY_INFO" /* WARRANTY_INFO */ }
-];
-var searchableMenus = [
-  ...defaultQuickMenus,
-  ...defaultCategory,
-  ...defaultQuickMenuChips,
-  ...budgetRanges,
-  ...shippingOptions,
-  ...supportTopics
-];
-var mockResponse = {
-  ["CATEGORY_SMARTPHONE" /* CATEGORY_SMARTPHONE */]: {
-    id: "bot-category-smartphone",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E22\u0E2D\u0E14\u0E40\u0E22\u0E35\u0E48\u0E22\u0E21! \u0E04\u0E38\u0E13\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E2B\u0E21\u0E27\u0E14\u0E2B\u0E21\u0E39\u0E48\u0E2A\u0E21\u0E32\u0E23\u0E4C\u0E17\u0E42\u0E1F\u0E19\u0E41\u0E25\u0E49\u0E27 \u0E1A\u0E2D\u0E01\u0E1C\u0E21\u0E2B\u0E19\u0E48\u0E2D\u0E22\u0E04\u0E23\u0E31\u0E1A \u0E27\u0E48\u0E32\u0E07\u0E1A\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E2D\u0E22\u0E39\u0E48\u0E17\u0E35\u0E48\u0E40\u0E17\u0E48\u0E32\u0E44\u0E2B\u0E23\u0E48?",
-    menus: budgetRanges
-  },
-  ["CATEGORY_NOTEBOOK" /* CATEGORY_NOTEBOOK */]: {
-    id: "bot-category-notebook",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49\u0E44\u0E21\u0E48\u0E21\u0E35\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E15\u0E32\u0E21\u0E2B\u0E32 \u0E43\u0E19\u0E2B\u0E21\u0E27\u0E14\u0E42\u0E19\u0E4A\u0E15\u0E1A\u0E38\u0E4A\u0E04\u0E04\u0E23\u0E31\u0E1A \u0E25\u0E2D\u0E07\u0E14\u0E39\u0E2B\u0E21\u0E27\u0E14\u0E2D\u0E37\u0E48\u0E19\u0E44\u0E2B\u0E21?",
-    menus: defaultCategory
-  },
-  ["ERROR" /* ERROR */]: {
-    id: "bot-error-response",
-    type: "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */,
-    text: "\u0E40\u0E2D\u0E4A\u0E30! \u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E19\u0E34\u0E14\u0E2B\u0E19\u0E48\u0E2D\u0E22\u0E04\u0E23\u0E31\u0E1A \u{1F613} \u0E44\u0E21\u0E48\u0E40\u0E1B\u0E47\u0E19\u0E44\u0E23\u0E19\u0E30 \u0E25\u0E2D\u0E07\u0E17\u0E32\u0E07\u0E19\u0E35\u0E49\u0E14\u0E39\u0E04\u0E23\u0E31\u0E1A\u{1F447}",
-    menus: defaultFailMenu
-  },
-  ["QUICK_MENU_SHOP" /* QUICK_MENU_SHOP */]: {
-    id: "bot-shop-response",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E2A\u0E19\u0E43\u0E08\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E1B\u0E23\u0E30\u0E40\u0E20\u0E17\u0E44\u0E2B\u0E19\u0E04\u0E23\u0E31\u0E1A \u0E40\u0E23\u0E32\u0E0A\u0E48\u0E27\u0E22\u0E41\u0E19\u0E30\u0E19\u0E33\u0E44\u0E14\u0E49\u0E19\u0E30 \u{1F60A}",
-    menus: defaultCategory
-  },
-  ["CODE_CANT_USE" /* CODE_CANT_USE */]: {
-    id: "bot-code-cant-use",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u0E02\u0E2D\u0E2D\u0E20\u0E31\u0E22\u0E04\u0E23\u0E31\u0E1A \u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E43\u0E0A\u0E49\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E44\u0E14\u0E49\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49 \u0E01\u0E23\u0E38\u0E13\u0E32\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A\u0E40\u0E07\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E02\u0E01\u0E32\u0E23\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E2B\u0E23\u0E37\u0E2D\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E42\u0E04\u0E49\u0E14\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E2D\u0E37\u0E48\u0E19\u0E04\u0E23\u0E31\u0E1A"
-  },
-  ["BUDGET_INQUIRY" /* BUDGET_INQUIRY */]: {
-    id: "bot-budget-inquiry",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E07\u0E1A\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E2D\u0E22\u0E39\u0E48\u0E43\u0E19\u0E0A\u0E48\u0E27\u0E07\u0E44\u0E2B\u0E19\u0E04\u0E23\u0E31\u0E1A? \u0E40\u0E23\u0E32\u0E08\u0E30\u0E0A\u0E48\u0E27\u0E22\u0E2B\u0E32\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E35\u0E48\u0E40\u0E2B\u0E21\u0E32\u0E30\u0E2A\u0E21\u0E43\u0E2B\u0E49 \u{1F60A}",
-    menus: budgetRanges
-  },
-  ["PRODUCT_FOUND_LESS_10000" /* PRODUCT_FOUND_LESS_10000 */]: {
-    id: "bot-product-found",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E40\u0E08\u0E2D\u0E41\u0E25\u0E49\u0E27\u0E04\u0E23\u0E31\u0E1A! \u0E40\u0E23\u0E32\u0E21\u0E35\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E35\u0E48\u0E15\u0E23\u0E07\u0E01\u0E31\u0E1A\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23 \u{1F389}\n\niPhone 4 Pro  16GB\n\u0E23\u0E32\u0E04\u0E32: \u0E3F5,900\n- \u0E2B\u0E19\u0E49\u0E32\u0E08\u0E2D 6.9 \u0E19\u0E34\u0E49\u0E27\n- \u0E0A\u0E34\u0E1B A18 Pro\n- \u0E01\u0E25\u0E49\u0E2D\u0E07 48MP\n\n\u0E2A\u0E19\u0E43\u0E08\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E0A\u0E48\u0E2D\u0E07\u0E17\u0E32\u0E07\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?",
-    menus: shippingOptions
-  },
-  ["PRODUCT_FOUND_RANGE_10000_20000" /* PRODUCT_FOUND_RANGE_10000_20000 */]: {
-    id: "bot-product-found",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E40\u0E08\u0E2D\u0E41\u0E25\u0E49\u0E27\u0E04\u0E23\u0E31\u0E1A! \u0E40\u0E23\u0E32\u0E21\u0E35\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E35\u0E48\u0E15\u0E23\u0E07\u0E01\u0E31\u0E1A\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23 \u{1F389}\n\niPhone 16 Pro Max 128GB\n\u0E23\u0E32\u0E04\u0E32: \u0E3F19,000\n- \u0E2B\u0E19\u0E49\u0E32\u0E08\u0E2D 6.9 \u0E19\u0E34\u0E49\u0E27\n- \u0E0A\u0E34\u0E1B A18 Pro\n- \u0E01\u0E25\u0E49\u0E2D\u0E07 48MP\n\n\u0E2A\u0E19\u0E43\u0E08\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E0A\u0E48\u0E2D\u0E07\u0E17\u0E32\u0E07\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?",
-    menus: shippingOptions
-  },
-  ["PRODUCT_FOUND_RANGE_20000_30000" /* PRODUCT_FOUND_RANGE_20000_30000 */]: {
-    id: "bot-product-found",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E40\u0E08\u0E2D\u0E41\u0E25\u0E49\u0E27\u0E04\u0E23\u0E31\u0E1A! \u0E40\u0E23\u0E32\u0E21\u0E35\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E35\u0E48\u0E15\u0E23\u0E07\u0E01\u0E31\u0E1A\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23 \u{1F389}\n\niPhone 16 Pro Max 256GB\n\u0E23\u0E32\u0E04\u0E32: \u0E3F30,000\n- \u0E2B\u0E19\u0E49\u0E32\u0E08\u0E2D 6.9 \u0E19\u0E34\u0E49\u0E27\n- \u0E0A\u0E34\u0E1B A18 Pro\n- \u0E01\u0E25\u0E49\u0E2D\u0E07 48MP\n\n\u0E2A\u0E19\u0E43\u0E08\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E0A\u0E48\u0E2D\u0E07\u0E17\u0E32\u0E07\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?",
-    menus: shippingOptions
-  },
-  ["PRODUCT_FOUND_MORE_30000" /* PRODUCT_FOUND_MORE_30000 */]: {
-    id: "bot-product-found",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u0E40\u0E08\u0E2D\u0E41\u0E25\u0E49\u0E27\u0E04\u0E23\u0E31\u0E1A! \u0E40\u0E23\u0E32\u0E21\u0E35\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E35\u0E48\u0E15\u0E23\u0E07\u0E01\u0E31\u0E1A\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23 \u{1F389}\n\niPhone 16 Pro Max 512GB\n\u0E23\u0E32\u0E04\u0E32: \u0E3F45,900\n- \u0E2B\u0E19\u0E49\u0E32\u0E08\u0E2D 6.9 \u0E19\u0E34\u0E49\u0E27\n- \u0E0A\u0E34\u0E1B A18 Pro\n- \u0E01\u0E25\u0E49\u0E2D\u0E07 48MP\n\n\u0E2A\u0E19\u0E43\u0E08\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E0A\u0E48\u0E2D\u0E07\u0E17\u0E32\u0E07\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?",
-    menus: shippingOptions
-  },
-  ["SHIPPING_INFO" /* SHIPPING_INFO */]: {
-    id: "bot-shipping-info",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u{1F4E6} \u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E01\u0E32\u0E23\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\n\n\u2705 \u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E1F\u0E23\u0E35 \u0E2A\u0E33\u0E2B\u0E23\u0E31\u0E1A\u0E04\u0E33\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E15\u0E31\u0E49\u0E07\u0E41\u0E15\u0E48 1,000 \u0E1A\u0E32\u0E17\u0E02\u0E36\u0E49\u0E19\u0E44\u0E1B\n\u2705 \u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E1B\u0E01\u0E15\u0E34 3-5 \u0E27\u0E31\u0E19\u0E17\u0E33\u0E01\u0E32\u0E23\n\u2705 \u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E14\u0E48\u0E27\u0E19 1-2 \u0E27\u0E31\u0E19\u0E17\u0E33\u0E01\u0E32\u0E23 (\u0E40\u0E2A\u0E35\u0E22\u0E04\u0E48\u0E32\u0E1A\u0E23\u0E34\u0E01\u0E32\u0E23\u0E40\u0E1E\u0E34\u0E48\u0E21 100 \u0E1A\u0E32\u0E17)\n\u2705 \u0E23\u0E31\u0E1A\u0E40\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E23\u0E49\u0E32\u0E19\u0E44\u0E14\u0E49\u0E17\u0E31\u0E19\u0E17\u0E35\n\n\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E2A\u0E2D\u0E1A\u0E16\u0E32\u0E21\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?"
-  },
-  ["PAYMENT_METHODS" /* PAYMENT_METHODS */]: {
-    id: "bot-payment-methods",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u{1F4B3} \u0E0A\u0E48\u0E2D\u0E07\u0E17\u0E32\u0E07\u0E01\u0E32\u0E23\u0E0A\u0E33\u0E23\u0E30\u0E40\u0E07\u0E34\u0E19\n\n\u2705 \u0E42\u0E2D\u0E19\u0E1C\u0E48\u0E32\u0E19\u0E18\u0E19\u0E32\u0E04\u0E32\u0E23\n\u2705 \u0E1A\u0E31\u0E15\u0E23\u0E40\u0E04\u0E23\u0E14\u0E34\u0E15/\u0E40\u0E14\u0E1A\u0E34\u0E15 (Visa, Mastercard, JCB)\n\u2705 \u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E40\u0E1E\u0E22\u0E4C\n\u2705 \u0E1C\u0E48\u0E2D\u0E19\u0E0A\u0E33\u0E23\u0E30 0% (\u0E1A\u0E31\u0E15\u0E23\u0E40\u0E04\u0E23\u0E14\u0E34\u0E15\u0E18\u0E19\u0E32\u0E04\u0E32\u0E23\u0E0A\u0E31\u0E49\u0E19\u0E19\u0E33)\n\u2705 \u0E40\u0E01\u0E47\u0E1A\u0E40\u0E07\u0E34\u0E19\u0E1B\u0E25\u0E32\u0E22\u0E17\u0E32\u0E07\n\n\u0E0A\u0E33\u0E23\u0E30\u0E14\u0E49\u0E27\u0E22\u0E27\u0E34\u0E18\u0E35\u0E44\u0E2B\u0E19\u0E2A\u0E30\u0E14\u0E27\u0E01\u0E04\u0E23\u0E31\u0E1A?"
-  },
-  ["WARRANTY_INFO" /* WARRANTY_INFO */]: {
-    id: "bot-warranty-info",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u{1F6E1}\uFE0F \u0E40\u0E07\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E02\u0E01\u0E32\u0E23\u0E23\u0E31\u0E1A\u0E1B\u0E23\u0E30\u0E01\u0E31\u0E19\n\n\u2705 \u0E23\u0E31\u0E1A\u0E1B\u0E23\u0E30\u0E01\u0E31\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 1 \u0E1B\u0E35\u0E40\u0E15\u0E47\u0E21 (\u0E15\u0E32\u0E21\u0E40\u0E07\u0E37\u0E48\u0E2D\u0E19\u0E44\u0E02\u0E1C\u0E39\u0E49\u0E1C\u0E25\u0E34\u0E15)\n\u2705 \u0E28\u0E39\u0E19\u0E22\u0E4C\u0E1A\u0E23\u0E34\u0E01\u0E32\u0E23\u0E17\u0E31\u0E48\u0E27\u0E1B\u0E23\u0E30\u0E40\u0E17\u0E28\n\u2705 \u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E43\u0E2B\u0E21\u0E48 \u0E2B\u0E32\u0E01\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A\u0E1E\u0E1A\u0E27\u0E48\u0E32\u0E40\u0E1B\u0E47\u0E19\u0E02\u0E2D\u0E07\u0E40\u0E2A\u0E35\u0E22\u0E08\u0E32\u0E01\u0E42\u0E23\u0E07\u0E07\u0E32\u0E19\n\u2705 \u0E0B\u0E48\u0E2D\u0E21\u0E1F\u0E23\u0E35 \u0E2B\u0E32\u0E01\u0E0A\u0E33\u0E23\u0E38\u0E14\u0E08\u0E32\u0E01\u0E01\u0E32\u0E23\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E1B\u0E01\u0E15\u0E34\n\n\u0E2B\u0E21\u0E32\u0E22\u0E40\u0E2B\u0E15\u0E38: \u0E44\u0E21\u0E48\u0E23\u0E27\u0E21\u0E04\u0E27\u0E32\u0E21\u0E40\u0E2A\u0E35\u0E22\u0E2B\u0E32\u0E22\u0E08\u0E32\u0E01\u0E01\u0E32\u0E23\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E17\u0E35\u0E48\u0E1C\u0E34\u0E14\u0E27\u0E34\u0E18\u0E35\u0E2B\u0E23\u0E37\u0E2D\u0E2D\u0E38\u0E1A\u0E31\u0E15\u0E34\u0E40\u0E2B\u0E15\u0E38"
-  },
-  ["RETURN_POLICY" /* RETURN_POLICY */]: {
-    id: "bot-return-policy",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u{1F504} \u0E19\u0E42\u0E22\u0E1A\u0E32\u0E22\u0E01\u0E32\u0E23\u0E04\u0E37\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\n\n\u2705 \u0E04\u0E37\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E44\u0E14\u0E49\u0E20\u0E32\u0E22\u0E43\u0E19 7 \u0E27\u0E31\u0E19\n\u2705 \u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E15\u0E49\u0E2D\u0E07\u0E2D\u0E22\u0E39\u0E48\u0E43\u0E19\u0E2A\u0E20\u0E32\u0E1E\u0E40\u0E14\u0E34\u0E21 \u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E01\u0E25\u0E48\u0E2D\u0E07\u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E04\u0E23\u0E1A\u0E16\u0E49\u0E27\u0E19\n\u2705 \u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E2D\u0E22\u0E01\u0E23\u0E2D\u0E22\u0E01\u0E32\u0E23\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\n\u2705 \u0E04\u0E37\u0E19\u0E40\u0E07\u0E34\u0E19\u0E40\u0E15\u0E47\u0E21\u0E08\u0E33\u0E19\u0E27\u0E19 (\u0E2B\u0E31\u0E01\u0E04\u0E48\u0E32\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07)\n\n\u274C \u0E44\u0E21\u0E48\u0E23\u0E31\u0E1A\u0E04\u0E37\u0E19: \u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E25\u0E14\u0E23\u0E32\u0E04\u0E32\u0E1E\u0E34\u0E40\u0E28\u0E29, \u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 Clearance Sale\n\n\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E04\u0E37\u0E19\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?"
-  },
-  ["PROMOTION_INFO" /* PROMOTION_INFO */]: {
-    id: "bot-promotion-info",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u{1F389} \u0E42\u0E1B\u0E23\u0E42\u0E21\u0E0A\u0E31\u0E48\u0E19\u0E1E\u0E34\u0E40\u0E28\u0E29\u0E1B\u0E23\u0E30\u0E08\u0E33\u0E40\u0E14\u0E37\u0E2D\u0E19\n\n\u{1F525} \u0E25\u0E14\u0E2A\u0E39\u0E07\u0E2A\u0E38\u0E14 30% \u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E38\u0E01\u0E2B\u0E21\u0E27\u0E14\n\u{1F525} \u0E0B\u0E37\u0E49\u0E2D\u0E04\u0E23\u0E1A 5,000 \u0E1A\u0E32\u0E17 \u0E23\u0E31\u0E1A\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14 500 \u0E1A\u0E32\u0E17\n\u{1F525} \u0E1C\u0E48\u0E2D\u0E19 0% \u0E19\u0E32\u0E19 10 \u0E40\u0E14\u0E37\u0E2D\u0E19\n\u{1F525} \u0E02\u0E2D\u0E07\u0E41\u0E16\u0E21\u0E21\u0E39\u0E25\u0E04\u0E48\u0E32\u0E2A\u0E39\u0E07 \u0E2A\u0E33\u0E2B\u0E23\u0E31\u0E1A\u0E25\u0E39\u0E01\u0E04\u0E49\u0E32\u0E43\u0E2B\u0E21\u0E48\n\n\u0E43\u0E0A\u0E49\u0E42\u0E04\u0E49\u0E14: UTECH2024 \u0E23\u0E31\u0E1A\u0E2A\u0E48\u0E27\u0E19\u0E25\u0E14\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E2D\u0E35\u0E01 5%!"
-  },
-  ["STOCK_AVAILABLE" /* STOCK_AVAILABLE */]: {
-    id: "bot-stock-available",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: "\u2705 \u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E21\u0E35\u0E43\u0E19\u0E2A\u0E15\u0E47\u0E2D\u0E01\u0E04\u0E23\u0E31\u0E1A!\n\n\u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E08\u0E31\u0E14\u0E2A\u0E48\u0E07\u0E17\u0E31\u0E19\u0E17\u0E35 \u0E2B\u0E32\u0E01\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E20\u0E32\u0E22\u0E43\u0E19\u0E27\u0E31\u0E19\u0E19\u0E35\u0E49\n\u0E40\u0E2B\u0E25\u0E37\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32: 15 \u0E0A\u0E34\u0E49\u0E19\n\n\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E40\u0E25\u0E22\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?"
-  },
-  ["OUT_OF_STOCK" /* OUT_OF_STOCK */]: {
-    id: "bot-out-of-stock",
-    type: "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */,
-    text: "\u{1F614} \u0E02\u0E2D\u0E2D\u0E20\u0E31\u0E22\u0E04\u0E23\u0E31\u0E1A \u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E2B\u0E21\u0E14\u0E0A\u0E31\u0E48\u0E27\u0E04\u0E23\u0E32\u0E27\n\n\u0E04\u0E32\u0E14\u0E27\u0E48\u0E32\u0E08\u0E30\u0E21\u0E35\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E40\u0E02\u0E49\u0E32\u0E43\u0E2B\u0E21\u0E48\u0E20\u0E32\u0E22\u0E43\u0E19 3-5 \u0E27\u0E31\u0E19\n\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E14\u0E39\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E17\u0E32\u0E07\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E2D\u0E37\u0E48\u0E19\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?",
-    menus: defaultCategory
-  },
-  ["SPEC_INQUIRY" /* SPEC_INQUIRY */]: {
-    id: "bot-spec-inquiry",
-    type: "BOT_TEXT" /* BOT_TEXT */,
-    text: '\u{1F4F1} \u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E08\u0E33\u0E40\u0E1E\u0E32\u0E30\n\niPhone 16 Pro Max\n\u2022 \u0E2B\u0E19\u0E49\u0E32\u0E08\u0E2D: Super Retina XDR 6.9"\n\u2022 \u0E0A\u0E34\u0E1B\u0E1B\u0E23\u0E30\u0E21\u0E27\u0E25\u0E1C\u0E25: A18 Pro\n\u2022 \u0E01\u0E25\u0E49\u0E2D\u0E07: 48MP \u0E2B\u0E25\u0E31\u0E01 + 12MP Ultra Wide + 12MP Telephoto\n\u2022 \u0E41\u0E1A\u0E15\u0E40\u0E15\u0E2D\u0E23\u0E35\u0E48: \u0E2A\u0E39\u0E07\u0E2A\u0E38\u0E14 29 \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07\n\u2022 \u0E2B\u0E19\u0E48\u0E27\u0E22\u0E04\u0E27\u0E32\u0E21\u0E08\u0E33: 256GB / 512GB / 1TB\n\u2022 \u0E2A\u0E35: Natural Titanium, Blue Titanium, White Titanium, Black Titanium\n\n\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A?'
-  }
-};
-var mockMessages = [
-  {
-    id: "2",
-    type: "USER_TEXT" /* USER_TEXT */,
-    text: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F6CD}\uFE0F"
-  },
-  __spreadValues({}, mockResponse["ERROR" /* ERROR */]),
-  {
-    id: "4",
-    type: "USER_TEXT" /* USER_TEXT */,
-    text: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F6CD}\uFE0F"
-  },
-  __spreadValues({}, mockResponse["CATEGORY_NOTEBOOK" /* CATEGORY_NOTEBOOK */])
-];
-
-// src/hooks/use-openchat.tsx
-import { useCallback, useState } from "react";
-var useOpenChat = () => {
-  const [isOpen, setIsOpen] = useState(true);
-  const openChat = useCallback(() => setIsOpen(true), []);
-  const closeChat = useCallback(() => setIsOpen(false), []);
-  const toggleChat = useCallback(() => setIsOpen((prev) => !prev), []);
-  return {
-    isOpen,
-    openChat,
-    closeChat,
-    toggleChat
-  };
-};
-
-// src/contexts/chat-context.tsx
-import { createContext, useCallback as useCallback2, useContext, useMemo, useState as useState2 } from "react";
-import { jsx } from "react/jsx-runtime";
-var ChatContext = createContext(void 0);
-var ChatProvider = ({ children }) => {
-  const [messages, setMessages] = useState2([]);
-  const [latestMessage, setLatestMessage] = useState2();
-  const chatControls = useOpenChat();
-  const [isLoading, setIsLoading] = useState2(false);
-  const addUserMessage = useCallback2((text) => {
-    const newMessage = {
-      id: Date.now().toString() + Math.random().toString(),
-      text,
-      type: "USER_TEXT" /* USER_TEXT */
-    };
-    setLatestMessage(newMessage);
-    setMessages((prev) => [...prev, newMessage]);
-    setIsLoading(true);
-  }, []);
-  const addBotMessage = useCallback2((message) => __async(null, null, function* () {
-    yield new Promise((resolve) => setTimeout(resolve, Math.random() * 2e3 + 1e3));
-    setIsLoading(false);
-    const newMessage = __spreadProps(__spreadValues({}, message), {
-      id: Date.now().toString() + Math.random().toString()
-    });
-    setMessages((prev) => [...prev, newMessage]);
-  }), []);
-  const clearMessages = useCallback2(() => setMessages([]), []);
-  const value = useMemo(
-    () => ({
-      messages,
-      latestMessage,
-      isLoading,
-      setIsLoading,
-      addUserMessage,
-      addBotMessage,
-      clearMessages,
-      chatControls
-    }),
-    [messages, latestMessage, isLoading, chatControls, addUserMessage, addBotMessage, clearMessages]
-  );
-  return /* @__PURE__ */ jsx(ChatContext.Provider, { value, children });
-};
-var useChatContext = () => {
-  const context = useContext(ChatContext);
-  if (!context) {
-    throw new Error("useChatContext must be used within ChatProvider");
-  }
-  return context;
-};
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...args) {
-  return twMerge(clsx(args));
-}
-
-// src/utils/message.ts
-var getMockBotMessage = (menu) => {
-  const newMessage = mockResponse[menu.mockResponse];
-  return newMessage ? newMessage : mockResponse["ERROR" /* ERROR */];
-};
-var getMockBotMessageByText = (text) => {
-  const menu = searchableMenus.find((menu2) => menu2.title.includes(text));
-  if (!menu) {
-    return mockResponse["ERROR" /* ERROR */];
-  }
-  const newMessage = mockResponse[menu.mockResponse];
-  return newMessage ? newMessage : mockResponse["ERROR" /* ERROR */];
-};
-
-// src/components/aizu-chat.tsx
-import { useCallback as useCallback3, useEffect, useRef, useState as useState3 } from "react";
-
-// src/components/input-bar/index.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ButtonSelectImage = (_a) => {
-  var _b = _a, { onClick, className } = _b, props = __objRest(_b, ["onClick", "className"]);
-  return /* @__PURE__ */ jsx2(
-    "button",
-    __spreadProps(__spreadValues({
-      type: "button",
-      onClick,
-      className: cn(
-        "shrink-0 w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200 transition-colors",
-        className
-      ),
-      "aria-label": "Upload image"
-    }, props), {
-      children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-        /* @__PURE__ */ jsx2("title", { children: "Image Upload Icon" }),
-        /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx2("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-        /* @__PURE__ */ jsx2("polyline", { points: "21 15 16 10 5 21" })
-      ] })
-    })
-  );
-};
-var InputText = (_a) => {
-  var _b = _a, { onMagicClick, placeholder, className } = _b, props = __objRest(_b, ["onMagicClick", "placeholder", "className"]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex-1 relative", children: [
-    /* @__PURE__ */ jsx2(
-      "input",
-      __spreadValues({
-        type: "text",
-        name: "message",
-        placeholder,
-        className: cn(
-          "w-full px-4 py-2 pr-12 rounded-full bg-gray-100 border-none outline-none focus:ring-2 focus:ring-orange-300 text-sm",
-          className
-        ),
-        onKeyDown: (e) => {
-          var _a2;
-          if (e.key === "Enter" && !e.shiftKey) {
-            e.preventDefault();
-            (_a2 = e.currentTarget.form) == null ? void 0 : _a2.requestSubmit();
-          }
-        }
-      }, props)
-    ),
-    onMagicClick && /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onClick: onMagicClick,
-        className: "absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 flex items-center justify-center hover:bg-gray-200 rounded-full transition-colors",
-        "aria-label": "AI assist",
-        children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-          /* @__PURE__ */ jsx2("title", { children: "Magic/AI Icon" }),
-          /* @__PURE__ */ jsx2("path", { d: "M12 2L15 8.5L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L9 8.5L12 2Z" })
-        ] })
-      }
-    )
-  ] });
-};
-var ButtonConfirm = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx2(
-    "button",
-    __spreadProps(__spreadValues({
-      type: "submit",
-      className: cn(
-        "shrink-0 w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200 transition-colors",
-        className
-      ),
-      "aria-label": "Send message"
-    }, props), {
-      children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-        /* @__PURE__ */ jsx2("title", { children: "Send Icon" }),
-        /* @__PURE__ */ jsx2("line", { x1: "12", y1: "19", x2: "12", y2: "5" }),
-        /* @__PURE__ */ jsx2("polyline", { points: "5 12 12 5 19 12" })
-      ] })
-    })
-  );
-};
-var InputBar = (_a) => {
-  var _b = _a, {
-    onSend,
-    onImageClick,
-    onMagicClick,
-    placeholder = "\u0E16\u0E32\u0E21\u0E04\u0E33\u0E16\u0E32\u0E21\u0E44\u0E14\u0E49\u0E40\u0E25\u0E22...",
-    className
-  } = _b, props = __objRest(_b, [
-    "onSend",
-    "onImageClick",
-    "onMagicClick",
-    "placeholder",
-    "className"
-  ]);
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
-    const message = formData.get("message");
-    if ((message == null ? void 0 : message.trim()) && onSend) {
-      onSend(message);
-      e.currentTarget.reset();
-    }
-  };
-  return /* @__PURE__ */ jsx2("section", __spreadProps(__spreadValues({ className: cn("bg-white p-4", className) }, props), { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx2(ButtonSelectImage, { onClick: onImageClick }),
-    /* @__PURE__ */ jsx2(InputText, { placeholder, onMagicClick }),
-    /* @__PURE__ */ jsx2(ButtonConfirm, {})
-  ] }) }));
-};
-InputBar.ButtonSelectImage = ButtonSelectImage;
-InputBar.InputText = InputText;
-InputBar.ButtonConfirm = ButtonConfirm;
-
-// src/components/loading.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Loading = ({ message }) => {
-  return /* @__PURE__ */ jsxs2("section", { className: cn("flex flex-col justify-center items-center border border-orange-400 shadow shadow-orange-400 h-10 max-w-69.5 rounded-3xl", { "h-16": !!message }), children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex justify-center items-center gap-x-1  ", children: [
-      /* @__PURE__ */ jsx3("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-wiggle" }),
-      /* @__PURE__ */ jsx3("span", { className: "w-1.25 h-1.25 rounded-full bg-orange-400 animate-wiggle" }),
-      /* @__PURE__ */ jsx3("span", { className: "w-0.75 h-0.75 rounded-full bg-orange-400 animate-wiggle" })
-    ] }),
-    message && /* @__PURE__ */ jsx3("p", { className: "text-center text-[12px] text-gray-500 mt-1", children: message })
-  ] });
-};
-
-// src/components/button.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Button = (_a) => {
-  var _b = _a, { children, className, onClick, ref } = _b, props = __objRest(_b, ["children", "className", "onClick", "ref"]);
-  return /* @__PURE__ */ jsx4(
-    "button",
-    __spreadProps(__spreadValues({
-      ref,
-      type: "button",
-      onClick,
-      className: cn(
-        "border border-orange-300 rounded-3xl",
-        "px-4 py-2",
-        "text-orange-500 text-sm",
-        "cursor-pointer",
-        className
-      )
-    }, props), {
-      children
-    })
-  );
-};
-
-// src/components/container.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Container = (_a) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx5("div", { className: cn("p-3 rounded-3xl border border-orange-300", className), children });
-};
-
-// src/components/message/index.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var MessageBubble = ({ message, handleClick }) => {
-  if (message.type === "USER_TEXT" /* USER_TEXT */) {
-    return /* @__PURE__ */ jsx6(Container, { className: "ml-auto bg-orange-200 border-none text-sm", children: message.text });
-  }
-  if (message.type === "BOT_TEXT" /* BOT_TEXT */) {
-    return /* @__PURE__ */ jsx6(Container, { className: "mr-auto max-w-75.5 text-sm", children: message.text });
-  }
-  if (message.type === "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */) {
-    return /* @__PURE__ */ jsx6(MessageWithMenus, { type: message.type, message: message.text || "", menus: message.menus || [], handleClick });
-  }
-  if (message.type === "BOT_QUICK_MENUS" /* BOT_QUICK_MENUS */) {
-    return /* @__PURE__ */ jsx6(MessageWithMenus, { type: message.type, message: message.text || "", menus: message.menus || [], handleClick });
-  }
-  if (message.type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */) {
-    return /* @__PURE__ */ jsx6(MessageWithMenus, { type: message.type, message: message.text || "", menus: message.menus || [], handleClick });
-  }
-  return /* @__PURE__ */ jsx6(MenusImage, { menus: message.menus || [] });
-};
-var MessageWithMenus = ({ type, message, menus, className, handleClick }) => {
-  return /* @__PURE__ */ jsxs3(Container, { className: cn("mr-auto max-w-75.5 lg:max-w-80", className), children: [
-    /* @__PURE__ */ jsx6("p", { className: "text-sm mb-4", children: message }),
-    /* @__PURE__ */ jsx6("ul", { className: cn("flex flex-wrap gap-x-1 gap-y-3", { "flex-col": type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */ }), children: menus == null ? void 0 : menus.map((menu) => {
-      if (menu == null ? void 0 : menu.phoneNumber) {
-        return /* @__PURE__ */ jsx6("li", { className: "w-full ", children: /* @__PURE__ */ jsx6(
-          "a",
-          {
-            href: `tel:+${menu == null ? void 0 : menu.phoneNumber}`,
-            className: "border border-orange-300 rounded-3xl px-4 py-2 text-orange-500 text-sm text-center block",
-            children: menu.title
-          }
-        ) }, menu.id);
-      }
-      return /* @__PURE__ */ jsx6("li", { className: "min-w-max ", children: /* @__PURE__ */ jsx6(
-        Button,
-        {
-          className: cn({ "w-full": type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */ }),
-          onClick: () => {
-            handleClick(menu);
-          },
-          children: menu.title
-        }
-      ) }, menu.id);
-    }) })
-  ] });
-};
-var MenusImage = ({ menus }) => {
-  return /* @__PURE__ */ jsx6("ul", { className: "flex gap-x-2", children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6("img", { src: menu == null ? void 0 : menu.imageUrl, alt: "menu-image" }) }, menu.id)) });
-};
-
-// src/components/quick-menus.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var QuickMenus = ({ bannerSrc, message = "welcome message", menus, handleClick }) => {
-  return /* @__PURE__ */ jsxs4("section", { className: "w-75.5 bg-white shadow  rounded-3xl overflow-hidden", children: [
-    bannerSrc ? /* @__PURE__ */ jsx7("img", { src: bannerSrc, alt: "banner" }) : /* @__PURE__ */ jsx7("div", { className: "w-75.5 h-29.5 border-b border-gray-200" }),
-    /* @__PURE__ */ jsxs4("div", { className: "p-3 flex flex-col gap-y-3", children: [
-      /* @__PURE__ */ jsx7("p", { className: "text-sm", children: message }),
-      /* @__PURE__ */ jsx7("ul", { className: "flex gap-3 flex-wrap", children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(Button, { onClick: () => {
-        handleClick(menu);
-      }, children: menu.title }) }, menu.id)) })
-    ] })
-  ] });
-};
-
-// src/components/quick-menus-chip.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var QuickMenuChips = ({ menus, handleClick, className }) => {
-  return /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx8("div", { className: "absolute lg:hidden right-0 top-0 bottom-0 w-8 bg-linear-to-l from-white to-transparent pointer-events-none z-10" }),
-    /* @__PURE__ */ jsx8("ul", { className: cn("flex lg:flex-wrap gap-3 overflow-x-scroll scrollbar-hide", className), children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
-      Button,
-      {
-        onClick: () => {
-          handleClick(menu);
-        },
-        className: "text-nowrap text-black/85 border-black/50",
-        children: menu.title
-      }
-    ) }, menu.id)) })
-  ] });
-};
-var quick_menus_chip_default = QuickMenuChips;
-
-// src/components/aizu-chat.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var AizuChat = () => {
-  return /* @__PURE__ */ jsx9(ChatProvider, { children: /* @__PURE__ */ jsxs6("div", { children: [
-    /* @__PURE__ */ jsx9(FloatingButton, {}),
-    /* @__PURE__ */ jsxs6(ChatWindow, { children: [
-      /* @__PURE__ */ jsx9(ChatHeader, {}),
-      /* @__PURE__ */ jsx9(ChatBody, {}),
-      /* @__PURE__ */ jsx9(ChatFooter, {})
-    ] })
-  ] }) });
-};
-var FloatingButton = () => {
-  const { chatControls } = useChatContext();
-  return /* @__PURE__ */ jsx9(
-    "button",
-    {
-      type: "button",
-      onClick: chatControls.toggleChat,
-      className: "rounded-full p-2 aspect-square w-10  bg-black/60 cursor-pointer fixed right-5 bottom-5",
-      children: "AI"
-    }
-  );
-};
-var ChatWindow = ({ children }) => {
-  const { chatControls } = useChatContext();
-  return /* @__PURE__ */ jsx9("div", { className: cn(
-    "w-full lg:w-107.5 h-full lg:max-h-201",
-    "z-9999 fixed top-0 right-0 lg:right-5 lg:bottom-20 lg:top-auto bg-[#F8F8FA]",
-    "lg:rounded-4xl shadow-2xl overflow-hidden",
-    "flex flex-col",
-    { "invisible": !chatControls.isOpen }
-  ), children });
-};
-var ChatHeader = () => {
-  return /* @__PURE__ */ jsxs6("section", { className: "flex justify-between items-center bg-white py-3 px-4", children: [
-    /* @__PURE__ */ jsx9("button", { type: "button", children: " Back" }),
-    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx9("span", { children: "Shop Logo" }),
-      /* @__PURE__ */ jsx9("span", { className: "text-[10px]", children: "Powered by Zimpligital" })
-    ] }),
-    /* @__PURE__ */ jsx9("div", {})
-  ] });
-};
-var ChatBody = () => {
-  const { isLoading, addUserMessage, addBotMessage, messages, latestMessage } = useChatContext();
-  const [showWaitMessage, setShowWaitMessage] = useState3(false);
-  const messagesEndRef = useRef(null);
-  const loadingMessage = showWaitMessage ? "Wait a minute..." : void 0;
-  const messagesDisplay = messages || [];
-  const displayWelcomeMessage = messagesDisplay.length === 0 && !isLoading;
-  const handleClick = useCallback3((menu) => __async(null, null, function* () {
-    if (menu.title.includes(tryAgain) && !!(latestMessage == null ? void 0 : latestMessage.text)) {
-      return addUserMessage(latestMessage == null ? void 0 : latestMessage.text);
-    }
-    addUserMessage(menu.title);
-    const mockResponse2 = getMockBotMessage(menu);
-    addBotMessage(mockResponse2);
-  }), [addUserMessage, addBotMessage, latestMessage]);
-  useEffect(() => {
-    var _a;
-    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
-  }, [isLoading, messagesDisplay.length]);
-  useEffect(() => {
-    let timer;
-    if (isLoading) {
-      timer = setTimeout(() => {
-        setShowWaitMessage(true);
-      }, 2e3);
-    } else {
-      setShowWaitMessage(false);
-    }
-    return () => {
-      if (timer) clearTimeout(timer);
-    };
-  }, [isLoading]);
-  return /* @__PURE__ */ jsx9("section", { className: "flex-1 overflow-y-auto relative", children: /* @__PURE__ */ jsxs6("section", { className: " p-4 flex flex-col gap-y-3 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx9(QuickMenus, { bannerSrc: defaultBanner, menus: defaultQuickMenus, message: defaultQuickMenuMessage, handleClick }),
-    messagesDisplay == null ? void 0 : messagesDisplay.map((message) => /* @__PURE__ */ jsx9(MessageBubble, { message, handleClick }, message.id)),
-    isLoading && /* @__PURE__ */ jsx9(Loading, { message: loadingMessage }),
-    /* @__PURE__ */ jsx9("div", { ref: messagesEndRef }),
-    displayWelcomeMessage && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 text-center text-sm text-gray-500", children: "\u0E04\u0E38\u0E13\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19\u0E2A\u0E19\u0E17\u0E19\u0E32\u0E01\u0E31\u0E1A UTECH AI" })
-  ] }) });
-};
-var ChatFooter = () => {
-  const { addUserMessage, addBotMessage, latestMessage } = useChatContext();
-  const handleClick = useCallback3((menu) => __async(null, null, function* () {
-    if (menu.title.includes(tryAgain) && !!(latestMessage == null ? void 0 : latestMessage.text)) {
-      return addUserMessage(latestMessage == null ? void 0 : latestMessage.text);
-    }
-    addUserMessage(menu.title);
-    const mockResponse2 = getMockBotMessage(menu);
-    addBotMessage(mockResponse2);
-  }), [addUserMessage, addBotMessage, latestMessage]);
-  const handleSend = useCallback3((message) => {
-    addUserMessage(message);
-    const mockResponse2 = getMockBotMessageByText(message);
-    addBotMessage(mockResponse2);
-  }, [addUserMessage, addBotMessage]);
-  return /* @__PURE__ */ jsxs6("section", { className: "bg-white h-42.5 lg:h-46", children: [
-    /* @__PURE__ */ jsx9(quick_menus_chip_default, { handleClick, menus: defaultQuickMenuChips, className: "pl-4 pt-4 pb-2" }),
-    /* @__PURE__ */ jsx9(
-      InputBar,
-      {
-        placeholder: "\u0E16\u0E32\u0E21\u0E04\u0E33\u0E16\u0E32\u0E21\u0E44\u0E14\u0E49\u0E40\u0E25\u0E22...",
-        onSend: handleSend,
-        onImageClick: () => console.log("Image upload"),
-        onMagicClick: () => console.log("AI assist")
-      }
-    )
-  ] });
-};
-
-// src/contexts/aizu-client-context.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var AizuClientContext = createContext2(
-  void 0
-);
-var AizuClientProvider = ({
-  children,
-  client
-}) => {
-  return /* @__PURE__ */ jsx10(AizuClientContext.Provider, { value: { aizuClient: client }, children });
-};
-
-// src/components/test-component.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var TestComponent = ({ client }) => {
-  console.log("\u{1F680} ~ TestComponent ~ client:", client);
-  return /* @__PURE__ */ jsx11(AizuClientProvider, { client, children: "tanawin" });
-};
-
-export {
-  Loading,
-  Button,
-  QuickMenus,
-  AizuChat,
-  TestComponent
-};