@aikaara/chat-sdk 0.6.1 → 0.7.1

package/dist/AikaaraLinkButton-C1S7MfVT.mjs

@@ -0,0 +1,98 @@
+class u extends HTMLElement {
+  shadow;
+  payload = null;
+  constructor() {
+    super(), this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  setPayload(e) {
+    this.payload = e, this.render();
+  }
+  render() {
+    const e = this.payload;
+    this.shadow.innerHTML = `
+      <style>
+        :host { display: block; margin-top: 8px; }
+        button {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          padding: 10px 16px;
+          background: var(--aikaara-primary, #0f2e5c);
+          color: var(--aikaara-primary-contrast, #fff);
+          border: none;
+          border-radius: var(--aikaara-button-radius, 8px);
+          font-family: var(--aikaara-font, system-ui);
+          font-size: 14px;
+          font-weight: 600;
+          cursor: pointer;
+        }
+        button:hover { background: var(--aikaara-primary-hover, #0a2347); }
+        button[disabled] { opacity: 0.5; cursor: not-allowed; }
+      </style>
+      <button type="button" ${e ? "" : "disabled"}>
+        ${c(e?.name ?? "Open")}
+        <span aria-hidden="true">↗</span>
+      </button>
+    `, this.shadow.querySelector("button")?.addEventListener("click", () => this.handleClick());
+  }
+  handleClick() {
+    if (!this.payload) return;
+    const { url: e, name: a, openLinkInNewTab: o, orderId: r, extra: i, messageId: n } = this.payload, s = o ? "tab" : "modal", d = new CustomEvent("aikaara-link-action", {
+      detail: { url: e, name: a, orderId: r, openedIn: s, extra: i, messageId: n },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    if (this.dispatchEvent(d))
+      if (o)
+        window.open(e, "_blank", "noopener,noreferrer");
+      else {
+        const l = p();
+        requestAnimationFrame(() => l?.show?.(e, a));
+      }
+    this.dispatchEvent(
+      new CustomEvent("template-action", {
+        detail: {
+          text: a,
+          attributes: {
+            action: {
+              type: "link",
+              url: e,
+              orderId: r,
+              openedIn: s,
+              ...i ?? {}
+            },
+            ...n ? { message_id: n } : {}
+          }
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+}
+function c(t) {
+  return t.replace(
+    /[&<>"']/g,
+    (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]
+  );
+}
+function p() {
+  if (typeof document > "u") return null;
+  let t = document.querySelector("aikaara-link-modal");
+  if (!t) {
+    const e = document.createElement("aikaara-link-modal");
+    document.body.appendChild(e), t = e;
+  }
+  return t;
+}
+function b() {
+  typeof customElements > "u" || customElements.get("aikaara-link-button") || customElements.define("aikaara-link-button", u);
+}
+export {
+  u as AikaaraLinkButton,
+  b as registerAikaaraLinkButton
+};

package/dist/AikaaraLinkButton-VDNx7RfC.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class d extends HTMLElement{shadow;payload=null;constructor(){super(),this.shadow=this.attachShadow({mode:"open"})}connectedCallback(){this.render()}setPayload(e){this.payload=e,this.render()}render(){const e=this.payload;this.shadow.innerHTML=`
+      <style>
+        :host { display: block; margin-top: 8px; }
+        button {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          padding: 10px 16px;
+          background: var(--aikaara-primary, #0f2e5c);
+          color: var(--aikaara-primary-contrast, #fff);
+          border: none;
+          border-radius: var(--aikaara-button-radius, 8px);
+          font-family: var(--aikaara-font, system-ui);
+          font-size: 14px;
+          font-weight: 600;
+          cursor: pointer;
+        }
+        button:hover { background: var(--aikaara-primary-hover, #0a2347); }
+        button[disabled] { opacity: 0.5; cursor: not-allowed; }
+      </style>
+      <button type="button" ${e?"":"disabled"}>
+        ${c(e?.name??"Open")}
+        <span aria-hidden="true">↗</span>
+      </button>
+    `,this.shadow.querySelector("button")?.addEventListener("click",()=>this.handleClick())}handleClick(){if(!this.payload)return;const{url:e,name:a,openLinkInNewTab:o,orderId:r,extra:i,messageId:n}=this.payload,s=o?"tab":"modal",l=new CustomEvent("aikaara-link-action",{detail:{url:e,name:a,orderId:r,openedIn:s,extra:i,messageId:n},bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(l))if(o)window.open(e,"_blank","noopener,noreferrer");else{const u=p();requestAnimationFrame(()=>u?.show?.(e,a))}this.dispatchEvent(new CustomEvent("template-action",{detail:{text:a,attributes:{action:{type:"link",url:e,orderId:r,openedIn:s,...i??{}},...n?{message_id:n}:{}}},bubbles:!0,composed:!0}))}}function c(t){return t.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function p(){if(typeof document>"u")return null;let t=document.querySelector("aikaara-link-modal");if(!t){const e=document.createElement("aikaara-link-modal");document.body.appendChild(e),t=e}return t}function m(){typeof customElements>"u"||customElements.get("aikaara-link-button")||customElements.define("aikaara-link-button",d)}exports.AikaaraLinkButton=d;exports.registerAikaaraLinkButton=m;