@drttix/drt-sdk 0.7.0 → 0.7.5

package/demo/test.html

@@ -176,8 +176,39 @@
             <div class="left-panel">
                 <h1>DRT SDK Test Page</h1>
 
-                <h2>1. Initialize SDK</h2>
+                <h2>1. Create or Initialize SDK</h2>
                 <div class="config-form">
+                    <div
+                        style="
+                            background: #e8f5e9;
+                            padding: 0.75rem;
+                            border-radius: 4px;
+                            margin-bottom: 1rem;
+                        "
+                    >
+                        <strong>Quick Start:</strong> Create a new shopper
+                        session
+                        <div class="input-row" style="margin-top: 0.5rem">
+                            <label>Studio ID:</label>
+                            <input
+                                type="number"
+                                id="createStudioId"
+                                placeholder="e.g., 508"
+                                style="flex: 1"
+                            />
+                            <label>API Key:</label>
+                            <input
+                                type="text"
+                                id="createApiKey"
+                                placeholder="API key"
+                                style="flex: 1"
+                            />
+                            <button id="btn-create-shopper">
+                                Create Shopper
+                            </button>
+                        </div>
+                    </div>
+
                     <label for="shopperGuid">Shopper GUID:</label>
                     <input
                         type="text"
@@ -234,12 +265,15 @@
                         <button id="btn-events">Get All Events</button>
                     </div>
                     <div class="input-row">
-                        <label>Event ID:</label>
-                        <input
-                            type="number"
-                            id="eventId"
-                            placeholder="e.g., 123"
-                        />
+                        <label>Event:</label>
+                        <select
+                            id="eventSelect"
+                            style="flex: 1; padding: 0.4rem"
+                        >
+                            <option value="">
+                                -- Click "Get All Events" first --
+                            </option>
+                        </select>
                         <button id="btn-event-details">
                             Get Event Details
                         </button>
@@ -317,13 +351,32 @@
                         <code>DRT.scanner.database</code>
                     </p>
                     <div class="input-row">
-                        <label>Event ID:</label>
+                        <label>Show Code:</label>
+                        <input
+                            type="text"
+                            id="scannerShowCode"
+                            placeholder="e.g., ABC123"
+                        />
+                    </div>
+                    <div class="input-row">
+                        <label>Device:</label>
                         <input
-                            type="number"
-                            id="scannerEventId"
-                            placeholder="e.g., 123"
+                            type="text"
+                            id="scannerDevice"
+                            placeholder="device name"
+                            value="test-device"
+                        />
+                        <label>User:</label>
+                        <input
+                            type="text"
+                            id="scannerUser"
+                            placeholder="username"
+                            value="test-user"
                         />
-                        <button id="btn-scanner-db">Get Database</button>
+                    </div>
+                    <div class="btn-group">
+                        <button id="btn-scanner-db">Download Database</button>
+                        <button id="btn-scanner-query">Query Sections</button>
                     </div>
 
                     <h3>Orders</h3>
@@ -332,13 +385,24 @@
                         <code>DRT.scanner.orders</code>
                     </p>
                     <div class="input-row">
-                        <label>Order ID:</label>
+                        <label>Phone:</label>
+                        <input
+                            type="text"
+                            id="scannerPhone"
+                            placeholder="Phone number"
+                        />
+                        <button id="btn-scanner-by-phone">
+                            Search by Phone
+                        </button>
+                    </div>
+                    <div class="input-row">
+                        <label>Name:</label>
                         <input
                             type="text"
-                            id="scannerOrderId"
-                            placeholder="Order ID"
+                            id="scannerName"
+                            placeholder="Buyer name"
                         />
-                        <button id="btn-scanner-order">Get Order</button>
+                        <button id="btn-scanner-by-name">Search by Name</button>
                     </div>
                 </div>
             </div>
@@ -486,6 +550,60 @@ Initialize the SDK, then click a button to test...</pre
                     });
                 });
 
+            // Create Shopper
+            document
+                .getElementById('btn-create-shopper')
+                .addEventListener('click', async () => {
+                    const studioId = parseInt(
+                        document.getElementById('createStudioId').value,
+                    );
+                    const apiKey = document
+                        .getElementById('createApiKey')
+                        .value.trim();
+
+                    if (!studioId) {
+                        setStatus('Please enter a Studio ID', true);
+                        return;
+                    }
+                    if (!apiKey) {
+                        setStatus('Please enter an API Key', true);
+                        return;
+                    }
+
+                    setStatus('Creating shopper session...', false);
+                    try {
+                        const result = await DRT.shopper.session.createSession({
+                            studioId,
+                        });
+                        setStatus('Shopper created!', false);
+                        setOutput(result);
+
+                        // Populate the form fields
+                        document.getElementById('shopperGuid').value =
+                            result.shopperGuid;
+                        document.getElementById('accountId').value =
+                            result.studioId;
+                        document.getElementById('apiKey').value = apiKey;
+
+                        // Auto-initialize
+                        DRT.init({
+                            shopperGuid: result.shopperGuid,
+                            accountId: String(result.studioId),
+                            apiKey,
+                        });
+                        setStatus(
+                            'Shopper created and SDK initialized!',
+                            false,
+                        );
+                    } catch (err) {
+                        setStatus(`Error: ${err.message}`, true);
+                        setOutput({
+                            error: err.message,
+                            details: err.body || err.toString(),
+                        });
+                    }
+                });
+
             // ==================== SHOPPER API ====================
 
             // Account
