{"id":7,"date":"2024-11-06T16:21:39","date_gmt":"2024-11-06T16:21:39","guid":{"rendered":"https:\/\/chat.acemastars.com\/?page_id=7"},"modified":"2024-11-06T16:31:39","modified_gmt":"2024-11-06T16:31:39","slug":"chats","status":"publish","type":"page","link":"https:\/\/chat.acemastars.com\/","title":{"rendered":"chats"},"content":{"rendered":"<style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #656b72; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #656b72; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #71a4d0;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #E8E8E8;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 400pxpx;\n        background-color: #656b72;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    .log_notification {\n        background: #656b72;\n        color: #E8E8E8;\n        font-size: 11px;\n        font-style: italic;\n        padding: 10px;\n        border-radius: 5px;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #FFFFFF;\n        background: #adbdcc;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #adbdcc;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #E8E8E8;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #71a4d0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #CED4DA;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #F8F9FA;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #F8F9FA;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #0c0d0d;\n        background-color: #589cdf;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #F8F9FA;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #F8F9FA;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #F8F9FA;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #F8F9FA;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #d1e8ff;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #d1e8ff;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #F8F9FA;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #adbdcc;\n        color: #FFFFFF;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    .wpaicg-icon-container {\n        position: relative;\n        margin-bottom: 30px;\n        margin-top: 10px;\n    }\n\n    .wpaicg-copy-button, .wpaicg-thumbs-up-button, .wpaicg-thumbs-down-button {\n        position: absolute;\n        bottom: -25px;\n        display: inline-block;\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 0;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.3s ease, visibility 0.3s ease;\n        outline: none;\n    }\n\n    .wpaicg-copy-button {\n        left: 10px;\n    }\n\n    .wpaicg-thumbs-up-button {\n        left: 40px;\n    }\n\n    .wpaicg-thumbs-down-button {\n        left: 70px;\n    }\n\n    \/* Keep buttons visible when hovering over either the container or the buttons *\/\n    .wpaicg-icon-container:hover .wpaicg-copy-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-up-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-down-button,\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        opacity: 1;\n        visibility: visible;\n        background-color: transparent !important;\n        color: inherit !important;\n    }\n    \/* Ensure no hover color change for links inside icon containers *\/\n    .wpaicg-icon-container a:hover {\n        color: inherit !important;\n        background-color: transparent !important;\n        text-decoration: none !important;\n    }\n\n    .wpaicg-copy-button img,\n    .wpaicg-thumbs-up-button img,\n    .wpaicg-thumbs-down-button img {\n        width: 16px;\n        height: 16px;\n        filter: none; \/* Ensure no filter (like grayscale or color change) is applied *\/\n        color: inherit; \/* Inherit the current color from the parent *\/\n        transition: none; \/* Remove any transitions that might change appearance on hover *\/\n    }\n\n    .wpaicg-copy-button img:hover,\n    .wpaicg-thumbs-up-button img:hover,\n    .wpaicg-thumbs-down-button img:hover {\n        filter: none; \/* Ensure no hover filter is applied *\/\n        color: inherit; \/* Keep the color consistent on hover *\/\n    }\n\n    .wpaicg-copy-button,\n    .wpaicg-thumbs-up-button,\n    .wpaicg-thumbs-down-button {\n        background: none;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        color: inherit; \/* Keep the color of the button consistent *\/\n        outline: none; \/* Remove default browser outline on focus *\/\n    }\n\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        background: none; \/* Remove any background color change on hover *\/\n        color: inherit; \/* Keep the color the same on hover *\/\n    }\n    \/* Remove outline (focus border) on buttons *\/\n    .wpaicg-copy-button:focus,\n    .wpaicg-thumbs-up-button:focus,\n    .wpaicg-thumbs-down-button:focus {\n        outline: none;\n    }\n    .wpaicg-feedback-modal-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        z-index: 1000;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px; \/* Added padding to prevent edge cutoff *\/\n    }\n\n    .wpaicg-feedback-modal {\n        background-color: #fff;\n        color: #333;\n        padding: 20px;\n        border-radius: 10px; \/* Slightly increased border-radius for better aesthetics *\/\n        width: 100%;\n        max-width: 400px; \/* Max width for larger screens *\/\n        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); \/* Increased shadow for better visibility *\/\n        text-align: center;\n        position: relative; \/* To position the close button *\/\n        margin: 0 auto; \/* Centering the modal horizontally *\/\n        box-sizing: border-box; \/* Ensures padding is included in width *\/\n    }\n\n    .wpaicg-feedback-modal h2 {\n        margin-top: 0;\n    }\n\n    .wpaicg-feedback-textarea {\n        width: 100%;\n        height: 80px;\n        margin: 10px 0;\n        border-radius: 5px;\n    }\n\n    .wpaicg-feedback-modal-buttons {\n        display: flex;\n        justify-content: flex-end; \/* Aligns the submit button to the right *\/\n        align-items: center;\n        margin-top: 10px;\n    }\n\n    .wpaicg-feedback-message {\n        flex-grow: 1; \/* Takes up available space on the left *\/\n        margin-right: 10px;\n        text-align: left; \/* Ensures the text aligns left *\/\n    }\n\n    .wpaicg-feedback-modal-submit {\n        padding: 10px 20px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        background-color: #007bff;\n        color: #fff;\n        margin-left: 10px; \/* Adds space between the button and the message *\/\n    }\n\n    .wpaicg-feedback-modal-close {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        background: none;\n        border: none;\n        color: #333;\n        cursor: pointer;\n    }\n\n    \/* Media Query for Mobile Devices *\/\n    @media (max-width: 480px) {\n        .wpaicg-feedback-modal {\n            max-width: 95%; \/* Reduce max width on smaller screens to ensure it doesn't touch the edges *\/\n            padding: 15px;\n            margin: 0 auto; \/* Ensure modal is centered *\/\n        }\n        .wpaicg-feedback-modal-submit {\n            padding: 8px 16px; \/* Slightly smaller padding on mobile *\/\n        }\n\n        .wpaicg-feedback-textarea {\n            height: 60px; \/* Reduce height on mobile *\/\n        }\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 3px;\n    }\n\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#71a4d0\"\n     data-color=\"#E8E8E8\"\n     data-fontsize=\"13\"\n     data-use-avatar=\"1\"\n     data-user-avatar=\"https:\/\/chat.acemastars.com\/wp-content\/plugins\/gpt3-ai-content-generator\/admin\/images\/default_profile.png\"\n     data-you=\"User\"\n     data-ai-avatar=\"https:\/\/chat.acemastars.com\/wp-content\/uploads\/2024\/11\/avatar_name_female1B1zSlW0-.png\"\n     data-ai-name=\"&lt;img src=&quot;https:\/\/chat.acemastars.com\/wp-content\/uploads\/2024\/11\/avatar_name_female1B1zSlW0-.png&quot; height=&quot;40&quot; width=&quot;40&quot;&gt;\"\n     data-ai-bg-color=\"#495057\"\n     data-nonce=\"e6fafd99bf\"\n     data-post-id=\"7\"\n     data-url=\"https:\/\/chat.acemastars.com\"\n     data-bot-id=\"6\"\n     data-width=\"400pxpx\"\n     data-height=\"50%px\"\n     data-footer=\"true\"\n     data-has-bar=\"true\"\n     data-speech=\"0\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"openai\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Wavenet-A\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-copy_btn=\"1\"\n     data-feedback_btn = \"1\"\n     data-feedback_title = \"Feedback\"\n     data-feedback_message = \"Please provide details: (optional)\"\n     data-feedback_success = \"Thank you for your feedback!\"\n     data-user-voice-control = \"\"\n     data-voice-muted-by-default=\"\"\n     data-memory-limit = \"100\"\n     data-lead-collection = \"0\"\n     data-lead-title = \"Let us know how to contact you\"\n     data-lead-name = \"Name\"\n     data-enable-lead-name = \"1\"\n     data-lead-email = \"Email\"\n     data-enable-lead-email = \"1\"\n     data-lead-phone = \"Phone\"\n     data-enable-lead-phone = \"1\"\n     data-bg_text_field = \"#589cdf\"\n     data-bg_text_field_font_color = \"#F8F9FA\"\n     data-bg_text_field_border_color = \"#0c0d0d\"\n     data-type=\"shortcode\"\n>\n    <div class=\"wpaicg-chatbox-action-bar\">\n                    <span class=\"wpaicg-chatbox-download-btn\" data-type=\"shortcode\" role=\"button\" aria-label=\"Download\" tabindex=\"0\">\n                <svg role=\"presentation\" version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M243.591,309.362c3.272,4.317,7.678,6.692,12.409,6.692c4.73,0,9.136-2.376,12.409-6.689l89.594-118.094 c3.348-4.414,4.274-8.692,2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288,0-16.844-7.554-16.844-16.84V59.777 c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04,0-20.022,8.987-20.022,20.027v97.415c0,9.286-7.556,16.84-16.844,16.84 h-34.305c-5.538,0-9.503,1.848-11.168,5.198c-1.665,3.35-0.738,7.628,2.609,12.046L243.591,309.362z\"\/><path class=\"st0\" d=\"M445.218,294.16v111.304H66.782V294.16H0v152.648c0,14.03,11.413,25.443,25.441,25.443h461.118 c14.028,0,25.441-11.413,25.441-25.443V294.16H445.218z\"\/><\/svg>\n            <\/span>\n                            <span data-type=\"shortcode\" class=\"wpaicg-chatbox-fullscreen\" role=\"button\" aria-label=\"Fullscreen\" tabindex=\"0\">\n                <svg role=\"presentation\" class=\"wpaicg-active-fullscreen\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 15H15V10H13.2V13.2H10V15ZM6 15V13.2H2.8V10H1V15H6ZM10 2.8H12.375H13.2V6H15V1H10V2.8ZM6 1V2.8H2.8V6H1V1H6Z\"\/><\/svg>\n                <svg role=\"presentation\" class=\"wpaicg-exit-fullscreen\" viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 6L6 6L6 1L4.2 1L4.2 4.2L1 4.2L1 6Z\"\/><path d=\"M15 10L10 10L10 15L11.8 15L11.8 11.8L15 11.8L15 10Z\"\/><path d=\"M6 15L6 10L1 10L1 11.8L4.2 11.8L4.2 15L6 15Z\"\/><path d=\"M10 1L10 6L15 6L15 4.2L11.8 4.2L11.8 1L10 1Z\"\/><\/svg>\n            <\/span>\n                            <span class=\"wpaicg-chatbox-clear-btn\" data-type=\"shortcode\" role=\"button\" aria-label=\"Clear Chat\" tabindex=\"0\">\n            <svg role=\"presentation\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z\"\/><\/svg>\n    <\/span>\n        \n    <\/div>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #E8E8E8; font-size: 13px; background-color: #495057\">\n            <p>\n                <strong style=\"float: left\" class=\"wpaicg-chat-avatar\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chat.acemastars.com\/wp-content\/uploads\/2024\/11\/avatar_name_female1B1zSlW0-.png\" height=\"40\" width=\"40\">                <\/strong>\n                <span class=\"wpaicg-chat-message\">\n                    Hello, how can I help you today?                <\/span>\n            <\/p>\n        <\/li>\n    <\/ul>\n<\/div>\n<!-- Conversation Starters -->\n    <div class=\"wpaicg-conversation-starters\">\n                    <button type=\"button\" class=\"wpaicg-conversation-starter\">\n                What\u2019s today\u2019s date?            <\/button>\n                    <button type=\"button\" class=\"wpaicg-conversation-starter\">\n                Can you tell me a joke?            <\/button>\n                    <button type=\"button\" class=\"wpaicg-conversation-starter\">\n                What\u2019s something fun I can do today?            <\/button>\n            <\/div>\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #CED4DA;\">Gathering thoughts&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" name=\"wpaicg-chat-shortcode-typing\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Type your message here...\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n        <span class=\"wpaicg-mic-icon\" data-type=\"shortcode\" role=\"button\" aria-label=\"Mic\" tabindex=\"0\" style=\"display:none\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\"\/><\/svg>\n        <\/span>\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"19d71cd01d\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n    <div class=\"wpaicg-chat-shortcode-footer\">\n        Powered by Acemastars    <\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/acemastars.com\/my-account-2\/\">Back to profile<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":3,"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/chat.acemastars.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}