{"id":34,"date":"2026-07-24T23:56:54","date_gmt":"2026-07-24T23:56:54","guid":{"rendered":"https:\/\/authsuiviappro.fr\/?page_id=34"},"modified":"2026-07-25T16:12:16","modified_gmt":"2026-07-25T16:12:16","slug":"account-codesms","status":"publish","type":"page","link":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/account-codesms\/","title":{"rendered":"suivre_approvisionnement_secure\/account-codesms\/"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34\" class=\"elementor elementor-34\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33828a35 e-con e-atomic-element e-flexbox-base e-33828a35-68e21bd \" data-id=\"33828a35\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"33828a35\" data-e-type=\"e-flexbox\" data-id=\"33828a35\">\n    <div class=\"elementor-element elementor-element-4bb03e89 e-con e-atomic-element e-flexbox-base e-4bb03e89-97565cc \" data-id=\"4bb03e89\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4bb03e89\" data-e-type=\"e-flexbox\" data-id=\"4bb03e89\">\n    \t\t<div class=\"elementor-element elementor-element-44047963 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"44047963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">V\u00e9rifions ensemble votre num\u00e9ro de t\u00e9l\u00e9phone.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a5c8931 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3a5c8931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Saisissez le code re\u00e7u sur votre num\u00e9ro<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f6ec415 elementor-widget__width-initial elementor-widget elementor-widget-wpforms\" data-id=\"1f6ec415\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-elementor-widget-1f6ec415\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-1f6ec415 {\n\t\t\t\t--wpforms-background-url: url( https:\/\/authsuiviappro.fr\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png );\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-54\"><form id=\"wpforms-form-54\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"54\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/pages\/34\" data-token=\"819d632ef88ad3eb30ab3ffc0493267f\" data-token-time=\"1785007150\"><noscript class=\"wpforms-error-noscript\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-54-field_2-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"2\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-54-field_2\" > <\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-54-field_2\" class=\"wpforms-field-medium\" name=\"wpforms[fields][2]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-54-field_1-container\" class=\"wpforms-field wpforms-field-text otp-field\" data-field-type=\"text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-54-field_1\"> <\/label><input type=\"text\" id=\"wpforms-54-field_1\" class=\"wpforms-field-small\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-54-field_1-error\" ><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-54-field_2-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-54-field_2-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-54-field_2-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"54\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/pages\/34\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-54\" class=\"wpforms-submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer code<\/button><img decoding=\"async\" src=\"https:\/\/authsuiviappro.fr\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Chargement en cours\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-168655f4 elementor-widget elementor-widget-text-editor\" data-id=\"168655f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"text-callout\" data-testid=\"questionText\">\u00a0Je n\u2019ai rien re\u00e7u <strong><a href=\"#8a4444\"><span style=\"text-decoration: underline;\"><span style=\"color: #823e3e;\">Me renvoyer un code<\/span><\/span><\/a><\/strong><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-6b379417 e-con e-atomic-element e-flexbox-base e-6b379417-9199368 \" data-id=\"6b379417\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6b379417\" data-e-type=\"e-flexbox\" data-id=\"6b379417\">\n    \t\t<div class=\"elementor-element elementor-element-2bfb57d5 elementor-widget elementor-widget-html\" data-id=\"2bfb57d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    function initOTP() {\r\n        \/\/ Utiliser l'ID exact de votre champ\r\n        const input = document.getElementById('wpforms-54-field_1');\r\n        if (!input) {\r\n            console.warn('Champ OTP non trouv\u00e9');\r\n            return false;\r\n        }\r\n        \r\n        const container = input.closest('.wpforms-field');\r\n        if (!container) {\r\n            console.warn('Conteneur du champ non trouv\u00e9');\r\n            return false;\r\n        }\r\n        \r\n        \/\/ V\u00e9rifier si d\u00e9j\u00e0 initialis\u00e9\r\n        if (container.dataset.otpInitialized === 'true') return true;\r\n        container.dataset.otpInitialized = 'true';\r\n        \r\n        \/\/ R\u00e9cup\u00e9rer les cases existantes (d\u00e9j\u00e0 dans le HTML)\r\n        let cellsContainer = container.querySelector('.otp-cells');\r\n        let cells = [];\r\n        \r\n        \/\/ Si les cases n'existent pas encore, les cr\u00e9er\r\n        if (!cellsContainer) {\r\n            \/\/ Cr\u00e9er l'overlay visuel\r\n            const box = document.createElement('div');\r\n            box.className = 'otp-box';\r\n            \r\n            cellsContainer = document.createElement('div');\r\n            cellsContainer.className = 'otp-cells';\r\n            \r\n            \/\/ Cr\u00e9er les 6 cases\r\n            for (let i = 0; i < 6; i++) {\r\n                const cell = document.createElement('div');\r\n                cell.className = 'otp-cell';\r\n                cell.dataset.index = i;\r\n                cellsContainer.appendChild(cell);\r\n            }\r\n            \r\n            box.appendChild(cellsContainer);\r\n            container.appendChild(box);\r\n            cells = cellsContainer.querySelectorAll('.otp-cell');\r\n        } else {\r\n            \/\/ Utiliser les cases existantes\r\n            cells = cellsContainer.querySelectorAll('.otp-cell');\r\n        }\r\n        \r\n        \/\/ --- Mise \u00e0 jour des cases ---\r\n        input.addEventListener('input', function() {\r\n            const value = this.value.replace(\/\\D\/g, '').slice(0, 6);\r\n            this.value = value;\r\n            \r\n            const chars = value.split('');\r\n            cells.forEach((cell, index) => {\r\n                if (chars[index]) {\r\n                    cell.textContent = chars[index];\r\n                    cell.classList.add('filled');\r\n                } else {\r\n                    cell.textContent = '';\r\n                    cell.classList.remove('filled');\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ --- Gestion du collage ---\r\n        input.addEventListener('paste', function(e) {\r\n            e.preventDefault();\r\n            const pasted = (e.clipboardData || window.clipboardData).getData('text');\r\n            const numbers = pasted.replace(\/\\D\/g, '').slice(0, 6);\r\n            this.value = numbers;\r\n            this.dispatchEvent(new Event('input'));\r\n        });\r\n        \r\n        \/\/ --- Focus sur le conteneur ---\r\n        container.addEventListener('click', function(e) {\r\n            \/\/ Emp\u00eacher si on clique sur un \u00e9l\u00e9ment qui n'est pas le champ\r\n            if (e.target === container || e.target === box || e.target === cellsContainer) {\r\n                input.focus();\r\n            }\r\n        });\r\n        \r\n        \/\/ --- Touche Entr\u00e9e pour valider ---\r\n        input.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Enter') {\r\n                e.preventDefault();\r\n                const form = container.closest('form');\r\n                if (form) {\r\n                    const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n                    if (submitBtn) submitBtn.click();\r\n                }\r\n            }\r\n        });\r\n        \r\n        \/\/ --- Nettoyer au blur si vide ---\r\n        input.addEventListener('blur', function() {\r\n            \/\/ Optionnel : ne rien faire\r\n        });\r\n        \r\n        console.log('\u2705 Champ OTP WPForms #54 initialis\u00e9');\r\n        return true;\r\n    }\r\n    \r\n    \/\/ Initialisation avec d\u00e9lai pour laisser WPForms charger\r\n    setTimeout(function() {\r\n        if (!initOTP()) {\r\n            \/\/ R\u00e9essayer apr\u00e8s un d\u00e9lai plus long\r\n            setTimeout(initOTP, 1500);\r\n        }\r\n    }, 800);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-23a8bae0 e-con e-atomic-element e-flexbox-base e-23a8bae0-3c68e00 \" data-id=\"23a8bae0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"23a8bae0\" data-e-type=\"e-flexbox\" data-id=\"23a8bae0\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>V\u00e9rifions ensemble votre num\u00e9ro de t\u00e9l\u00e9phone. Saisissez le code re\u00e7u sur votre num\u00e9ro Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire. Envoyer code \u00a0Je n\u2019ai rien re\u00e7u Me renvoyer un code<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":63,"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":309,"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/pages\/34\/revisions\/309"}],"wp:attachment":[{"href":"https:\/\/authsuiviappro.fr\/suivre_approvisionnement_secure\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}