<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"/> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <script type="module" src="https://auvious.video/widget/dist/auvious/auvious.esm.js" ></script> <script nomodule="" src="https://auvious.video/widget/dist/auvious/auvious.js" ></script> <link href="./assets/css/style.css?v=1.5" rel="stylesheet"> </head> <body> <center> <img id="AMER_logo" src="./assets/Amer.png" /> </center>  <button type="button" id="show-waiting-modal" class="btn btn-primary hidden" data-bs-toggle="modal" data-bs-target="#videoPlayerModal"> Launch modal </button> <button type="button" id="show-survey-modal" class="btn btn-primary hidden" data-bs-toggle="modal" data-bs-target="#surveyVideoPlayerModal"> Launch Survey modal </button>   <div id="container" > <video id="amer-intoruction-video" playsinline loop muted> <source src="../assets/videos/amer_introduction.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <div class="call-btn-container disabled" > <div id="arabic-custom-txt" style="color: #2A206A;text-align: center;" > 丕賳賯乇賴賳丕賱亘丿亍丕賱賲賰丕賱賲丞 </div> <div id="english-custom-txt" style="color: #2A206A;text-align: center;" > Click Here To Start The Call </div> <img id="CUSTOM_BTN" src="./assets/DGA-sign.png" onclick="startVideoCall()"> </div> </div> <div id="component-container" style="display: none"> <app-auvious-widget chat-mode="genesys-cloud" locale="ar-WW" active-widgets="video" pc-queue="Deaf Service Queue" application-id="9ba192be-9ec0-496d-9d31-88f14723cfe2" pc-deployment-id="878ae954-ffee-4fb6-985d-953f72feb2a7" close-hidden="false" pc-organization-id="066a69b1-5a3a-4990-b1be-1e74fc6715a9" pc-environment="mypurecloud.de" greeting-sound-on="false" dark-mode="false" registration-type="name" avatar-url="" pc-queue-id= "edd74e03-e2f6-4c4b-9635-e6140d9fda17" queue-estimate-wait-time= "true" customer-display-name="Deaf Video" auvious-environment="auvious.video" kiosk-mode="true" test-device-permissions="true" greeting-sound-on="false" color-primary="#3a356f" color-accent="#3a356f" interaction-keep-alive-timeout-seconds="10" /app-auvious-widget> </div> <div id="video-player-container"> </div> <script src="./assets/lib/jquery/jquery.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <script> function initVideo(videoId){ var video = document.getElementById(videoId); video.play(); } function getDomain(){ let referrer = document.referrer; referrer = referrer.replace('http://','') .replace('https://',''); return referrer; } function addVisitor(){ var apiUrl = './api/visitor'; var requestData = { "platformURL": getDomain() }; $.ajax({ url: apiUrl, type: 'POST', contentType: 'application/json', data: JSON.stringify(requestData), success: function (data) { console.log('Success:', data); // Handle success here }, error: function (xhr, status, error) { console.error('Error:', error); // Handle error here } }); } $(document).ready(function () { initVideo('amer-intoruction-video'); // Load the partial HTML page into the #content-container div $('#video-player-container').load('./partials/video-player-template.html?v=1.5'); }); </script> <script> var organisationId; var queueName; var agentId; var interactionId; var isOnQueue = false; var genesysWebChatServicePlugin; var typingIntervalTimer; var typingIntervalMS = 5000; // 5 seconds var genesysPluginName = "av-deaf.dga.gov.sa"; /* var permissions = checkPermissions(); permissions.then((stream) => { var button = document.getElementById("CUSTOM_BTN"); button.removeAttribute("disabled"); button.style.display = "block"; }) .catch((err) => { console.log(`${err.name} : ${err.message}`) window.location.href="goodBye.html"; }); */ (async () => { await customElements.whenDefined("app-auvious-widget"); const widget = document.querySelector("app-auvious-widget"); window.addEventListener("beforeunload", () => { if (isOnQueue && genesysWebChatServicePlugin) { // widget.terminate(false); // widget.endConversation(); // if (genesysWebChatServicePlugin) genesysWebChatServicePlugin.command("WebChatService.endChat"); } }); // we wait until the widget is ready to enable the 'start video call' button widget.addEventListener("ready", () => { if(!isWorkingHour()){ return; } var conversationExists = localStorage.getItem( "auvious.conversation.type" ); if (!conversationExists) { // enable the 'start call' button only when the widget is ready and we don't have an existing conversation (from page refresh) resetButton(); } else { setTimeout(() => { // the customer may have closed the browser while waiting, the agent may have answered and closed the conversation // so if we don't reconnect to an existing conversation, show the button if (!interactionId) { resetButton(); } }, 2000); } // set the widget translations // set the widget translations widget.setTranslationFile( "https://deaf.dga.gov.sa/assets/ar.json", "ar" ); }); widget.addEventListener("conversationStarted", (e) => { // get the interaction id interactionId = e.detail; isOnQueue = true; // after a page refresh, if the customer is waiting in an queue, we need to show the widget showWidgetHideButton(); setupGenesysPlugin(); startTypingKeepAlive(); }); widget.addEventListener("agentConnected", (e) => { // get the agent id agentId = e.detail; isOnQueue = false; stopTypingKeepAlive(); }); widget.addEventListener("conversationEnded", () => { // the customer might close the conversation while on queue. we will not have an agent id then. // QUESTION: Do we want to show the feedback form if no agent answered the conversation? if (agentId && interactionId) { // open feedback form /* window.open( `https://google.com?organisationId=${widget.getAttribute( "pc-organization-id" )}&queueName=${widget.getAttribute( "pc-queue" )}&agentId=${agentId}&interactionId=${interactionId}`, "Feedback" ); */ /////////////// playSurveyVideo(); } isOnQueue = false; //hide the widget document.getElementById("component-container").style.display = "none"; resetButton(); stopTypingKeepAlive(); }); })(); function isWorkingHour() { var ramadanStartDate = new Date('2025-03-01T01:00:00'); var ramadanEndDate = new Date('2025-03-29T23:59:00'); var eidStartDate = new Date('2025-03-30T00:00:00'); var eidEndDate = new Date('2025-04-02T06:59:00'); var specialStartDate = new Date('2024-12-16T00:00:00'); var specialeidEndDate = new Date('2024-12-19T23:59:00'); var currentDate = new Date(); if( currentDate >= specialStartDate && currentDate <= specialeidEndDate ){ //special working hours var now = new Date(); if( now.getHours() >= 8 && now.getHours() < 16 ){ return true; }else{ alert(".卮賰乇賸丕賱鬲賵丕氐賱賰賲賲毓賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇. 賳丨賷胤賰賲毓賱賲賸丕亘兀賳爻丕毓丕鬲丕賱毓賲賱丕賱乇爻賲賷丞賴賷賲賳丕賱爻丕毓丞 8 氐亘丕丨賸丕賵丨鬲賶丕賱爻丕毓丞 4 賲爻丕亍賸賲賳丕賱兀孬賳賷賳丕賱賶丕賱禺賲賷爻.\nThank you for contacting the Beneficiary Engagement Center, Amer. Please note that our official working hours are from 8:00 AM to 4:00 PM, from Monday to Thursday."); return false; } } else if (currentDate >= ramadanStartDate && currentDate < ramadanEndDate) { //ramadan working hours return isRamadanWorkingHour(); }else if(currentDate >= eidStartDate && currentDate <= eidEndDate){ // eid working hours alert("亘賲賳丕爻亘丞丨賱賵賱毓賷丿丕賱賮胤乇丕賱賲亘丕乇賰貙賷鬲賯丿賲賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇亘兀爻賲賶丕賱鬲賴丕賳賷賵丕賱鬲亘乇賷賰丕鬲賱賲賯丕賲禺丕丿賲丕賱丨乇賲賷賳丕賱卮乇賷賮賷賳賵賵賱賷丕賱毓賴丿丕賱兀賲賷賳賵賱賱卮毓亘丕賱爻毓賵丿賷丕賱賰乇賷賲. 賳爻兀賱丕賱賱賴兀賳賷毓賷丿賴毓賱賷賰賲亘丕賱禺賷乇賵丕賱賷賲賳賵丕賱亘乇賰丕鬲.\n賷賲賰賳賰賲丕賱鬲賵丕氐賱禺賱丕賱兀賵賯丕鬲丕賱毓賲賱賮賷廿噩丕夭丞毓賷丿丕賱賮胤乇丕賱賲亘丕乇賰賲賳賷賵賲丕賱兀乇亘毓丕亍貙丕亘鬲丿丕亍賸賲賳丕賱爻丕毓丞 7:00 氐亘丕丨賸丕賵丨鬲賶 11:00 賲爻丕亍賸.\n賳卮賰乇賱賰賲鬲賮賴賲賰賲.\n\nOn the occasion of Eid Al-Fitr, the Beneficiaries Interaction Center (Amer) extends its warmest congratulations to the Custodian of the Two Holy Mosques, the Crown Prince, and the honorable Saudi people. We ask Allah to return it upon you with goodness, blessings, and prosperity.\nYou can reach us during the Eid Al-Fitr holiday working hours starting Wednesday, from 7:00 AM until 11:00 PM."); return false; }else{ //normal working hours var now = new Date(); if( now.getDay() <= 4 && now.getHours() >= 8 && now.getHours() < 23 ){ return true; }else{ alert("卮賰乇賸丕賱鬲賵丕氐賱賰賲賲毓賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇. 賳丨賷胤賰賲毓賱賲賸丕亘兀賳爻丕毓丕鬲丕賱毓賲賱丕賱乇爻賲賷丞賴賷賲賳丕賱爻丕毓丞 8 氐亘丕丨賸丕賵丨鬲賶丕賱爻丕毓丞 11 賲爻丕亍賸賲賳丕賱兀丨丿丕賱賶丕賱禺賲賷爻.\nThank you for contacting the Beneficiary Engagement Center, Amer. Please note that our official working hours are from 8:00 AM to 11:00 PM, from Sunday to Thursday."); return false; } } return true; } function isRamadanWorkingHour() { var now = new Date(); var currentHour = now.getHours(); var currentDay = now.getDay(); /*start of ramadan working hours*/ if(currentDay <= 4){ // Check if it's between 8 AM and 6 PM if ((currentHour >= 8 && currentHour < 18)) { alert("賷爻乇賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇兀賳賷賴賳卅賰賲亘賲賳丕爻亘丞丨賱賵賱卮賴乇乇賲囟丕賳丕賱賲亘丕乇賰貙爻丕卅賱賷賳丕賱賱賴兀賳賷鬲賯亘賱賲賳丕賵賲賳賰賲氐丕賱丨丕賱兀毓賲丕賱貙賵賰賱毓丕賲賵兀賳鬲賲亘禺賷乇\nThe beneficiaries Engagement Center-AMER extends its sincere congratulations and blessings on the advent of the holy month of Ramadan, may God accept all your good deeds.") return true; } // Check if it's between 7 PM and 1 AM (next day) else if (currentHour >= 19 || currentHour < 1) { alert("賷爻乇賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇兀賳賷賴賳卅賰賲亘賲賳丕爻亘丞丨賱賵賱卮賴乇乇賲囟丕賳丕賱賲亘丕乇賰貙爻丕卅賱賷賳丕賱賱賴兀賳賷鬲賯亘賱賲賳丕賵賲賳賰賲氐丕賱丨丕賱兀毓賲丕賱貙賵賰賱毓丕賲賵兀賳鬲賲亘禺賷乇\nThe beneficiaries Engagement Center-AMER extends its sincere congratulations and blessings on the advent of the holy month of Ramadan, may God accept all your good deeds.") return true; }else if(currentHour >= 18 && currentHour < 19){ alert("賷爻乇賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇兀賳賷賴賳卅賰賲亘賲賳丕爻亘丞丨賱賵賱卮賴乇乇賲囟丕賳丕賱賲亘丕乇賰貙爻丕卅賱賷賳丕賱賱賴兀賳賷鬲賯亘賱賲賳丕賵賲賳賰賲氐丕賱丨丕賱兀毓賲丕賱貙賷乇噩賶賲毓丕賵丿丞丕賱丕鬲氐丕賱亘賳丕賲乇丞兀禺乇賶毓賳丿丕賱爻丕毓丞 7 賲爻丕亍賸賱鬲賯丿賷賲丕賱丿毓賲丕賱賱丕夭賲賵賰賱毓丕賲賵丕賳鬲賲亘禺賷乇\nThe beneficiaries Engagement Center-AMER extends its sincere congratulations and blessings on the advent of the holy month of Ramadan, may God accept all your good deeds. Please call again at 7 pm to provide you with the necessary support. Have a great day"); return false; } } // Special case for Friday (currentDay = 5), from 12:01 AM to 1 AM else if (currentDay == 5 && currentHour >= 0 && currentHour < 1) { alert("賷爻乇賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇兀賳賷賴賳卅賰賲亘賲賳丕爻亘丞丨賱賵賱卮賴乇乇賲囟丕賳丕賱賲亘丕乇賰貙爻丕卅賱賷賳丕賱賱賴兀賳賷鬲賯亘賱賲賳丕賵賲賳賰賲氐丕賱丨丕賱兀毓賲丕賱貙賵賰賱毓丕賲賵兀賳鬲賲亘禺賷乇\nThe beneficiaries Engagement Center-AMER extends its sincere congratulations and blessings on the advent of the holy month of Ramadan, may God accept all your good deeds."); return true; } /*end of ramadan working hours*/ alert("賷爻乇賲乇賰夭鬲賮丕毓賱丕賱賲爻鬲賮賷丿賷賳丌賲乇兀賳賷賴賳卅賰賲亘賲賳丕爻亘丞丨賱賵賱卮賴乇乇賲囟丕賳丕賱賲亘丕乇賰貙爻丕卅賱賷賳丕賱賱賴兀賳賷鬲賯亘賱賲賳丕賵賲賳賰賲氐丕賱丨丕賱兀毓賲丕賱. 爻丕毓丕鬲毓賲賱賳丕禺賱丕賱丕賱卮賴乇丕賱賰乇賷賲賲賳丕賱爻丕毓丞 8 氐亘丕丨賸丕丨鬲賶 1 氐亘丕丨賸丕. 卮賰乇賸丕賱鬲賵丕氐賱賰賲貙賵賰賱毓丕賲賵兀賳鬲賲亘禺賷乇.\nThe Beneficiaries Engagement Center - AMER extends its sincere congratulations and blessings on the advent of the holy month of Ramadan. May God accept all your good deeds. Our working hours during Ramadan are from 8 AM to 1 AM. Thank you for contacting us, and Ramadan Mubarak"); // Return false if not within working hours return false; } function playSurveyVideo(){ //$('#closeModal').click(); $('#video-player-container').html(""); $('#video-player-container').load('./partials/survey-video-player-template.html?v=1.3'); setTimeout(() => { $('#show-survey-modal').click(); document.getElementById("surveyVideo").play(); }, 500); } function resetButton() { $('.call-btn-container').removeClass("disabled"); // button.innerHTML = "Start Video Call"; // button.style.display = "block"; } function showWidgetHideButton() { // hide the 'start call' button // var container = document.getElementById("container"); // container.style.display = "none"; $('#container').hide(); $('.call-btn-container').removeClass("disabled"); //button.removeAttribute("disable"); // show the widget document.getElementById("component-container").style.display = "block"; } function startVideoCall() { showWidgetHideButton(); $('#show-waiting-modal').click(); initVideo('video1'); // start a new conversation const widget = document.querySelector("app-auvious-widget"); widget.launch("video"); addVisitor(); } function startTypingKeepAlive() { typingIntervalTimer = setInterval(() => { if (genesysWebChatServicePlugin) { genesysWebChatServicePlugin .command("WebChatService.sendTyping") .done(function (e) { console.log("done"); // WebChatService sent typing successfully }) .fail(function (e) { console.error("error", e); // WebChatService failed to send typing }); } }, typingIntervalMS); } function stopTypingKeepAlive() { if (typingIntervalTimer) { clearInterval(typingIntervalTimer); typingIntervalTimer = undefined; } } function setupGenesysPlugin() { if (!genesysWebChatServicePlugin) { // setup a Genesys webChatService plugin genesysWebChatServicePlugin = window._genesys.widgets.bus.registerPlugin(genesysPluginName); } } /* function checkPermissions() { const permissions = navigator.mediaDevices.getUserMedia({ audio: true, video: true}) return permissions; } */ </script> </body> </html>

CINXE.COM