Floating

<script src="https://unpkg.com/@ringee/dialer-sdk"></script>
<script>
  const ringee = Ringee.mount({
    key: "pk_live_xxxxx",
    locale: "en",
    side: "right",
  });
</script>

<script src="https://unpkg.com/@ringee/dialer-sdk@0.1.1/dist/ringee.global.js"></script>

import { createFloating } from "@ringee/dialer-sdk/ui";

const ringee = createFloating({
  key: "pk_live_xxxxx",
  agentEmail: currentUser.email,
  locale: "en",
  side: "right",
  defaultOpen: false,
  rememberOpen: true,
  allowHold: true,
});

ringee.open();
ringee.close();
ringee.toggle();

ringee.setContact({
  name: "Morgan Reed",
  number: "+13055550142",
  externalContactId: "crm-contact-294",
});

ringee.startCall({
  to: "+13055550142",
  name: "Morgan Reed",
  externalContactId: "crm-contact-294",
});

// When the user opens a contact
ringee.setContact({
  name: contact.fullName,
  number: contact.phone,
  imageUrl: contact.avatarUrl,
  externalContactId: contact.id,
});

// When they click "Call"
callButton.addEventListener("click", () => {
  ringee.startCall({ to: contact.phone, externalContactId: contact.id });
});

ringee.on("answered", ({ call }) => startTimer(call.answeredAt));
ringee.on("ended", ({ call }) => logActivity(call));
ringee.on("failed", ({ error }) => toast(error.message));

ringee.destroy();              // removes the UI
await ringee.dialer.destroy(); // releases WebRTC, audio and the call lock