[
    {
        "id": 26680,
        "label": "Nome do app",
        "name": "APP_NAME",
        "value": "",
        "type": "STRING",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 26681,
        "label": "Logo do app",
        "name": "APP_LOGO",
        "value": "",
        "type": "IMAGE",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 26682,
        "label": "Imagem de fundo",
        "name": "APP_BACKGROUND_IMAGE",
        "value": "",
        "type": "IMAGE",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3810,
        "label": "Tipo do fundo do app",
        "name": "APP_BACKGROUND_TYPE",
        "value": {
            "options": [
                {
                    "label": "Imagem",
                    "value": "IMAGE"
                },
                {
                    "label": "Cor",
                    "value": "COLOR"
                }
            ],
            "selected": "COLOR"
        },
        "type": "SELECT",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3811,
        "label": "Cor de fundo",
        "name": "APP_BACKGROUND_COLOR",
        "value": "#080E16C7",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3812,
        "label": "Cor do card inicial",
        "name": "APP_CARD_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7979,
        "label": "Raio do card inicial",
        "name": "APP_CARD_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7980,
        "label": "Cor do card de status",
        "name": "APP_CARD_STATUS_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7981,
        "label": "Raio do card de status",
        "name": "APP_CARD_STATUS_RADIUS",
        "value": 25,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3813,
        "label": "Cor do card de configurações",
        "name": "APP_CARD_CONFIG_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3814,
        "label": "Cor do fundo dos dialogs",
        "name": "APP_DIALOG_BACKGROUND_COLOR",
        "value": "#0E171EC9",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 11850,
        "label": "Cor do fundo do dialog de log",
        "name": "APP_DIALOG_LOGGER_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3815,
        "label": "Cor das bordas",
        "name": "APP_BORDER_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7982,
        "label": "Cor dos inputs",
        "name": "APP_INPUT_COLOR",
        "value": "#00000000",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7983,
        "label": "Raio dos inputs",
        "name": "APP_INPUT_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3816,
        "label": "Cor dos textos",
        "name": "APP_TEXT_COLOR",
        "value": "#09FF00FF",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3817,
        "label": "Cor dos botões",
        "name": "APP_BUTTON_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7984,
        "label": "Raio dos botões",
        "name": "APP_BUTTON_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3818,
        "label": "Cor dos icones",
        "name": "APP_ICON_COLOR",
        "value": "#5311FFFF",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3819,
        "label": "Exibir modo de conexão",
        "name": "APP_SHOW_CONNECTION_MODE",
        "value": "true",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 22784,
        "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
        "name": "APP_CONFIG_AUTO_UPDATE",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 4922,
        "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
        "name": "APP_AUTO_START",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 7985,
        "label": "Usar limiter de conexão",
        "name": "APP_CONNECTION_LIMITER",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 12836,
        "label": "Usar botão de atualizações",
        "name": "APP_BTN_UPDATE_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 12837,
        "label": "Usar botão de registros",
        "name": "APP_BTN_LOGGER_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 12838,
        "label": "Usar botão de pagina webview",
        "name": "APP_BTN_PAGE_ENABLED",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 14425,
        "label": "Ativar dialog de erros",
        "name": "APP_DIALOG_ERROR_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 14426,
        "label": "Ativar dialog de checkuser",
        "name": "APP_CHECKUSER_DIALOG_ENABLED",
        "value": "true",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 14427,
        "label": "Ativar toast de sucesso",
        "name": "APP_SUCCESS_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 14428,
        "label": "Ativar toast de erro",
        "name": "APP_ERROR_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 14429,
        "label": "Usar layout webview",
        "name": "APP_LAYOUT_WEBVIEW_ENABLED",
        "value": "true",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3820,
        "label": "Mensagem",
        "name": "APP_MESSAGE",
        "value": "Bem vindo ao FTINTERNET ",
        "type": "TEXT",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3822,
        "label": "URL de atualização do aplicativo",
        "name": "APP_UPDATE_URL",
        "value": null,
        "type": "URL",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3821,
        "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": "WELCOME"
        },
        "type": "SELECT",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 14430,
        "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_LAYOUT_WEBVIEW",
        "value": "<html><head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n  <meta http-equiv=\"Expires\" content=\"Tue, 31 Dec 2030 23:59:59 GMT\">\r\n  <meta http-equiv=\"Cache-Control\" content=\"public, max-age=31536000\">\r\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n  <title>ZCLOUD TUNNEL</title>\r\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">\r\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\">\r\n  <script src=\"https://cdn.tailwindcss.com\"></script>\r\n\r\n  <style>\r\n    @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap');\r\n\r\n    :root {\r\n      /*Editar o modal*/\r\n      --btn-modal: #0000003f;\r\n      --btn-border: 1px solid #4071FF;\r\n      --btn-modal-border: 50px;\r\n      --modal-shadow: #ffffff;\r\n      --modal-bg: #171e2e;\r\n      --modal-icon: #fff;\r\n      --config-color: #0000003f;\r\n      --category-color: #0000003f;\r\n      --text-color: #ffffff;\r\n      /*Editar Layout*/\r\n      --fundo: #ffffff;\r\n      --topo: #0000008f;\r\n      --icon: #4071FF;\r\n      --icon-bg: #E5EAFC;\r\n      --config: #F7F7FC;\r\n      --box-border: 1px solid #C0C6DE;\r\n      --box-bg: transparent;\r\n      --box-icon: black;\r\n      --info1: #C0C6DE;\r\n      --info2: #4071FF;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Be Vietnam Pro', sans-serif;\r\n      background: var(--fundo);\r\n      height: 100vh;\r\n      width: 100vw;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .container {\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n      background: var(--topo);\r\n      width: 100vw;\r\n      background: #4071ff;\r\n    }\r\n\r\n    button.power-icon {\r\n      background: #ccc;\r\n      border-radius: 80px;\r\n      display: flex;\r\n      -webkit-text-stroke: 3px;\r\n    }\r\n\r\n    .app-bg-gray-1 {\r\n      background: var(--config);\r\n    }\r\n\r\n    .app-bg-gray-2 {\r\n      background: #ffffff;\r\n      box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;\r\n      box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;\r\n    }\r\n\r\n    .app-bg-gray-3 {\r\n      background: #fff;\r\n    }\r\n\r\n    .app-bg-4 {\r\n      background: linear-gradient(-45deg, #4071ff, #2b4089, #0098ff, #5995fd);\r\n      background-size: 400% 400%;\r\n      animation: gradient 5s ease infinite;\r\n    }\r\n\r\n    @keyframes gradient {\r\n      0% {\r\n        background-position: 0% 50%;\r\n      }\r\n\r\n      50% {\r\n        background-position: 100% 50%;\r\n      }\r\n\r\n      100% {\r\n        background-position: 0% 50%;\r\n      }\r\n    }\r\n\r\n    .app-bg-blue {\r\n      background: #0000ff;\r\n      BORDER: 1PX SOLID #fff;\r\n      PADDING: 12PX 10PX !IMPORTANT;\r\n      box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;\r\n    }\r\n\r\n\t.app-bg-blue2 {\r\n      background: #62656a;\r\n      BORDER: 0PX SOLID #fff;\r\n      PADDING: 0PX 0PX !IMPORTANT;\r\n      box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;\r\n    }\r\n\r\n    .app-color-blue {\r\n      color: #4071FF;\r\n    }\r\n\r\n\t.app-color-blue-escuro {\r\n      color: #00003f;\r\n    }\r\n\r\n    .app-color-gray-1 {\r\n      color: #4d4d4d;\r\n    }\r\n\r\n    .app-rounded {\r\n      border-bottom-left-radius: 50px;\r\n      border-bottom-right-radius: 50px;\r\n      background: blue;\r\n    }\r\n\r\n    .status {\r\n      font-size: 1em;\r\n      color: #fff !important;\r\n    }\r\n\r\n    .put {\r\n      border-radius: 60px;\r\n    }\r\n\r\n    .icon {\r\n      font-size: 0.8em;\r\n      color: var(--box-icon);\r\n    }\r\n\r\n    input {\r\n      width: 100%;\r\n      background: transparent;\r\n      border: none;\r\n      outline: none;\r\n      color: var(--box-typing);\r\n      line-height: 1;\r\n      font-weight: 600;\r\n      font-size: 17.6px;\r\n    }\r\n\r\n    .box {\r\n      border: var(--box-border);\r\n      background: var(--box-bg);\r\n    }\r\n\r\n    .tool {\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      border: none;\r\n    }\r\n\r\n    .tool-bt {\r\n      background: var(--btn-modal);\r\n      height: 50px;\r\n      width: 150px;\r\n    }\r\n\r\n    .info {\r\n      color: var(--info2);\r\n    }\r\n\r\n    .info1 {\r\n      color: var(--info1);\r\n    }\r\n\r\n    .info2 {\r\n      color: var(--modal-icon);\r\n    }\r\n\r\n    .info3 {\r\n      font-size: 1.2em;\r\n      color: #0000ff;\r\n    }\r\n\r\n    .modal {\r\n      backdrop-filter: blur(5px);\r\n      -webkit-backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .modal-content {\r\n      border: none;\r\n      background: #00000000;\r\n      color: var(--text-color);\r\n      border: none !important;\r\n      box-shadow: none !important;\r\n      border: none !important;\r\n    }\r\n\r\n    .modal-dialog {\r\n      padding: 0 0.5rem;\r\n    }\r\n\r\n    .bg-category {\r\n      background: var(--category-color);\r\n    }\r\n\r\n    .bg-config {\r\n      background: var(--config-color);\r\n    }\r\n\r\n    .btn {\r\n      width: 150px;\r\n      background-color: #171e2e;\r\n      outline: none;\r\n      height: 49px;\r\n      border-radius: var(--btn-modal-border);\r\n      text-transform: uppercase;\r\n      font-weight: 600;\r\n      margin: 10px 0;\r\n      cursor: pointer;\r\n      BORDER: NONE;\r\n      transition: 0.5s;\r\n    }\r\n  </style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  \r\n<style>/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.relative{position:relative}.-top-32{top:-8rem}.-top-36{top:-9rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mb-0{margin-bottom:0px}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:0.5rem}.ms-2{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.h-screen{height:100vh}.h-12{height:3rem}.h-44{height:11rem}.h-56{height:14rem}.w-12{width:3rem}.w-44{width:11rem}.w-56{width:14rem}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:0.75rem}.border-0{border-width:0px}.border-2{border-width:2px}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0px}.p-1{padding:0.25rem}.p-10{padding:2.5rem}.p-2{padding:0.5rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.pb-0{padding-bottom:0px}.pb-44{padding-bottom:11rem}.pt-10{padding-top:2.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-xs{font-size:0.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}</style><style>/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.relative{position:relative}.-top-32{top:-8rem}.-top-36{top:-9rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mb-0{margin-bottom:0px}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:0.5rem}.ms-2{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.mt-1{margin-top:0.25rem}.flex{display:flex}.h-12{height:3rem}.h-44{height:11rem}.h-56{height:14rem}.h-screen{height:100vh}.w-12{width:3rem}.w-44{width:11rem}.w-56{width:14rem}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:0.75rem}.border-0{border-width:0px}.border-2{border-width:2px}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0px}.p-1{padding:0.25rem}.p-10{padding:2.5rem}.p-2{padding:0.5rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.pb-0{padding-bottom:0px}.pb-44{padding-bottom:11rem}.pt-10{padding-top:2.5rem}.text-center{text-align:center}.text-start{text-align:start}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}</style></head>\r\n\r\n<body style=\"\r\n    background-color: white;\r\n    background-image: none;\r\n\" class=\"h-screen\">\r\n  <div class=\"container px-2 pt-10 pb-44 app-rounded\" id=\"backverde\" style=\"display: ;padding-bottom: 122px;padding-top: 38px;\">\r\n    <button class=\"app-bg-blue h-12 rounded-2xl py-2 px-2 text-white\" onclick=\"ToolsModal.show()\"><i class=\"bi bi-list-nested mr-2\"></i>Menu</button>\r\n    <button class=\"app-bg-blue h-12 rounded-2xl py-2 px-2 text-white\" onclick=\"DtStartAppUpdate.execute()\"><i class=\"bi bi-arrow-repeat mr-2\"></i>Atualizar</button>\r\n\t<button class=\"app-bg-blue h-12 rounded-2xl py-2 px-2 text-white\" onclick=\"loggerModal.show()\"><i class=\"bi bi-file-earmark-text mr-2\"></i>Registros</button>\r\n  </div>\r\n  <div class=\"flex flex-row items-center justify-center -top-32 relative\" style=\"justify-content: center;display: flex;margin-left: -1rem;margin-top: 16px;\">\r\n    <div class=\"welcome d-flex align-items-center\" style=\"font-family:inherit;font-size:21px;padding:0 0;height:70px;color:#fff;justify-items:normal;width:30pc;margin-top: -42px;justify-content:flex-start;margin-left: 37px;\">\r\n      <i class=\"bi bi-person\" style=\"font-size:41px;margin-right:10px;margin-bottom:11px;margin-left:7px\" id=\"usericon1\"></i>\r\n      <div class=\"d-flex flex-column\" style=\"display:flex!important\">\r\n        <div style=\"display:inline-grid;margin-top:11px;margin-top:10px\">\r\n          <span style=\"font-size:19px;font-family:inherit\" id=\"userinfo1\">Bem-vindo (a)</span>\r\n          <span style=\"font-size:13px;font-family:inherit\" id=\"userinfo2\">Desconectado</span>\r\n        </div>\r\n        <div style=\"display:inline-flex;margin-left:-47px;top:14px;left:19px;margin-bottom:-11px;margin-top:7px\">\r\n  \r\n          <a class=\"ml-auto\" onclick=\"DtStartWebViewActivity.execute('https://www.ftinternet.com.br')\" style=\"display:block;background: rgba(0, 0, 0, 0.2);padding:4px 9px;color:#fff;border-radius:10px;margin-left:4px;font-family:inherit;font-size: 12px;display:block;border: 1px solid #fff;\">\r\n            APP\r\n          </a>\r\n\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"w-56 h-56 app-bg-gray-3 rounded-full items-center justify-center flex\" style=\"display:block;width:auto;height:auto;margin-top:0;background-color: white;background-image: none;\">\r\n      <div class=\"w-44 h-44 app-bg-4 rounded-full flex justify-center items-center\" id=\"btnc\" style=\"width: 140px;height: 140px;align-items:center;background:linear-gradient(-45deg,#4071ff,#2b4089,#0098ff,#5995fd);border-radius:50em;border:6px solid #fff\">\r\n        <button id=\"icop\" class=\"bi bi-power bg-white app-color-blue rounded-full p-10 power-icon\" onclick=\"startStopVpn()\" style=\"color:#4071ff;width: 120px;height: 120px;font-size: 40px;justify-content:center;top:1px\"></button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"flex flex-col -top-36 relative\" style=\"\r\n    top: -130px;\r\n\">\r\n    <div class=\"py-3 flex flex-row justify-center items-center\">\r\n      <span class=\"app-color-gray-1 mr-2\">INSIRA SEUS DADOS</span>\r\n      <i class=\"bi bi-box-arrow-in-right\" style=\"color:#c0c6de\"></i>\r\n    </div>\r\n    <div class=\"box d-flex gap-2 justify-content-center mb-1 mt-1 flex flex-row items-center px-6 py-2.5 mx-6 rounded-xl app-bg-gray-1 border-2\" style=\"\r\n    color: #Fff;\r\n    border: 1px solid #c3c9e0;\r\n    border-radius: 10px;\r\n\">\r\n      <i class=\"bi bi-lightning-fill\" style=\"color:#000000\"></i>\r\n      <input placeholder=\"Escolha uma operadora\" disabled=\"\" id=\"config\">\r\n      <i class=\"bi bi-list\" style=\"color:#000000\"></i>\r\n    </div>\r\n    <div class=\"box d-flex gap-2 justify-content-center mb-2 mt-1 items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\" style=\"display:flex!important;border: 1px solid #c3c9e0;border-radius: 10px;\">\r\n      <i class=\"bi bi-person-fill\" style=\"color:#000000\"></i>\r\n      <input placeholder=\"USUÁRIO \" id=\"username\">\r\n    </div>\r\n    <div class=\"box d-flex gap-2 justify-content-center items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\" style=\"display:flex!important;border: 1px solid #c3c9e0;border-radius: 10px;\">\r\n      <i class=\"bi bi-key-fill\" style=\"color:#000000\"></i>\r\n      <input placeholder=\"SENHA\" id=\"password\" style=\"\r\n\">\r\n      <i class=\"bi bi-eye-fill\" style=\"color:#c0c6de\" onclick=\"password.type==`text`?password.type = `password`:password.type = `text`\"></i>\r\n    </div>\r\n    <div class=\"d-flex gap-2 justify-content-center mb-2 mt-1 flex flex-row items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\" style=\"display:none!important\">\r\n      <i class=\"icon fa fa-lock\" style=\"color:#c0c6de\"></i>\r\n      <input placeholder=\"V2ray UUID\" id=\"uuid\">\r\n      <i class=\"icon fa fa-eye\" onclick=\"uuid.type==`text`?uuid.type = `password`:uuid.type = `text`\"></i>\r\n    </div>\r\n\r\n\r\n    <div style=\"\r\n    padding: 0px 28px;\r\n    display: flex;\r\n    color: #00f;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: -117px;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    margin-top: 57px;\r\n    margin-bottom: 2px;\r\n\">\r\n\r\n\r\n\r\n      <item style=\"\r\n background: transparent;\r\n border: 2px solid #C0C6DE;\r\n padding: 8px 10px;\r\n width: calc(48% - 5px);\r\n border-radius: 10px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n text-align: center;\r\n margin-bottom: 11px;\r\n margin-right: 5px;\r\n color: #C0C6DE;\r\n height: 145px;\r\n display: block;\r\n\">\r\n        <div>\r\n          <font color=\"#1AA200\">\r\n\t\t  <i class=\"bi bi-shield-fill-check\" style=\"\r\n         font-size: 44px;\r\n         margin-right: 0px;\r\n         padding: 0px;\r\n         text-align: center;\r\n         justify-content: center;\r\n     \"></i>\r\n\t  </font>\r\n          <div style=\"\r\n\">\r\n            <font color=\"#000000\"><a style=\"\r\n             font-size: 14px;\r\n             margin-bottom: 0px;\r\n             font-weight: 600;\r\n         \">Rápido e Seguro</a></font>\r\n            <a style=\"\r\n             font-size: 10px;\r\n             display: block;\r\n             font-weight: 300;\r\n         \">Sua conexão é criptografada e segura</a>\r\n            <font color=\"#000000\">\r\n\t\t\t<i id=\"inter\" class=\"bi bi-toggle-off\" style=\"\r\n     font-size: 29px;\r\n     margin-left: 4px;\r\n \"></i>\r\n </font>\r\n          </div>\r\n        </div>\r\n\r\n      </item>\r\n      <item style=\"\r\n background: transparent;\r\n border: 2px solid #C0C6DE;\r\n padding: 8px 10px;\r\n width: calc(48% - 5px);\r\n border-radius: 10px;\r\n text-align: center;\r\n display: block;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n text-align: center;\r\n margin-bottom: 11px;\r\n height: 145px;\r\n margin-right: 5px;\r\n color: #C0C6DE;\r\n margin-left: 9px;\r\n\">\r\n        <div>\r\n          <font color=\"#fcb503\">\r\n\t\t  <i class=\"bi bi-infinity\" style=\"\r\n         font-size: 44px;\r\n         margin-right: 0px;\r\n         padding: 0px;\r\n         text-align: center;\r\n         justify-content: center;\r\n     \"></i>\r\n</font>\r\n\r\n          <div style=\"\r\n\">\r\n            <font color=\"#000000\"><a style=\"\r\n             font-size: 14px;\r\n             margin-bottom: 0px;\r\n             font-weight: 600;\r\n         \">Sem Limites</a></font>\r\n            <a style=\"\r\n             font-size: 10px;\r\n             display: block;\r\n             font-weight: 300;\r\n         \">Navegue na internet sem limite de dados.</a>\r\n            <font color=\"#000000\"><i id=\"inter2\" class=\"bi bi-toggle-off\" style=\"\r\n     font-size: 29px;\r\n     margin-left: 4px;\r\n \"></i></font>\r\n          </div>\r\n        </div>\r\n\r\n      </item>\r\n      <item style=\"\r\n background: transparent;\r\n border: 2px solid #C0C6DE;\r\n padding: 4px 4px;\r\n width: calc(97% - 0px);\r\n border-radius: 10px;\r\n text-align: start;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 11px;\r\n height: 36px;\r\n display: block;\r\n margin-right: 5px;\r\n color: #C0C6DE;\r\n text-align: center;\r\n margin-left: -1px;\r\n\">\r\n        <div style=\"display: inline-flex;align-items: center;\">\r\n          <div style=\"\r\n    padding: 0px 5px;\r\n\">\r\n            <i class=\"bi bi-hdd-network\" style=\"\r\n             font-size: 19px;\r\n             margin-left: 2px;\r\n             margin-right: 9px;\r\n         \"></i>\r\n            <a style=\"\r\n             font-size: 12px;\r\n             margin-bottom: 0px;\r\n             font-weight: 600;\r\n         \">IP:</a>\r\n            <a style=\"font-size: 12px;\" id=\"ip\">192.168.0.1</a>\r\n          </div>\r\n          <div style=\"\r\n    padding: 0px 5px;\r\n\">\r\n            <i class=\"bi bi-diagram-2\" style=\"\r\n             font-size: 19px;\r\n             margin-left: 2px;\r\n             margin-right: 9px;\r\n         \"></i>\r\n            <a style=\"\r\n             font-size: 12px;\r\n             margin-bottom: 0px;\r\n             font-weight: 600;\r\n         \">DNS:</a>\r\n            <a id=\"dns1\" style=\"font-size: 12px;\">Automático</a>\r\n          </div>\r\n        </div>\r\n      </item>\r\n\t  \r\n\r\n\r\n  </div>\r\n  </div>\r\n  <div onclick=\"loggerModal.show()\" class=\"teste\" id=\"footer1\" style=\"background:red;color:#fff;padding:10px;position:fixed;bottom:0;border-top-left-radius:20px;left:0;width:100%;text-align:center;z-index:9999;border-top-right-radius:20px\">\r\n    <i class=\"bi bi-broadcast-pin mr-2\"></i>\r\n    <a href=\"\">Status:</a>\r\n    <span class=\"status app-color-blue font-semibold\" style=\"color:red\" id=\"state\">LBL_STATE_DISCONNECTED</span>\r\n  </div>\r\n  <div class=\"modal fade\" id=\"configModal\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n      <div class=\"modal-content rounded-3 shadow\">\r\n        <div class=\"modal-header border-bottom-0 pb-0\">\r\n          <h1 class=\"modal-title fs-5\" style=\"color:var(--text-color)\">Selecione uma Conexão:</h1>\r\n          <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\r\n        </div>\r\n        <div class=\"modal-body p-1 text-center\">\r\n          <ul class=\"list-group app-bg-blue2 overflow-y-auto config-body\" style=\"max-height:600px\"></ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"modal fade\" id=\"loggerModal\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n      <div class=\"modal-content rounded-3 shadow\">\r\n        <div class=\"modal-body p-1 text-center\">\r\n          <ul class=\"list-group bg-transparent overflow-y-auto logger-content\" style=\"max-height:600px\"><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 0</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 1</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 2</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 3</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 4</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 5</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 6</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 7</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 8</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 9</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 10</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 11</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 12</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 13</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 14</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 15</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 16</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 17</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 18</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 19</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 20</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 21</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 22</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 23</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 24</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 25</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 26</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 27</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 28</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">TIME MESSAGE 29</li></ul>\r\n        </div>\r\n        <div class=\"modal-footer flex-nowrap p-0\">\r\n          <button class=\"btn btn-primary w-100 clear-logger\" style=\"background-color:var(--btn-modal)\">LIMPAR</button>\r\n          <button type=\"button\" class=\"btn btn-primary w-100\" data-bs-dismiss=\"modal\" style=\"background-color:var(--btn-modal)\">FECHAR</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"tool webm modal fade\" index=\"-1\" id=\"ToolsModal\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"tool modal-header\">\r\n          <h5 class=\"modal-title\" style=\"color:#fff\">FERRAMENTAS</h5>\r\n        </div>\r\n\r\n        <div class=\"modal-body\" style=\"display: flex; justify-content: center; align-items: center;\">\r\n          <button type=\"button\" class=\"rounded-2xl text-white\" id=\"hotspot-button\" style=\"background: rgba(0, 0, 0, 0.3); padding: 10px; outline: none; border: 0; display: flex; align-items: center; gap: 5px;\">\r\n            <i class=\"bi bi-router\"></i>\r\n\r\n            <span id=\"hotspot-value\">ATIVAR HOTSPOT</span>\r\n          </button>\r\n        </div>\r\n        \r\n    \r\n\t\t<div class=\"modal-body\">\r\n          <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartWebViewActivity.execute(\"https://www.speedtest.net/pt\")\"><i class=\"info2 bi bi-speedometer mr-2\"></i> SPEEDTEST</button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartApnActivity.execute()\"><i class=\"bi bi-wrench-adjustable-circle\"></i> CONFIGURAR APN</button>\r\n      \r\n      <div class=\"modal-body\">\r\n\t\r\n\t  <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartWebViewActivity.execute('https://bitbin.it/SYAIqZU6/raw/')\"><i class=\"bi bi-file-earmark-text mr-2\"></i> TERMOS DE USO</button>\r\n\t  </div>\r\n\t        <div class=\"modal-body\">\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtCleanApp.execute()\"><i class=\"info2 bi bi-trash3 mr-2\"></i> LIMPAR DADOS</button>\r\n        </div>\r\n\t\t<div class=\"modal-body\">\r\n\t\t\r\n\t\t  \r\n        </div>\r\n     <div class=\"tool modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"modal fade\" id=\"checkUserModal\" index=\"1\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n      <div class=\"modal-content rounded-3 shadow\">\r\n        <div class=\"modal-header border-bottom-0 pb-0\">\r\n          <h1 class=\"modal-title fs-5 chk-title text-light\"></h1>\r\n          <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\r\n        </div>\r\n        <div class=\"modal-body text-center\">\r\n          <p class=\"fs-5 mb-0 chk-message text-light\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"md modal fade\" id=\"speedTestModal\">\r\n    <div class=\"md modal-dialog modal-dialog-centered\" role=\"document\">\r\n      <div class=\"md modal-content rounded-3 shadow\">\r\n        <div class=\"md modal-header border-bottom-0 py-3\">\r\n          <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"modal-body ratio rounded-bottom-3\" style=\"height:600px\">\r\n          <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\r\n            <div class=\"spinner-border text-light p-5\" role=\"status\">\r\n              <span class=\"visually-hidden\">Loading...</span>\r\n            </div>\r\n          </div>\r\n          <iframe class=\"rounded-bottom-3\" id=\"speedFrame\"></iframe>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js\"></script>\r\n\r\n  <script>\r\n    const appGetStatusHotspot = () => DtGetStatusHotSpotService.execute()\r\n    const appStartHotspot = () => DtStartHotSpotService.execute()\r\n    const appStopHotspot = () => DtStopHotSpotService.execute()\r\n\r\n    const hotspotValue = document.querySelector('#hotspot-value')\r\n    const hotspotButton = document.querySelector('#hotspot-button')\r\n\r\n    const startHotspot = () => {\r\n      appStartHotspot()\r\n\r\n      hotspotValue.innerHTML = 'PARAR HOTSPOT'\r\n    }\r\n\r\n    const stopHotspot = () => {\r\n      appStopHotspot()\r\n\r\n      hotspotValue.innerHTML = 'INICIAR HOTSPOT'\r\n    }\r\n\r\n    const toggleHotspot = () => {\r\n      appGetStatusHotspot() === 'STOPPED' ? startHotspot() : stopHotspot()\r\n    }\r\n\r\n    const setStatusHotspot = () => {\r\n      if (appGetStatusHotspot() === 'STOPPED') {\r\n        hotspotValue.innerHTML = 'INICIAR HOTSPOT'\r\n      } else {\r\n        hotspotValue.innerHTML = 'PARAR HOTSPOT'\r\n      }\r\n    }\r\n    \r\n    hotspotButton.addEventListener('click', (e) => {\r\n      e.preventDefault()\r\n\r\n      toggleHotspot()\r\n    })\r\n\r\n    setStatusHotspot()\r\n\r\n\r\n  </script>\r\n\r\n  <script>\r\n    Object.defineProperty(String.prototype, 't', {\r\n      value: function t() {\r\n        return window?.DtTranslateText?.execute('' + this) ?? '' + this\r\n      },\r\n      writable: true,\r\n      configurable: true,\r\n    })\r\n\r\n    const config = document.querySelector('#config')\r\n    config.parentElement.onclick = () => showConfigsModal();\r\n\r\n    const username = document.querySelector('#username')\r\n    username.oninput = e => DtUsername.set(e.target.value)\r\n\r\n    const password = document.querySelector('#password')\r\n    password.oninput = e => DtPassword.set(e.target.value)\r\n\r\n    const uuid = document.querySelector('#uuid')\r\n    uuid.oninput = e => DtUuid.set(e.target.value)\r\n\r\n    const clearLogger = document.querySelector('.clear-logger')\r\n\r\n    const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))\r\n    const configModal = new bootstrap.Modal(document.querySelector('#configModal'))\r\n    const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))\r\n    const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))\r\n    const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\r\n\r\n    const dtConfigClickListener = () => {\r\n      const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ \"auth\": {\"username\": \"\"} }`)\r\n      const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n\r\n      config.placeholder = data.name ?? 'ESCOLHA UMA OPERADORA ';\r\n      username.parentElement.style.setProperty('display', !data?.auth?.username && !isV2ray ? 'flex' : 'none', 'important')\r\n      password.parentElement.style.setProperty('display', !data?.auth?.password && !isV2ray ? 'flex' : 'none', 'important')\r\n      uuid.parentElement.style.setProperty('display', !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none', 'important')\r\n    }\r\n\r\n    const startStopVpn = e => {\r\n      if (DtGetVpnState.execute() != 'DISCONNECTED') {\r\n\r\n        DtExecuteVpnStop.execute()\r\n        document.getElementById(\"btnc\").style.background = \"linear-gradient(-45deg, #4071ff, #2b4089, #0098ff, #5995fd)\";\r\n        document.getElementById(\"btnc\").style.background = \"blue\";\r\n      } else {\r\n        DtExecuteVpnStart.execute()\r\n        document.getElementById(\"btnc\").style.background = \"linear-gradient(-45deg, #4071ff, #2b4089, #0098ff, #5995fd)\";\r\n        document.getElementById(\"btnc\").style.background = \"blue\";\r\n      }\r\n\r\n    }\r\n\r\n    clearLogger.addEventListener('click', () => DtClearLogs.execute())\r\n\r\n    speedTestModal._element.addEventListener('shown.bs.modal', () => {\r\n      const iframe = document.querySelector('#speedFrame');\r\n      if (!iframe.src) {\r\n        iframe.src = 'https://fast.com/pt/'\r\n        iframe.addEventListener('load', () => {\r\n          mp3Modal._element.querySelector('.spinner').classList.add('d-none')\r\n        })\r\n      }\r\n    })\r\n    speedTestModal._element.addEventListener('hide.bs.modal', () => {\r\n      const iframe = document.querySelector('#speedFrame');\r\n      iframe.src = '';\r\n    })\r\n\r\n    const dtVpnStateListener = state => {\r\n      const isRunning = state != 'DISCONNECTED';\r\n      const isConnected = state == 'CONNECTED';\r\n      const isDesconnected = state == 'DISCONNECTED';\r\n      const status = document.querySelector('#state')\r\n\r\n      status.innerHTML = ('LBL_STATE_' + state).t()\r\n\r\n      if (isRunning) {\r\n        document.getElementById(\"btnc\").style.background = \"linear-gradient(-45deg, #ffcc00, #d5de0a, #ebd138, #ffcc00)\";\r\n        document.getElementById(\"footer1\").style.background = \"#ffcc00\";\r\n        document.getElementById(\"icop\").style.color = \"#dce600\";\r\n        username.setAttribute('readonly', 'true')\r\n        password.setAttribute('readonly', 'true')\r\n        status.style.color = '#00ff15'\r\n      } else {\r\n        username.removeAttribute('readonly')\r\n        password.removeAttribute('readonly')\r\n        status.style.color = 'RED'\r\n      }\r\n      if (isConnected) {\r\n        document.getElementById(\"btnc\").style.background = \"linear-gradient(-45deg, #64dd17, #00ce6e, #64dd17, #5ddf15)\";\r\n        document.getElementById(\"footer1\").style.background = \"#64dd17\";\r\n        document.getElementById(\"icop\").style.color = \"#64dd17\";\r\n\r\n        const inter = document.getElementById('inter');\r\n        const inter2 = document.getElementById('inter2');\r\n        inter.className = \"bi bi-toggle-on\";\r\n        inter2.className = \"bi bi-toggle-on\";\r\n\r\n        const elemento = document.getElementById('userinfo1');\r\n        elemento.innerHTML = username.value;\r\n\r\n        dns1.innerHTML = \"PADRÃO\";\r\n        username.setAttribute('readonly', 'true')\r\n        password.setAttribute('readonly', 'true')\r\n        status.style.color = '#00ff15'\r\n        fetch('https://api.ipify.org/?format=json')\r\n          .then(response => response.json())\r\n          .then(data => {\r\n            const publicIP = data.ip;\r\n            document.getElementById('ip').textContent = publicIP;\r\n          })\r\n          .catch(error => {\r\n            console.log('Erro ao obter o endereço IP público:', error);\r\n          });\r\n\r\n      }\r\n      if (isDesconnected) {\r\n        document.getElementById(\"btnc\").style.background = \"linear-gradient(-45deg, #ff8764, #ff7463, #ff5c5f, #ff3858)\";\r\n        document.getElementById(\"footer1\").style.background = \"red\";\r\n        document.getElementById(\"icop\").style.color = \"#ff0000\";\r\n        const elemento3 = document.getElementById('usericon1');\r\n        const elemento2 = document.getElementById('userinfo2');\r\n        elemento3.className = \"bi bi-person\";\r\n\r\n        elemento2.innerHTML = \"Desconectado\";\r\n\t\t\r\n\t\t const inter3 = document.getElementById('inter');\r\n        const inter4 = document.getElementById('inter2');\r\n        inter3.className = \"bi bi-toggle-off\";\r\n        inter4.className = \"bi bi-toggle-off\";\r\n\r\n      }\r\n    }\r\n\r\n    const dtCheckUserStartedListener = () => {\r\n      const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)\r\n      const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n      if (isV2ray || !data.urlCheckUser)\r\n        return;\r\n\r\n      const html = `\r\n            <div class=\"d-flex justify-content-center\">\r\n                <div class=\"spinner-border p-4\" role=\"status\">\r\n                    <span class=\"visually-hidden\">Loading...</span>\r\n                </div>\r\n            </div>\r\n            `\r\n\r\n      checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'\r\n      checkUserModal._element.querySelector('.chk-message').innerHTML = html;\r\n      checkUserModal.show()\r\n    }\r\n\r\n    const dtCheckUserModelListener = model => {\r\n      const data = JSON.parse(model ?? `{\"username\": \"test\"}`)\r\n      const elemento2 = document.getElementById('userinfo2');\r\n      const elemento3 = document.getElementById('usericon1');\r\n      var dias = `${data.expiration_days}`;\r\n      var diasrestantes = \"dias restantes\";\r\n      var resultado = dias + \" \" + diasrestantes;\r\n      elemento2.innerHTML = resultado;\r\n      elemento3.className = \"bi bi-person-check\";\r\n\r\n    }\r\n\r\n    const showConfigsModal = () => {\r\n      const mock = '[{\"sorter\":6,\"color\":\"#6D08041C\",\"name\":\"CONFIG\",\"id\":1393,\"items\":[{\"mode\":\"V2RAY - VLESS\",\"sorter\":4,\"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\"}]}]'\r\n      const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)\r\n\r\n      data.sort((a, b) => a.sorter - b.sorter)\r\n      data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))\r\n\r\n      const body = configModal._element.querySelector('.config-body')\r\n      body.innerHTML = ''\r\n\r\n      data.forEach(category => {\r\n        const categoryElement = document.createElement('li')\r\n        categoryElement.className = 'list-group-item bg-transparent border-0 mb-1 rounded-1 px-1'\r\n        categoryElement.style.color = 'var(--text-color)'\r\n        categoryElement.innerHTML = `<span class=\"fw-bold w-100 d-block p-1 rounded-1 mb-1 bg-category\">${category.name}</span>`\r\n\r\n        const configUlElement = document.createElement('ul')\r\n        configUlElement.className = 'list-group overflow-y-auto'\r\n\r\n        category.items.forEach(item => {\r\n          const configElement = document.createElement('li')\r\n          configElement.className = 'list-group-item d-flex border-0 bg-config rounded-2 px-1 py-2 mb-1'\r\n          configElement.style.color = 'var(--text-color)'\r\n          configElement.innerHTML = `\r\n                            <img src=\"${item.icon}\" width=\"40\" height=\"35\">\r\n                            <div class=\"text-start d-flex flex-column ms-2 w-100 text-truncate\">\r\n                                <span class=\"fw-bold text-uppercase\" style=\"font-size: 0.8rem;\">${item.name}</span>\r\n                                <span class=\"fst-italic fw-bold text-uppercase\" style=\"font-size: 0.7rem;\">${item.description || ''}</span>\r\n                            </div>\r\n                            <div class=\"d-flex flex-column ms-2\">\r\n                                <span class=\"fst-italic fw-bold text-end text-uppercase text-nowrap\" style=\"font-size: 0.8rem;\">${item.mode}</span>\r\n                            </div>\r\n                        </li>\r\n                    `\r\n          configElement.addEventListener('click', e => {\r\n            window?.DtSetConfig?.execute(item.id)\r\n            configModal.hide()\r\n          })\r\n          configUlElement.appendChild(configElement)\r\n        })\r\n\r\n        categoryElement.appendChild(configUlElement)\r\n        body.appendChild(categoryElement)\r\n      })\r\n      configModal.show()\r\n    }\r\n\r\n    const dtOnNewLogListener = () => {\r\n      const mock = [];\r\n      for (let i = 0; i < 30; i++) {\r\n        mock.push({\r\n          'TIME': 'MESSAGE ' + i\r\n        })\r\n      }\r\n\r\n      const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)\r\n      const data = JSON.parse(log)\r\n\r\n      let content = '';\r\n      data.forEach(item => {\r\n        content += '<li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">';\r\n        content += Object.keys(item)[0] + \" \" + item[Object.keys(item)]\r\n        content += '</li>';\r\n      })\r\n\r\n      loggerModal._element.querySelector('.logger-content').innerHTML = content;\r\n      const listGroup = loggerModal._element.querySelector('.list-group')\r\n      listGroup.scrollTo(0, listGroup.scrollHeight)\r\n    }\r\n\r\n    username.value = window?.DtUsername?.get() ?? ''\r\n    password.value = window?.DtPassword?.get() ?? ''\r\n    uuid.value = window?.DtUuid?.get() ?? ''\r\n\r\n    dtOnNewLogListener()\r\n    dtConfigClickListener()\r\n    dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\r\n  </script>\r\n  <script>\r\n    const config = JSON.parse(DtGetAppConfig.execute());\r\n    const urlCheckUser = new URL(config.urlCheckUser);\r\n    urlCheckUser.protocol = 'http:';\r\n\r\n    const createConnection = () => new WebSocket(urlCheckUser);\r\n    const startActions = socket => {\r\n      socket.send(JSON.stringify({\r\n        action: 'all',\r\n        data: {}\r\n      }));\r\n    }\r\n    const parseResponseData = data => {\r\n      data = JSON.parse(data);\r\n      console.log(data)\r\n\r\n      if (data.total != undefined) {\r\n        const total = data.total;\r\n        document.getElementById('total').innerHTML = String(total).padStart(2, '0');\r\n      }\r\n    }\r\n\r\n    const startSocket = () => {\r\n      const socket = createConnection();\r\n      socket.onopen = e => startActions(socket);\r\n      socket.onmessage = e => parseResponseData(e.data);\r\n    }\r\n\r\n    const setVpnState = state => {\r\n      if (state == 'CONNECTED')\r\n        startSocket();\r\n\r\n    }\r\n    startSocket();\r\n  </script>\r\n  <script>\r\n    class AndroidMock {\r\n      static getLocalIP() {\r\n        return '192.168.0.1';\r\n      }\r\n\r\n      static getConfig() {\r\n        return JSON.stringify({\r\n          urlCheckUser: ''\r\n        });\r\n      }\r\n\r\n\r\n\r\n      static openRadioInfo() {\r\n        console.log('openRadioInfo');\r\n      }\r\n    }\r\n  </script>\r\n  <script>\r\n    function showLocalIP(android) {\r\n\r\n\r\n      document.getElementById('ip').innerHTML = android.getLocalIP();\r\n\r\n      setInterval(() => {\r\n\r\n        document.getElementById('ip').innerHTML = android.getLocalIP();\r\n      }, 2000000)\r\n    }\r\n\r\n    function showCheckUser(android) {\r\n      const config = JSON.parse(window?.DtGetDefaultConfig?.execute() ?? android.getConfig());\r\n\r\n      const urlCheckUser = new URL(config.urlCheckUser);\r\n      urlCheckUser.protocol = 'ws:';\r\n      const socket = new WebSocket(urlCheckUser);\r\n      socket.onopen = function(e) {\r\n        socket.send(JSON.stringify({\r\n          action: 'all',\r\n          data: {}\r\n        }));\r\n      };\r\n\r\n      socket.onmessage = function(event) {\r\n        const data = JSON.parse(event.data);\r\n        if (data.total === undefined)\r\n          return;\r\n\r\n        const total = data.total;\r\n        document.getElementById('total').innerHTML = ' ' + String(total).padStart(2, '0');\r\n        socket.close();\r\n      };\r\n    }\r\n\r\n    window.onload = function() {\r\n      const android = window.Android || AndroidMock;\r\n      showLocalIP(android);\r\n      showCheckUser(android);\r\n    }\r\n  </script>\r\n  \r\n</body></html>",
        "type": "HTML",
        "status": "ACTIVE",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3823,
        "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_SUPPORT_BUTTON",
        "value": "",
        "type": "HTML",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    },
    {
        "id": 3824,
        "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_WEB_VIEW",
        "type": "HTML",
        "value": "",
        "user_id": "RAUQ7JCB-HWPT-JNP8-3GLV-VC1HMUF97PAK"
    }
]