@@ -526,9 +644,33 @@ Initialize the SDK, then click a button to test...</pre
             // Events
             document
                 .getElementById('btn-events')
-                .addEventListener('click', () => {
+                .addEventListener('click', async () => {
                     if (!requireInit()) return;
-                    callApi(() => DRT.shopper.event.getEvents(), 'events');
+                    setStatus('Fetching events...', false);
+                    try {
+                        const result = await DRT.shopper.event.getEvents();
+                        setStatus('Success!', false);
+                        setOutput(result);
+
+                        // Populate the dropdown
+                        const select = document.getElementById('eventSelect');
+                        select.innerHTML =
+                            '<option value="">-- Select an event --</option>';
+                        const events = result.events || result || [];
+                        events.forEach((event) => {
+                            const opt = document.createElement('option');
+                            opt.value = event.eventId || event.id;
+                            opt.textContent = `${event.eventId || event.id}: ${event.eventName || event.name || 'Unnamed'}`;
+                            select.appendChild(opt);
+                        });
+                        setStatus(`Loaded ${events.length} events`, false);
+                    } catch (err) {
+                        setStatus(`Error: ${err.message}`, true);
+                        setOutput({
+                            error: err.message,
+                            details: err.body || err.toString(),
+                        });
+                    }
                 });
 
             document
@@ -536,10 +678,13 @@ Initialize the SDK, then click a button to test...</pre
                 .addEventListener('click', () => {
                     if (!requireInit()) return;
                     const id = parseInt(
-                        document.getElementById('eventId').value,
+                        document.getElementById('eventSelect').value,
                     );
                     if (!id) {
-                        setStatus('Please enter an Event ID', true);
+                        setStatus(
+                            'Please select an event from the dropdown',
+                            true,
+                        );
                         return;
                     }
                     callApi(
@@ -631,32 +776,90 @@ Initialize the SDK, then click a button to test...</pre
             document
                 .getElementById('btn-scanner-db')
                 .addEventListener('click', () => {
-                    const eventId = parseInt(
-                        document.getElementById('scannerEventId').value,
-                    );
-                    if (!eventId) {
-                        setStatus('Please enter an Event ID', true);
+                    const showCode = document
+                        .getElementById('scannerShowCode')
+                        .value.trim();
+                    const device = document
+                        .getElementById('scannerDevice')
+                        .value.trim();
+                    const user = document
+                        .getElementById('scannerUser')
+                        .value.trim();
+                    if (!showCode) {
+                        setStatus('Please enter a Show Code', true);
                         return;
                     }
                     callApi(
-                        () => DRT.scanner.database.getDatabase(eventId),
+                        () =>
+                            DRT.scanner.database.download(
+                                showCode,
+                                device,
+                                user,
+                                'en',
+                            ),
                         `scanner database`,
                     );
                 });
 
             document
-                .getElementById('btn-scanner-order')
+                .getElementById('btn-scanner-query')
+                .addEventListener('click', () => {
+                    const showCode = document
+                        .getElementById('scannerShowCode')
+                        .value.trim();
+                    if (!showCode) {
+                        setStatus('Please enter a Show Code', true);
+                        return;
+                    }
+                    callApi(
+                        () => DRT.scanner.database.query(showCode, 'sections'),
+                        `sections query`,
+                    );
+                });
+
+            document
+                .getElementById('btn-scanner-by-phone')
+                .addEventListener('click', () => {
+                    const showCode = document
+                        .getElementById('scannerShowCode')
+                        .value.trim();
+                    const phone = document
+                        .getElementById('scannerPhone')
+                        .value.trim();
+                    if (!showCode || !phone) {
+                        setStatus('Please enter Show Code and Phone', true);
+                        return;
+                    }
+                    callApi(
+                        () =>
+                            DRT.scanner.orders.ordersControllerGetOrdersByPhone(
+                                showCode,
+                                phone,
+                            ),
+                        `orders by phone`,
+                    );
+                });
+
+            document
+                .getElementById('btn-scanner-by-name')
                 .addEventListener('click', () => {
-                    const orderId = document
-                        .getElementById('scannerOrderId')
+                    const showCode = document
+                        .getElementById('scannerShowCode')
+                        .value.trim();
+                    const name = document
+                        .getElementById('scannerName')
                         .value.trim();
-                    if (!orderId) {
-                        setStatus('Please enter an Order ID', true);
+                    if (!showCode || !name) {
+                        setStatus('Please enter Show Code and Name', true);
                         return;
                     }
                     callApi(
-                        () => DRT.scanner.orders.getOrder(orderId),
-                        `scanner order`,
+                        () =>
+                            DRT.scanner.orders.ordersControllerGetOrdersByName(
+                                showCode,
+                                name,
+                            ),
+                        `orders by name`,
                     );
                 });