[
    {
        "label": "Nome do app",
        "name": "APP_NAME",
        "value": null,
        "type": "STRING"
    },
    {
        "label": "Logo do app",
        "name": "APP_LOGO",
        "value": null,
        "type": "IMAGE"
    },
    {
        "label": "Imagem de fundo",
        "name": "APP_BACKGROUND_IMAGE",
        "value": "https://bafkreieawbihfbnm5dyeqcgo2oicxxv4x6ntmfo3spddfomhnvih7saobu.ipfs.w3s.link",
        "type": "IMAGE"
    },
    {
        "label": "Tipo do fundo do app",
        "name": "APP_BACKGROUND_TYPE",
        "value": {
            "options": [
                {
                    "label": "Imagem",
                    "value": "IMAGE"
                },
                {
                    "label": "Cor",
                    "value": "COLOR"
                }
            ],
            "selected": "IMAGE"
        },
        "type": "SELECT"
    },
    {
        "label": "Cor de fundo",
        "name": "APP_BACKGROUND_COLOR",
        "value": "#1F1F1FFF",
        "type": "COLOR"
    },
    {
        "label": "Cor do card inicial",
        "name": "APP_CARD_COLOR",
        "value": "#219BFF12",
        "type": "COLOR"
    },
    {
        "label": "Raio do card inicial",
        "name": "APP_CARD_RADIUS",
        "value": 20,
        "type": "INTEGER"
    },
    {
        "label": "Cor do card de status",
        "name": "APP_CARD_STATUS_COLOR",
        "value": "#1d242e73",
        "type": "COLOR"
    },
    {
        "label": "Raio do card de status",
        "name": "APP_CARD_STATUS_RADIUS",
        "value": 25,
        "type": "INTEGER"
    },
    {
        "label": "Cor do card de configurações",
        "name": "APP_CARD_CONFIG_COLOR",
        "value": "#0E171EC9",
        "type": "COLOR"
    },
    {
        "label": "Cor do fundo dos dialogs",
        "name": "APP_DIALOG_BACKGROUND_COLOR",
        "value": "#050C5AE4",
        "type": "COLOR"
    },
    {
        "label": "Cor do fundo do dialog de log",
        "name": "APP_DIALOG_LOGGER_COLOR",
        "value": "#080e16c7",
        "type": "COLOR"
    },
    {
        "label": "Cor das bordas",
        "name": "APP_BORDER_COLOR",
        "value": "#2E2AF899",
        "type": "COLOR"
    },
    {
        "label": "Cor dos inputs",
        "name": "APP_INPUT_COLOR",
        "value": "#1d242e73",
        "type": "COLOR"
    },
    {
        "label": "Raio dos inputs",
        "name": "APP_INPUT_RADIUS",
        "value": 25,
        "type": "INTEGER"
    },
    {
        "label": "Cor dos textos",
        "name": "APP_TEXT_COLOR",
        "value": "#FFFFFFFF",
        "type": "COLOR"
    },
    {
        "label": "Cor dos botões",
        "name": "APP_BUTTON_COLOR",
        "value": "#00036E4D",
        "type": "COLOR"
    },
    {
        "label": "Raio dos botões",
        "name": "APP_BUTTON_RADIUS",
        "value": 25,
        "type": "INTEGER"
    },
    {
        "label": "Cor dos icones",
        "name": "APP_ICON_COLOR",
        "value": "#FFFFFFFF",
        "type": "COLOR"
    },
    {
        "label": "Exibir modo de conexão",
        "name": "APP_SHOW_CONNECTION_MODE",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
        "name": "APP_CONFIG_AUTO_UPDATE",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
        "name": "APP_AUTO_START",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar limiter de conexão",
        "name": "APP_CONNECTION_LIMITER",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar botão de atualizações",
        "name": "APP_BTN_UPDATE_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar botão de registros",
        "name": "APP_BTN_LOGGER_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar botão de pagina webview",
        "name": "APP_BTN_PAGE_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar dialog de erros",
        "name": "APP_DIALOG_ERROR_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar dialog de checkuser",
        "name": "APP_CHECKUSER_DIALOG_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar toast de sucesso",
        "name": "APP_SUCCESS_TOAST_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar toast de erro",
        "name": "APP_ERROR_TOAST_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar layout webview",
        "name": "APP_LAYOUT_WEBVIEW_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Mensagem",
        "name": "APP_MESSAGE",
        "value": null,
        "type": "TEXT"
    },
    {
        "label": "URL de atualização do aplicativo",
        "name": "APP_UPDATE_URL",
        "value": null,
        "type": "URL"
    },
    {
        "label": "Tipo de mensagem",
        "name": "APP_MESSAGE_TYPE",
        "value": {
            "options": [
                {
                    "label": "Alerta",
                    "value": "ALERT"
                },
                {
                    "label": "Informação",
                    "value": "INFO"
                },
                {
                    "label": "Boas vindas",
                    "value": "WELCOME"
                },
                {
                    "label": "Sem mensagem",
                    "value": "NONE"
                }
            ],
            "selected": "NONE"
        },
        "type": "SELECT"
    },
    {
        "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_LAYOUT_WEBVIEW",
        "value": "<!DOCTYPE html>\n<html lang=\"pt-BR\">\n\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n\n    <title>VPN FULL</title>\n\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css\">\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\" rel=\"stylesheet\"\n        integrity=\"sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ\" crossorigin=\"anonymous\">\n\n    <style>\n        @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Roboto', sans-serif;\n        }\n\n        body {\n            height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            background-color: #404258;\n        }\n\n        .container {\n            max-width: 350px;\n        }\n\n        .card {\n            background-color: #404258;\n        }\n\n        .btn-dark {\n            background-color: #50577A !important;\n            border: none;\n        }\n\n        .modal-content {\n            background-color: #404258;\n        }\n\n        .input-group,\n        .form-control,\n        .input-group-text {\n            background-color: #50577A !important;\n            color: #FFF;\n            border: none;\n            border-radius: 5px;\n            outline: none;\n        }\n\n        .form-control::placeholder {\n            color: #FFF;\n        }\n\n        .form-control:focus {\n            color: #FFF;\n            outline: none;\n            box-shadow: none;\n        }\n\n        .input-group-text {\n            padding-right: 0;\n        }\n    </style>\n</head>\n\n<body>\n    <div class=\"container\">\n        <div class=\"card border-0 p-2 shadow mb-3\">\n            <div class=\"input-group mb-2 shadow\" id=\"config-area\">\n                <span class=\"input-group-text\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\"\n                        class=\"bi bi-file-medical\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M8.5 4.5a.5.5 0 0 0-1 0v.634l-.549-.317a.5.5 0 1 0-.5.866L7 6l-.549.317a.5.5 0 1 0 .5.866l.549-.317V7.5a.5.5 0 1 0 1 0v-.634l.549.317a.5.5 0 1 0 .5-.866L9 6l.549-.317a.5.5 0 1 0-.5-.866l-.549.317V4.5zM5.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z\" />\n                        <path\n                            d=\"M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z\" />\n                    </svg>\n                </span>\n                <input class=\"form-control\" type=\"text\" placeholder=\"CONFIGURAÇÃO\" readonly title=\"configurações\"\n                    id=\"config\" />\n                <span class=\"input-group-text me-2\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\"\n                        class=\"bi bi-arrow-bar-down\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5zM8 6a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L7.5 12.293V6.5A.5.5 0 0 1 8 6z\" />\n                    </svg>\n                </span>\n            </div>\n            <div class=\"input-group input mb-2 shadow\">\n                <span class=\"input-group-text\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\"\n                        class=\"bi bi-person\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z\" />\n                    </svg>\n                </span>\n                <input class=\"form-control\" type=\"text\" placeholder=\"usuario\" id=\"username\" />\n            </div>\n            <div class=\"input-group input mb-2 shadow\">\n                <span class=\"input-group-text\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"bi bi-key\"\n                        viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z\" />\n                        <path d=\"M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\n                    </svg>\n                </span>\n                <input class=\"form-control\" type=\"text\" placeholder=\"senha\" id=\"password\" />\n            </div>\n            <button class=\"btn btn-dark w-100 shadow\" id=\"start-stop\">INICIAR</button>\n        </div>\n        <div class=\"card border-0 p-2 shadow\">\n            <div class=\"d-flex justify-content-between\">\n                <button class=\"btn btn-dark shadow\" id=\"sync\" onclick=\"DtStartAppUpdate.execute()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-arrow-repeat\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z\" />\n                        <path fill-rule=\"evenodd\"\n                            d=\"M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z\" />\n                    </svg>\n                </button>\n                <button class=\"btn btn-dark shadow\" id=\"logger\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-file-earmark-text\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z\" />\n                        <path\n                            d=\"M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z\" />\n                    </svg>\n                </button>\n                <button class=\"btn btn-dark shadow d-none\" id=\"webview\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-globe\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z\" />\n                    </svg>\n                </button>\n                <button class=\"btn btn-dark shadow\" id=\"checkUser\" onclick=\"DtStartCheckUser.execute()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-calendar2-day\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M4.684 12.523v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V8.418h-.672v4.105z\" />\n                        <path\n                            d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z\" />\n                        <path d=\"M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z\" />\n                    </svg>\n                </button>\n                <button class=\"btn btn-dark shadow\" data-bs-target=\"#youtubeModal\" data-bs-toggle=\"modal\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-youtube\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z\" />\n                    </svg>\n                </button>\n                <button class=\"btn btn-dark shadow\" data-bs-target=\"#mp3Modal\" data-bs-toggle=\"modal\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-music-player\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3zm1 0v3h6V3H5zm3 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\" />\n                        <path d=\"M11 11a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm-3 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\" />\n                        <path\n                            d=\"M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H4z\" />\n                    </svg>\n                </button>\n                <button class=\"btn btn-dark shadow\" data-bs-target=\"#speedTestModal\" data-bs-toggle=\"modal\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\n                        class=\"bi bi-speedometer\" viewBox=\"0 0 16 16\">\n                        <path\n                            d=\"M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z\" />\n                        <path fill-rule=\"evenodd\"\n                            d=\"M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z\" />\n                    </svg>\n                </button>\n            </div>\n        </div>\n        <div class=\"card my-3 w-100 text-center border-0 p-2 shadow text-light fs-5 text-uppercase fw-bold\" id=\"state\">\n        </div>\n    </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"checkUserModal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-header border-bottom-0 pb-0\">\n                    <h1 class=\"modal-title fs-5 chk-title text-light\"></h1>\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                        aria-label=\"Close\"></button>\n                </div>\n                <div class=\"modal-body text-center\">\n                    <p class=\"fs-5 mb-0 chk-message text-light\"></p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"errorModal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-header border-bottom-0 pb-0\">\n                    <h1 class=\"modal-title fs-5 err-title text-light\"></h1>\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                        aria-label=\"Close\"></button>\n                </div>\n                <div class=\"modal-body text-center\">\n                    <p class=\"fs-5 mb-0 err-message text-light\"></p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"loggerModal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-body p-1 text-center\">\n                    <ul class=\"list-group bg-transparent overflow-y-auto logger-content\" style=\"max-height: 600px;\">\n                    </ul>\n                </div>\n                <div class=\"modal-footer flex-nowrap p-0\">\n                    <button type=\"button\" class=\"btn btn-lg btn-dark text-light w-100 clear-logger\">LIMPAR</button>\n                    <button type=\"button\" class=\"btn btn-lg btn-dark text-light w-100\"\n                        data-bs-dismiss=\"modal\">FECHAR</button>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"configModal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-header border-bottom-0 pb-0\">\n                    <h1 class=\"modal-title fs-5 text-white\">CONFIGURAÇÕES</h1>\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                        aria-label=\"Close\"></button>\n                </div>\n                <div class=\"modal-body p-1 text-center\">\n                    <ul class=\"list-group bg-transparent overflow-y-auto config-body\" style=\"max-height: 600px;\">\n                        <li class=\"list-group-item bg-transparent text-white border-0\">\n                            <p>CATEGORIA</p>\n                            <ul class=\"list-group bg-transparent overflow-y-auto text-start\">\n                                <li\n                                    class=\"list-group-item d-flex bg-transparent text-white border-0 border-bottom rounded-0\">\n                                    <img src=\"https://cdn-icons-png.flaticon.com/512/3686/3686811.png\" width=\"40\"\n                                        height=\"40\">\n                                    <div class=\"d-flex flex-column ms-2 w-100\">\n                                        <span>CONFIG 01</span>\n                                        <span>DESC 01</span>\n                                    </div>\n                                    <div class=\"d-flex flex-column ms-2 w-100\">\n                                        <span class=\"text-end\">CONFIG_MODE</span>\n                                    </div>\n                                </li>\n                            </ul>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"youtubeModal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-header border-bottom-0 py-3\">\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                        aria-label=\"Close\"></button>\n                </div>\n                <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\n                    <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\n                        <div class=\"spinner-border text-light p-5\" role=\"status\">\n                            <span class=\"visually-hidden\">Loading...</span>\n                        </div>\n                    </div>\n                    <iframe class=\"rounded-bottom-3\" id=\"youtubeIframe\" title=\"YouTube video player\" frameborder=\"0\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                        allowfullscreen></iframe>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"mp3Modal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-header border-bottom-0 py-3\">\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                        aria-label=\"Close\"></button>\n                </div>\n                <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\n                    <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\n                        <div class=\"spinner-border text-light p-5\" role=\"status\">\n                            <span class=\"visually-hidden\">Loading...</span>\n                        </div>\n                    </div>\n                    <iframe class=\"rounded-bottom-3\" id=\"mp3Iframe\"></iframe>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" id=\"speedTestModal\">\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content rounded-3 shadow\">\n                <div class=\"modal-header border-bottom-0 py-3\">\n                    <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                        aria-label=\"Close\"></button>\n                </div>\n                <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\n                    <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\n                        <div class=\"spinner-border text-light p-5\" role=\"status\">\n                            <span class=\"visually-hidden\">Loading...</span>\n                        </div>\n                    </div>\n                    <iframe class=\"rounded-bottom-3\" id=\"speedFrame\"></iframe>\n                </div>\n            </div>\n        </div>\n    </div>\n    <script type=\"text/javascript\"\n        src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\"\n        integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\"\n        crossorigin=\"anonymous\"></script>\n    <script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/toastify-js\"></script>\n    <script>\n        const configArea = document.querySelector('#config-area')\n        const config = document.querySelector('#config')\n        const username = document.querySelector('#username')\n        const password = document.querySelector('#password')\n        const logger = document.querySelector('#logger')\n\n        const startStopVpn = document.querySelector('#start-stop')\n        const stateStatus = document.querySelector('#state')\n\n        const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))\n        const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))\n        const errorModal = new bootstrap.Modal(document.querySelector('#errorModal'))\n        const configModal = new bootstrap.Modal(document.querySelector('#configModal'))\n\n        const clearLogger = document.querySelector('.clear-logger')\n\n        const youtubeModal = new bootstrap.Modal(document.querySelector('#youtubeModal'))\n        const mp3Modal = new bootstrap.Modal(document.querySelector('#mp3Modal'))\n        const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\n\n        configArea.addEventListener('click', e => showConfigsModal())\n        username.addEventListener('input', e => DtUsername.set(e.target.value))\n        password.addEventListener('input', e => DtPassword.set(e.target.value))\n\n        logger.addEventListener('click', e => loggerModal.show())\n\n        startStopVpn.addEventListener('click', (e) => {\n            if (DtGetVpnState.execute() != 'DISCONNECTED') {\n                DtExecuteVpnStop.execute()\n            } else {\n                DtExecuteVpnStart.execute()\n            }\n        })\n        clearLogger.addEventListener('click', () => DtClearLogs.execute())\n\n        youtubeModal._element.addEventListener('shown.bs.modal', () => {\n            const iframe = document.querySelector('#youtubeIframe')\n            if (!iframe.src) {\n                iframe.src = 'https://www.youtube.com/embed/y_FkQ2jHd1c'\n                iframe.addEventListener('load', () => {\n                    youtubeModal._element.querySelector('.spinner').classList.add('d-none')\n                })\n            }\n        })\n        mp3Modal._element.addEventListener('shown.bs.modal', () => {\n            const iframe = document.querySelector('#mp3Iframe');\n            if (!iframe.src) {\n                iframe.src = 'https://www.palcomp3.com.br/'\n                iframe.addEventListener('load', () => {\n                    mp3Modal._element.querySelector('.spinner').classList.add('d-none')\n                })\n            }\n        })\n        speedTestModal._element.addEventListener('shown.bs.modal', () => {\n            const iframe = document.querySelector('#speedFrame');\n            if (!iframe.src) {\n                iframe.src = 'https://fast.com/pt/'\n                iframe.addEventListener('load', () => {\n                    mp3Modal._element.querySelector('.spinner').classList.add('d-none')\n                })\n            }\n        })\n        speedTestModal._element.addEventListener('hide.bs.modal', () => {\n            const iframe = document.querySelector('#speedFrame');\n            iframe.src = '';\n        })\n\n        Object.defineProperty(String.prototype, 't', {\n            value: function t() {\n                return window?.DtTranslateText?.execute('' + this) ?? '' + this\n            },\n            writable: true,\n            configurable: true,\n        })\n\n        const dtConfigClickListener = () => {\n            const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ \"auth\": {} }`)\n\n            config.placeholder = data.name ?? 'LBL_CHOOSE_CONFIG'.t()\n            username.parentElement.style.display = !data.auth.username ? 'flex' : 'none';\n            password.parentElement.style.display = !data.auth.password ? 'flex' : 'none';\n        }\n\n        const dtVpnStateListener = state => {\n            const isRunning = state != 'DISCONNECTED';\n\n            stateStatus.innerHTML = ('LBL_STATE_' + state).t()\n            startStopVpn.innerHTML = isRunning ? 'LBL_BTN_STOP'.t() : 'LBL_BTN_START'.t()\n\n            if (isRunning) {\n                username.setAttribute('readonly', 'true')\n                password.setAttribute('readonly', 'true')\n            } else {\n                username.removeAttribute('readonly')\n                password.removeAttribute('readonly')\n            }\n\n            if (state == 'CONNECTING') dtShowSuccessToastListener('Conectado...')\n\n        }\n\n        const dtCheckUserStartedListener = () => {\n            const html = `\n            <div class=\"d-flex justify-content-center\">\n                <div class=\"spinner-border p-5\" role=\"status\">\n                    <span class=\"visually-hidden\">Loading...</span>\n                </div>\n            </div>\n            `\n\n            checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'\n            checkUserModal._element.querySelector('.chk-message').innerHTML = html;\n            checkUserModal.show()\n        }\n\n        const dtCheckUserModelListener = model => {\n            const data = JSON.parse(model ?? `{\"username\": \"test\"}`)\n            const html = `\n                <div class=\"d-flex flex-column\">\n                    <span>?Nome de usuario: ${data.username}</span>\n                    <span>?Expira em: ${data.expiration_date}</span>\n                    <span>?Dias restantes: ${data.expiration_days}</span>\n                    <span>?Conexoes: ${data.count_connections}|${data.limit_connections}</span>\n                </div>\n            `\n\n            checkUserModal._element.querySelector('.chk-title').textContent = '? Olá, ' + data.username.toUpperCase() + '?'\n            checkUserModal._element.querySelector('.chk-message').innerHTML = html;\n            checkUserModal.show()\n        }\n\n        const dtMessageErrorListener = message => {\n            const data = JSON.parse(message)\n            errorModal._element.querySelector('.err-title').textContent = data.title;\n            errorModal._element.querySelector('.err-message').innerHTML = data.content;\n            errorModal.show()\n        }\n\n        const dtOnNewLogListener = () => {\n            const mock = [];\n            for (let i = 0; i < 30; i++) {\n                mock.push({ 'TIME': 'MESSAGE ' + i })\n            }\n\n            const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)\n            const data = JSON.parse(log)\n\n            let content = '';\n            data.forEach(item => {\n                content += '<li class=\"list-group-item fs-6 bg-transparent text-white p-0 border-0 text-start ms-2 text-wrap\">';\n                content += Object.keys(item)[0] + \" \" + item[Object.keys(item)]\n                content += '</li>';\n            })\n\n            loggerModal._element.querySelector('.logger-content').innerHTML = content;\n            const listGroup = loggerModal._element.querySelector('.list-group')\n            listGroup.scrollTo(0, listGroup.scrollHeight)\n        }\n\n        const dtVpnStartedSuccessListener = () => dtShowSuccessToastListener('Conectado com sucesso')\n\n        const dtVpnStoppedSuccessListener = () => dtShowSuccessToastListener('Desconectado com sucesso')\n\n        const dtShowSuccessToastListener = text => {\n            Toastify({\n                text: text,\n                close: true,\n                style: {\n                    background: 'linear-gradient(to right, #00b09b, #96c93d)',\n                    marginTop: '35px',\n                }\n            }).showToast()\n        }\n\n        const dtShowErrorToastListener = text => {\n            Toastify({\n                text: text,\n                close: true,\n                style: {\n                    background: 'linear-gradient(to right, #ff5c33, #e69900)',\n                    marginTop: '35px',\n                }\n            }).showToast()\n        }\n\n        const showConfigsModal = () => {\n            const mock = '[{\"sorter\":1,\"color\":\"#6D08041C\",\"name\":\"CONFIG\",\"id\":1393,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":11803,\"status\":\"ACTIVE\"},{\"mode\":\"SSH_DIRECT\",\"sorter\":2,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 02\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":28627,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":23,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 03\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":30001,\"status\":\"ACTIVE\"}]},{\"sorter\":2,\"color\":\"#6D08041C\",\"name\":\"CONFIG 2\",\"id\":1846,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":26295,\"status\":\"ACTIVE\"}]},{\"sorter\":4,\"color\":\"#80000000\",\"name\":\"CONFIG 3\",\"id\":3310,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29997,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST 2\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29998,\"status\":\"ACTIVE\"}]}]'\n            const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)\n            const body = configModal._element.querySelector('.config-body')\n            body.innerHTML = ''\n\n            data.forEach(category => {\n                const categoryElement = document.createElement('li')\n                categoryElement.classList.add('list-group-item', 'bg-transparent', 'text-white', 'border-0', 'mb-1', 'rounded-1', 'px-1')\n                categoryElement.innerHTML = `<span class=\"btn-dark w-100 d-block p-1 rounded-1 mb-1\">${category.name}</span>`\n\n                const configUlElement = document.createElement('ul')\n                configUlElement.classList.add('list-group', 'bg-transparent', 'overflow-y-auto')\n\n                category.items.forEach(item => {\n                    const configElement = document.createElement('li')\n                    configElement.classList.add('list-group-item', 'd-flex', 'btn-dark', 'text-white', 'border-0', 'rounded-2', 'px-1', 'py-2', 'mb-1')\n                    configElement.innerHTML = `\n                            <img src=\"${item.icon}\" width=\"40\" height=\"40\">\n                            <div class=\"text-start d-flex flex-column ms-2 w-100\">\n                                <span>${item.name}</span>\n                                <span>${item.description || ''}</span>\n                            </div>\n                            <div class=\"d-flex flex-column ms-2 w-100\">\n                                <span class=\"text-end\">${item.mode}</span>\n                            </div>\n                        </li>\n                    `\n                    configElement.addEventListener('click', e => {\n                        window?.DtSetConfig?.execute(item.id)\n                        configModal.hide()\n                    })\n                    configUlElement.appendChild(configElement)\n                })\n\n                categoryElement.appendChild(configUlElement)\n                body.appendChild(categoryElement)\n            })\n\n            configModal.show()\n        }\n\n        username.value = window?.DtUsername?.get() ?? ''\n        password.value = window?.DtPassword?.get() ?? ''\n\n        username.placeholder = 'LBL_USERNAME'.t()\n        password.placeholder = 'LBL_PASSWORD'.t()\n\n        dtOnNewLogListener()\n        dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\n        dtConfigClickListener()\n    </script>\n</body>\n\n</html>",
        "type": "HTML"
    },
    {
        "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_SUPPORT_BUTTON",
        "value": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VPN FULL</title>\n    <style>\n        body {\n            display: flex;\n            height: calc(100vh - 4.2rem);\n            align-items: flex-end;\n            justify-content: center;\n            overflow: hidden;\n            font-family: sans-serif;\n            font-size: 12px;\n            color: #656565;\n            position: relative;\n            margin: 0 auto;\n        }\n\n        .menu {\n            background: #050C5AE4;\n            border-radius: 50px;\n            height: 50px;\n            width: 50px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n            position: relative;\n            overflow: hidden;\n            transition: all 1.3s cubic-bezier(0.01, 0.41, 0.63, 1.2);\n        }\n\n        ul {\n            margin: 0;\n            padding: 0;\n            visibility: hidden;\n            position: absolute;\n            display: flex;\n            justify-content: space-between;\n            left: 80%;\n            width: 70%;\n            top: 50%;\n            height: 100%;\n            transform: translate(0, -50%);\n            transition: all 0.7s ease 0.1s;\n        }\n\n        li {\n            list-style: none;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        li span {\n            transform: rotateY(50deg);\n            opacity: 0;\n            transition: opacity 0.9s linear, transform 1.2s linear;\n        }\n\n        button {\n            border: none;\n            background: transparent;\n            width: 50px;\n            height: 50px;\n            position: absolute;\n            left: 0;\n            transition: all 1s ease;\n        }\n\n        button svg {\n            stroke: #2196F3;\n        }\n\n        button:before {\n            position: absolute;\n            content: '';\n            height: 4px;\n            background: #2196f3;\n            transform: rotate(180deg);\n            left: 0;\n            right: 0;\n            margin: 0 auto;\n            top: 35%;\n            width: 40%;\n            transition: all 1.1s cubic-bezier(0.25, -0.09, 0.72, 1.47);\n        }\n\n        button:after {\n            position: absolute;\n            content: '';\n            height: 4px;\n            background: #2196f3;\n            left: 0;\n            right: 0;\n            transform: rotate(-180deg);\n            margin: 0 auto;\n            top: 55%;\n            width: 40%;\n            transition: all 1.1s cubic-bezier(0.25, -0.09, 0.72, 1.47);\n        }\n\n        .active {\n            width: 400px;\n            transition: all 1.3s cubic-bezier(0.01, 0.41, 0.63, 1.2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .active ul {\n            visibility: visible;\n            left: 20px;\n            transition: all 1s ease 0.1s;\n        }\n\n        .active li span {\n            transform: rotateY(0);\n            opacity: 1;\n            transition: opacity 0.9s linear, transform 1.2s linear;\n        }\n\n        .active button {\n            left: 85%;\n            display: flex;\n            align-items: center;\n            transition: all 1s ease;\n        }\n\n        .active button:before {\n            transform: rotate(-45deg);\n            top: 50%;\n            transition: all 0.5s cubic-bezier(0.25, -0.09, 0.72, 1.47);\n        }\n\n        .active button:after {\n            transform: rotate(45deg);\n            top: 50%;\n            transition: all 0.5s cubic-bezier(0.25, -0.09, 0.72, 1.47);\n        }\n\n        .size {\n            color: var(--icon-color);\n            filter: drop-shadow(0 0 0.2rem #a7a7a7);\n            width: 2rem;\n            height: 2rem;\n\n        }\n\n        .item {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .item span {\n            color: #FFF;\n            font-weight: bold;\n        }\n    </style>\n</head>\n\n<body>\n    <div class=\"menu\">\n        <button></button>\n        <ul>\n            <li class=\"item\" onclick=\"Android.showCheckUser()\">\n                <img class=\"size\" src=\"https://raw.githubusercontent.com/GuardianOFC/main/main/trace.svg\">\n                <span class=\"text-item\">CheckUser</span>\n            </li>\n            <li class=\"item\" onclick=\"document.location.href='https://painel.vpnfull.ml'\">\n                <img class=\"size\" src=\"https://i.postimg.cc/xdyNQZkv/img-20234113732.png\">\n                <span class=\"text-item\">Painel</span>\n            </li>\n            <li class=\"item\" onclick=\"document.location.href='https://www.speedtest.net/pt'\">\n                <img class=\"size\" src=\"https://raw.githubusercontent.com/GuardianOFC/main/main/trace%20(3).svg\">\n                <span class=\"text-item\">SpeedTest</span>\n            </li>\n            <li class=\"item\" onclick=\"Android.startApnActivity()\">\n                <img class=\"size\" src=\"https://raw.githubusercontent.com/GuardianOFC/main/main/configuracao%20(1).svg\">\n                <span class=\"text-item\">APN</span>\n            </li>\n        </ul>\n    </div>\n    <script>\n        var input = document.querySelector('.menu');\n        var button = document.querySelector('button');\n        button.addEventListener('click', function (e) {\n            e.preventDefault();\n            input.classList.toggle('active');\n        })\n    </script>\n    <script>\n        showCheckUser(android);\n\n    </script>\n    <script>\n        class AndroidMock {\n            static startApnActivity() {\n                console.log('startApnActivity');\n            }\n        }\n    </script>\n    <script>\n        document.getElementById('apn').addEventListener('click', function () {\n            const android = window.Android || AndroidMock;\n            android.startApnActivity();\n        });\n    </script>\n</body>\n\n</html>",
        "type": "HTML"
    },
    {
        "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_WEB_VIEW",
        "value": "<html>\r\n    <script>\r\n        window.location.href = 'https://www.youtube.com';\r\n    </script>\r\n</html>",
        "type": "HTML"
    }
]