Start Automating with SpensAi

const orders = [
{ orderId: "ORD-1001", address: "15 Attrat Walk, Melbourne VIC 3216" },
{ orderId: "ORD-1002", address: "k11 A West Banani, Gulshan 3, Dhaka" },
{ orderId: "ORD-1003", address: "Dhaka DCC Market West Gate" }
];

const log = (msg) => {
const el = document.getElementById("log");
el.innerHTML += <div>${msg}</div>;
el.scrollTop = el.scrollHeight;
};

function learnWorkflow(workflowName) {
log( SpensAi learning workflow: <b>${workflowName}</b>);
return new Promise((resolve) =>
setTimeout(() => resolve("Workflow learned and saved"), 800)
);
}

function validateAddresses(orders) {
log(" Validating order addresses...");
return new Promise((resolve) => {
setTimeout(() => {
const results = orders.map((o) => ({
...o,
valid: o.address.length > 20
}));
resolve(results);
}, 1000);
});
}

function createFulfilment(validOrders) {
log("Creating fulfilment request...");
return new Promise((resolve) => {
setTimeout(() => {
const tracking = "TRK-" + Math.floor(Math.random() * 1000000);
resolve({
trackingNumber: tracking,
orders: validOrders.map((o) => o.orderId)
});
}, 1200);
});
}

async function runSpensAiAutomation() {
document.getElementById("log").innerHTML = "";

const workflowName =
document.getElementById("wfName")?.value || "User Fulfilment Flow";

await learnWorkflow(workflowName);

const validated = await validateAddresses(orders);

const invalid = validated.filter((o) => !o.valid);
const valid = validated.filter((o) => o.valid);

if (invalid.length) {
log(
Invalid addresses detected: ${invalid .map((o) => o.orderId) .join(", ")}
);
}

if (!valid.length) {
log(" No valid orders to fulfil.");
return;
}

const fulfilment = await createFulfilment(valid);

log("✅ Fulfilment created successfully");
log(📦 Tracking Number: <b>${fulfilment.trackingNumber}</b>);
log(🧾 Orders: ${fulfilment.orders.join(", ")});
}

// Button hook
document
.getElementById("runAutomation")
?.addEventListener("click", runSpensAiAutomation);