import { LvbleWidget, Environment, openExperienceAndSetToken } from "@lvble/react";

<LvbleWidget
    balance={100000}
    pms={"your_portal_name"}
    externalId={"test-tenant-id"}
    onEvent={(eventType, data) => {}}
    environment={Environment.Production}
    signature={"3cfa76ef14937c1c0ea519f8fc057a80fcd04a7420f8e8bcd0a7567c272e007b"}
    onWidgetClickCallback={() => {
      	const token = "...";  // Call Livble's API to get the token. (POST /tenant/portal_info/:id)
        openExperienceAndSetToken({token: token});
    }}
/>

import { Environment, Lvble } from "@lvble/core"  

const l = Lvble({
    balance: 100000,
    pms: "your_portal_name",
    externalId: "test-tenant-id",
    onEvent: (eventType, data) => {},
    environment: Environment.Production,
    signature: "3cfa76ef14937c1c0ea519f8fc057a80fcd04a7420f8e8bcd0a7567c272e007b",
    onWidgetClickCallback: () => { 
        const token = "...";  // Call Livble's API to get the token. (POST /tenant/portal_info/:id)
        l.openExperienceAndSetToken(token);
    }
});

const widget = l.createWidget()
yourWidgetContainerElement.appendChild(widget); // Add widget to DOM

import * as crypto from "crypto";

const PMS = "your_portal_name";
const LIVBLE_API_KEY = "your_livble_api_key";

function generateTenantHmac(externalId: string): string {
  const hmac = crypto.createHmac("sha256", LIVBLE_API_KEY);
  
  const message = `${PMS}+${externalId}`;
  hmac.update(message);

  return hmac.digest("hex");
}

import hmac

PMS = "your_portal_name"
LIVBLE_API_KEY = "your_livble_api_key"


def generate_tenant_hmac(external_id: str) -> str:
    message = f"{PMS}+{external_id}"

    tenant_hmac =  hmac.new(
        key=LIVBLE_API_KEY.encode("utf-8"),
        msg=message.encode("utf-8"),
        digestmod="sha256",
    )

    return tenant_hmac.hexdigest()

import javax.crypto.Mac;
import javax.crypto.spec.SecretKeySpec;
import java.nio.charset.StandardCharsets;

public class HmacUtil {
    private static final String PMS = "your_portal_name";
    private static final String LIVBLE_API_KEY = "your_livble_api_key";

    public static String generateTenantHmac(String externalId) throws Exception {
        // Construct the message to sign.
        String message = PMS + "+" + externalId;

        // Convert message and key to bytes.
        byte[] messageAsBytes = message.getBytes(StandardCharsets.UTF_8);
        byte[] keyAsBytes = LIVBLE_API_KEY.getBytes(StandardCharsets.UTF_8);

        // Compute SHA256 HMAC.
        Mac mac = Mac.getInstance("HmacSHA256");
        mac.init(new SecretKeySpec(keyAsBytes, "HmacSHA256"));
        byte[] hmacBytes = mac.doFinal(messageAsBytes);

        // Convert HMAC to a hex string.
        StringBuilder hex = new StringBuilder();
        for (byte b : hmacBytes) {
            hex.append(String.format("%02x", b));
        }
        return hex.toString();
    }
}

using System;
using System.Security.Cryptography;
using System.Text;

public static class HmacUtil
{
    private const string Pms = "your_portal_name";
    private const string LivbleApiKey = "your_livble_api_key";

    public static string GenerateTenantHmac(string externalId)
    {
        // Construct the message to sign.
        string message = Pms + "+" + externalId;

        // Convert message and key to bytes.
        byte[] messageAsBytes = Encoding.UTF8.GetBytes(message);
        byte[] keyAsBytes = Encoding.UTF8.GetBytes(LivbleApiKey);

        // Compute SHA256 HMAC and convert it to a hex string.
        using (var hmac = new HMACSHA256(keyAsBytes))
        {
            byte[] hmacBytes = hmac.ComputeHash(messageAsBytes);
            return BitConverter.ToString(hmacBytes).Replace("-", "").ToLower();
        }
    }
}