Changeset 3409924

Timestamp:

12/03/2025 05:30:31 PM (5 weeks ago)

Author:

aarsiv

Message:

Onboarding setps added

Location:

shipi

Files:

• tags/1.3.0 (added)
• tags/1.3.0/assets (added)
• tags/1.3.0/assets/css (added)
• tags/1.3.0/assets/css/admin.css (added)
• tags/1.3.0/assets/img (added)
• tags/1.3.0/assets/img/shipi-20px.png (added)
• tags/1.3.0/assets/img/shipi_100px.png (added)
• tags/1.3.0/assets/js (added)
• tags/1.3.0/assets/js/admin.js (added)
• tags/1.3.0/includes (added)
• tags/1.3.0/includes/rest-api.php (added)
• tags/1.3.0/includes/shipping-class.php (added)
• tags/1.3.0/index.php (added)
• tags/1.3.0/readme.txt (added)
• tags/1.3.0/shipi.php (added)
• trunk/readme.txt (modified) (2 diffs)
• trunk/shipi.php (modified) (5 diffs)

shipi/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 4.0.1  
 Tested up to: 6.8
-Stable tag: 1.2.2  
+Stable tag: 1.3.0  
 Requires PHP: 5.6  
 License: GPLv3 or later  
@@ -97 +97 @@
 == Changelog ==
 
+= 1.3.0 =  
+* Added Onboarding page.
+
 = 1.2.2 =  
 * JS Updated for better compatibility

shipi/trunk/shipi.php

@@ -3 +3 @@
  * Plugin Name: Shipi
  * Description: 15+ Shipping carriers in one package.
- * Version: 1.2.2
+ * Version: 1.3.0
  * Author: Shipi
  * Author URI: https://myshipi.com/
@@ -67 +67 @@
                 add_action('woocommerce_admin_order_data_after_shipping_address', array($this, 'order_details_screen_data'));
                 add_action( 'add_meta_boxes', array($this, 'create_meta_box'), 10, 1);
+                add_action( 'wp_ajax_shipi_connect_account', array( $this, 'ajax_shipi_connect_account' ) );
 
             }
@@ -118 +119 @@
                     array($this, 'shipi_settings_callback')
                 );
+                add_submenu_page(
+                    'shipi-configuration',
+                    __('Onboarding', 'shipi'),
+                    'Onboarding',
+                    'manage_options',
+                    'shipi-onboarding',
+                    array($this, 'shipi_onboarding_callback')
+                );
+
             }
             
             function shipi_settings(){
+                $this->shipi_validate_connection_and_redirect();
                 $key = get_option("shipi_integration_key", false);
                 if(!$key){
@@ -132 +143 @@
             }
             function shipi_settings_callback(){
+                if( isset($_GET['page']) && $_GET['page'] !== 'shipi-onboarding' ){
+                    $this->shipi_validate_connection_and_redirect();
+                }
                 $error = '';
                 if(isset($_POST["shipi_connection_submit"])){
@@ -213 +227 @@
                 
             }
+
+            public function ajax_shipi_connect_account() {
+                $error   = '';
+                $success = '';
+                if ( 'POST' !== $_SERVER['REQUEST_METHOD'] ) {
+                    wp_send_json_error( array(
+                        'message' => __( 'Invalid request method.', 'shipi' ),
+                    ) );
+                }
+                if (
+                    ! isset( $_POST['shipi_connection_nonce'] ) ||
+                    ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['shipi_connection_nonce'] ) ), 'shipi_connection_action' )
+                ) {
+                    wp_send_json_error( array(
+                        'message' => __( 'Nonce verification failed.', 'shipi' ),
+                    ) );
+                }
+                $shipi_connection_username = isset( $_POST['shipi_connection_username'] )
+                    ? sanitize_email( wp_unslash( $_POST['shipi_connection_username'] ) )
+                    : '';
+
+                $shipi_connection_password = isset( $_POST['shipi_connection_password'] )
+                    ? sanitize_text_field( wp_unslash( $_POST['shipi_connection_password'] ) )
+                    : '';
+
+                if ( ! $shipi_connection_username || ! $shipi_connection_password ) {
+                    wp_send_json_error( array(
+                        'message' => __( 'Please enter both email and password.', 'shipi' ),
+                    ) );
+                }
+                $random_nonce = wp_generate_password( 16, false );
+                set_transient( 'shipi_nonce_temp', $random_nonce, HOUR_IN_SECONDS );
+
+                $link_request = wp_json_encode(
+                    array(
+                        'site_url'    => esc_url( site_url() ),
+                        'site_name'   => get_bloginfo( 'name' ),
+                        'email_address' => $shipi_connection_username,
+                        'password'    => $shipi_connection_password,
+                        'nonce'       => $random_nonce,
+                        'pulgin'      => 'Shipi All in One',
+                        'platfrom'    => 'woocommerce',
+                        'update_path' => '/wp-json/shipi/connect',
+                    )
+                );
+
+                $link_site_url      = 'https://app.myshipi.com/api/link-site.php';
+                $link_site_response = wp_remote_post(
+                    $link_site_url,
+                    array(
+                        'method'      => 'POST',
+                        'timeout'     => 45,
+                        'redirection' => 5,
+                        'httpversion' => '1.0',
+                        'blocking'    => true,
+                        'headers'     => array( 'Content-Type' => 'application/json; charset=utf-8' ),
+                        'body'        => $link_request,
+                        'sslverify'   => 0,
+                    )
+                );
+                $raw_body = is_array($link_site_response) && isset($link_site_response['body'])
+                    ? trim($link_site_response['body'])
+                    : '';
+
+                if ($raw_body) {
+                    if (preg_match('/(\{.+\})\s*$/s', $raw_body, $match)) {
+                        $link_site_response = json_decode($match[1], true);
+                    } else {
+                        $link_site_response = array();
+                    }
+                } else {
+                    $link_site_response = array();
+                }
+                if ( $link_site_response ) {
+                    if ( isset( $link_site_response['status'] ) && 'error' !== $link_site_response['status'] ) {
+                        if ( ! empty( $link_site_response['integration_key'] ) ) {
+                            update_option( 'shipi_integration_key', sanitize_text_field( $link_site_response['integration_key'] ) );
+                        }
+
+                        wp_send_json_success( array(
+                            'message' => __( 'Connected successfully.', 'shipi' ),
+                            'data'    => $link_site_response,
+                        ) );
+                    } else {
+                        $msg = ! empty( $link_site_response['message'] ) ? $link_site_response['message'] : __( 'Connection failed.', 'shipi' );
+                        wp_send_json_error( array(
+                            'message' => $msg,
+                        ) );
+                    }
+                } else {
+                    wp_send_json_error( array(
+                        'message' => __( 'Failed to connect with Shipi.', 'shipi' ),
+                    ) );
+                }
+            }
+
+
+            public function shipi_onboarding_callback(){
+                $formHTML = '
+                <div class="shipi-connect-wrapper">
+                    <div class="shipi-container">
+                        <h2>
+                            <img src="'.esc_url(plugin_dir_url(__FILE__) . 'assets/img/shipi_100px.png').'" alt="Shipi Logo">
+                        </h2>
+                        <p>Please Enter the below details.</p>
+                        <div class="shipi-inline-message"></div>
+                        <form method="post" class="shipi-connect-form">
+                            <input class="shipi-input" type="email" name="shipi_connection_username" placeholder="Email Address" required />
+                            <input class="shipi-input" type="password" name="shipi_connection_password" placeholder="Password" required />
+                            <p class="shipi-small-note">
+                                If you already have an account with Shipi, it will connect.
+                                Otherwise, it will create a new user and connect the site.
+                            </p>
+                            '.wp_nonce_field('shipi_connection_action', 'shipi_connection_nonce', true, false).'
+                            <input class="shipi-button" type="submit" name="shipi_connection_submit" value="Connect or Create Account" />
+                        </form>
+                        <div class="steps">
+                            <h3>Next Steps:</h3>
+                            <ol>
+                                <li>Setup the shipping account.</li>
+                                <li>Verify the shipping rates in your checkout.</li>
+                                <li>Generate the shipping label.</li>
+                            </ol>
+                        </div>
+                        <div class="support-note">
+                            If you need any help or you are stuck on this place,
+                            <a href="https://calendar.app.google/aVfnftudzdtZwDVT9" target="_blank"><b>Contact us</b></a>
+                            and we will set it up for you.
+                        </div>
+                        <div class="shipi-links">
+                            <a href="https://calendar.app.google/aVfnftudzdtZwDVT9" target="_blank">Book Meeting with Us</a>
+                            <a href="https://app.myshipi.com/support/" target="_blank">Create Support Ticket</a>
+                        </div>
+                    </div>
+                </div>';
+                $formJS = json_encode($formHTML);
+                $integration_key = get_option("shipi_integration_key", false);
+                ?>
+                <?php 
+                $checkSVG = '';
+                ?>
+                <div class="shipi-onboard-wrapper">
+                    <h2 class="shipi-onboard-title">Get ready for Fast Shipping with Shipi</h2>
+                    <p class="shipi-onboard-subtext">
+                        Here’s your personalized guide to get started and streamline your shipping process.
+                    </p>
+                    <div class="shipi-progress-box">
+                        <div class="shipi-progress-header">
+                            <span>Setup guide</span>
+                            <span class="shipi-progress-badge" id="shipiProgress">0/2 Completed</span>
+                        </div>
+                        <p style="margin:5px 0 0;color:#777;font-size:13px;">Use this personalised guide to get started</p>
+                    </div>
+                    <div class="shipi-onboard-box" id="step1Box">
+                        <div class="shipi-onboard-text">
+                            <div class="shipi-onboard-label">
+                                1. Connect with Shipi 
+                                <span id="step1Check"></span>
+                            </div>
+                            <div class="shipi-onboard-small">
+                                Connect your store with Shipi to start managing shipments.
+                            </div>
+                        </div>
+
+                        <div class="shipi-right" id="step1Action">
+                            <?php if(!$integration_key): ?>
+                                <button class="shipi-btn" id="shipiConnectButton">Connect</button>
+                            <?php else: ?>
+                                <div class="shipi-connected"><?php echo $checkSVG; ?> Connected</div>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+                    <div id="step2Box" class="shipi-step-disabled" style="justify-content:space-between;align-items:center;">
+                        <div>
+                            <div class="shipi-step-toggle">
+                                2. Shipping Account Configuration <span id="step2Check"></span>
+                            </div>
+                            <div class="shipi-onboard-small">
+                                Configure your carrier accounts and finish your onboarding setup.
+                            </div>
+                        </div>
+                        <div class="shipi-right" id="step2Action"></div>
+                    </div><br>
+                    <div id="shipiCompletedBlock" class="shipi-hidden" style="text-align:center;margin-top:30px;">
+                        <div style="font-size:50px;margin-bottom:10px;">🎉</div><br>
+                        <h2 style="font-size:26px;font-weight:700;margin:0 0 5px;">Onboarding Completed!</h2>
+                        <p style="font-size:14px;color:#666;margin-bottom:20px;">You're all set! Access your Shipi dashboard below.</p>
+                        <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
+                            <button class="shipi-nav-btn" data-link="shipments">Shipments</button>
+                            <button class="shipi-nav-btn" data-link="shipping_accounts">Shipping Accounts</button>
+                            <button class="shipi-nav-btn" data-link="support">Support</button>
+                        </div>
+                    </div>
+                </div>
+                <div id="shipiOnboardingModal" class="shipi-onboard-modal shipi-hidden">
+                    <div class="shipi-onboard-modal-content">
+                        <button class="shipi-onboard-close">×</button>
+                        <div id="shipiOnboardingFormContainer"></div>
+                    </div>
+                </div>
+                <div id="shipiOfferSetupModal" class="shipi-onboard-modal shipi-hidden">
+                    <div class="shipi-onboard-modal-content offer-box">
+                        <button class="shipi-onboard-close">×</button>
+                        <div id="shipiOfferMainBlock">
+                            <h2 class="offer-title">Want our team to fully configure Shipi for you?</h2>
+                            <p class="offer-subtitle">
+                                We offer 100% free setup — carriers, rates, API keys, workflows…
+                                everything handled by experts.
+                            </p>
+
+                            <div class="offer-actions">
+                                <button id="shipiSetupYesButton" class="offer-primary">Yes, Setup for Me (Free)</button>
+                                <button id="shipiSetupNoButton" class="offer-secondary">No, I’ll Configure Myself</button>
+                            </div>
+                        </div>
+                        <div id="shipiOfferSuccessBlock" class="shipi-hidden" style="text-align:center;">
+                            <div style="font-size:20px;color:#0ba156;margin-bottom:10px;">✔</div>
+                            <h3 style="margin-bottom:5px;font-size:20px;font-weight:600;">Request Received!</h3>
+                            <p style="color:#555;margin-bottom:20px;">
+                                Our team will contact you in 24 hours to set up your account.
+                            </p>
+
+                            <button id="shipiOfferDoneBtn" class="offer-secondary">Done</button>
+                        </div>
+                    </div>
+                </div>
+                <style>
+                .shipi-onboard-page{background:#f7f8fa;padding:30px 0;
+                }
+                .shipi-onboard-wrapper{max-width:880px;margin:0 auto;font-family:'Poppins',system-ui,sans-serif;
+                }
+                .shipi-onboard-title{text-align:center;font-size:30px;font-weight:700;margin-bottom:8px;color:#111;
+                }
+                .shipi-onboard-subtext{text-align:center;color:#666;font-size:15px;margin-bottom:32px;
+                }
+                .shipi-progress-box,
+                .shipi-onboard-box,
+                .shipi-step-disabled,
+                .shipi-step-enabled,
+                .shipi-step-completed{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:20px 24px;
+                }
+                .shipi-progress-box{margin-bottom:28px;
+                }
+                .shipi-progress-header{display:flex;justify-content:space-between;font-weight:600;
+                }
+                .shipi-progress-badge{background:#eef0f3;border-radius:30px;padding:5px 12px;font-size:12px;color:#555;
+                }
+                .shipi-onboard-box{margin-bottom:22px;
+                }
+                .shipi-onboard-text{max-width:75%;}
+                .shipi-onboard-label, .shipi-step-toggle{font-size:18px;font-weight:600;margin-bottom:4px;
+                }
+                .shipi-onboard-small{font-size:14px;color:#666;
+                }
+                .shipi-step-disabled{opacity:0.55;
+                }
+                .shipi-step-enabled{}
+                .shipi-step-completed{border:1px solid #e3e3e3;
+                }
+                .shipi-btn{background:#0ba156;color:#fff;border:none;padding:9px 22px;font-size:14px;font-weight:500;border-radius:7px;cursor:pointer;
+                }
+                .shipi-right, .shipi-connected{text-align: end;
+                }
+                .shipi-btn:hover{background:#00994a;
+                }
+                .shipi-connected{background:#e8ffef;color:#0ba156;display:inline-block;align-items:center;gap:6px;padding:6px 14px;border-radius:22px;border:1px solid #d8f6e1;font-weight:600;
+                }
+                #shipiCompletedBlock{margin-top:40px;
+                }
+                .shipi-nav-btn{background:#fff;border:1px solid #ddd;padding:9px 20px;font-size:14px;border-radius:7px;cursor:pointer;
+                }
+                .shipi-nav-btn:hover{background:#f3f3f3;
+                }
+                .shipi-onboard-modal{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:999999;
+                }
+                .shipi-onboard-modal-content{background:#fff;width:620px;max-width:95%;padding:42px 46px;border-radius:18px;box-shadow:0 10px 38px rgba(0,0,0,0.18);position:relative;
+                }
+                .shipi-onboard-close{position:absolute;top:18px;right:22px;font-size:22px;cursor:pointer;border:none;background:none;
+                }
+                .shipi-connect-wrapper{display:flex;justify-content:center;
+                }
+                .shipi-container{width:100%;text-align:center;
+                }
+                .shipi-connect-form h2{display:flex;justify-content:center;
+                }
+                .shipi-connect-form h2 img{width:130px;margin-bottom:10px;
+                }
+                .shipi-input{width:100%;height:46px;border-radius:8px;border:1.6px solid #dbdbdb;padding:12px 14px;font-size:15px;margin-bottom:14px;
+                }
+                .shipi-input:focus{outline:none;border-color:#0ba156;box-shadow:0 0 0 2px rgba(11,161,86,0.25);
+                }
+                .shipi-button{width:100%;background:#0ba156;padding:13px 0;border:none;color:#fff;font-size:15px;font-weight:600;border-radius:8px;margin-top:8px;
+                }
+                .shipi-button:hover{background:#00994a;
+                }
+                .shipi-small-note,
+                .shipi-container p{color:#555;font-size:14px;
+                }
+                .steps{background:#f7f8fa;border:1px solid #e7e7e7;border-radius:12px;padding:22px 24px;margin-top:25px;text-align:left;
+                }
+                .steps h3{font-size:17px;font-weight:600;margin-bottom:12px;
+                }
+                .steps ol{margin:0;padding-left:20px;
+                }
+                .steps ol li{margin-bottom:8px;color:#444;
+                }
+                .support-note{margin-top:18px;padding:16px;border-radius:8px;background:#fff4df;border:1px solid #ffe1b3;font-size:14px;color:#a66a00;line-height:1.5;
+                }
+                .support-note a{text-decoration:underline;color:#0067d1;
+                }
+                .shipi-links{margin-top:20px;
+                }
+                .shipi-links a{text-decoration:none;color:#0067d1;font-weight:500;
+                }
+                .shipi-links a:hover{text-decoration:underline;
+                }
+                .shipi-hidden{display:none!important;}
+                .shipi-inline-message {margin-bottom: 12px;font-size: 14px;text-align:center;
+                }
+                .shipi-msg-success {background:#e8ffed;border:1px solid #b9efc7;padding:10px;border-radius:6px;color:#0a8b45;font-weight:500;
+                }
+                .shipi-msg-error {background:#ffe8e8;border:1px solid #ffbaba;padding:10px;border-radius:6px;color:#b30000;font-weight:500;
+                }
+                .offer-box {max-width: 550px;text-align: center;padding: 45px 40px !important;}
+                .offer-title {font-size: 22px;font-weight: 700;margin-bottom: 12px;color:#222;}
+                .offer-subtitle {font-size:15px;color:#555;margin-bottom:22px;
+                }
+                .offer-actions button {margin:0 8px;
+                }
+                .offer-primary {background:#0ba156;padding:10px 20px;border:none;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;}
+                .offer-primary:hover {
+                    background:#009b47;
+                }
+                .offer-secondary {background:#ececec;padding:10px 20px;border:none;color:#333;border-radius:8px;font-weight:600;cursor:pointer;}
+                .offer-secondary:hover {
+                    background:#dcdcdc;
+                }
+                .shipi-loading-spinner {width: 16px;height: 16px;border: 2px solid #ffffff70;border-top-color: #fff;border-radius: 50%;animation: shipiSpin 0.7s linear infinite;display: inline-block;vertical-align: middle;margin-right: 6px;}
+                @keyframes shipiSpin {
+                    100% { transform: rotate(360deg); }
+                }
+                </style>
+                <script>
+                    document.addEventListener("DOMContentLoaded", () => {
+                        const integration_key = "<?php echo esc_js($integration_key); ?>";
+                        const checkSVG = `<?php echo $checkSVG; ?>`;
+                        if(integration_key){
+                            jQuery.ajax({
+                                url: "https://app.myshipi.com/embed/check_key.php",
+                                type: "POST",
+                                data: {
+                                    site_url: "<?php echo esc_url(site_url()); ?>",
+                                    key: integration_key
+                                },
+                                dataType: "json",
+                                success: function(response) {
+                                    let steps = parseInt(response.steps);
+                                    if(steps === 1){
+                                        jQuery("#step1Action").html(`<button class="shipi-btn" id="shipiConnectButton">Connect</button>`);
+                                        jQuery("#step1Check").html('');
+                                    }
+                                    if(steps >= 2){
+                                        jQuery("#step1Action").html(`<div class="shipi-connected">${checkSVG} Connected</div>`);
+                                        jQuery("#step1Check").html(checkSVG);
+                                    }
+                                    if(steps === 1){
+                                        jQuery("#step2Box").removeClass().addClass("shipi-step-disabled");
+                                        jQuery("#step2Action").html('');
+                                    }
+                                    if(steps === 2){
+                                        jQuery("#step2Box").removeClass().addClass("shipi-step-enabled");
+                                        jQuery("#step2Action").html(
+                                            `<button class="shipi-btn" onclick="window.location.href='<?php echo admin_url('admin.php?page=shipi-settings'); ?>'">Configure Shipping Accounts</button>`
+                                        );
+                                        jQuery("#step2Check").html('');
+                                    }
+                                    if(steps === 3){
+                                        jQuery("#step2Box").removeClass().addClass("shipi-step-completed");
+                                        jQuery("#step2Action").html(
+                                            `<div class="shipi-connected">${checkSVG} Accounts Configured</div>`
+                                        );
+                                        jQuery("#step2Check").html(checkSVG);
+                                    }
+                                    if(steps === 3){
+                                        jQuery("#step2Box").removeClass().addClass("shipi-step-completed");
+                                        jQuery("#step2Action").html(
+                                            `<div class="shipi-connected">${checkSVG} Accounts Configured</div>`
+                                        );
+                                        jQuery("#step2Check").html(checkSVG);
+                                        jQuery("#shipiCompletedBlock").removeClass("shipi-hidden");
+                                    }
+                                    let completed = 0;
+                                    if(steps === 2) completed = 1;
+                                    if(steps === 3) completed = 2;
+                                    jQuery("#shipiProgress").text(completed + "/2 Completed");
+                                }
+                            });
+                        }
+                        jQuery(document).on("click", "#shipiConnectButton", function(){
+                            jQuery("#shipiOnboardingModal").removeClass("shipi-hidden");
+                            jQuery("#shipiOnboardingFormContainer").html(<?php echo $formJS; ?>);
+                        });
+                        jQuery(document).on("click", ".shipi-onboard-close", function(){
+                            jQuery("#shipiOnboardingModal").addClass("shipi-hidden");
+                        });
+                        jQuery(document).on("click", "#shipiOnboardingModal", function(e){
+                            if(e.target.id === "shipiOnboardingModal"){
+                                jQuery("#shipiOnboardingModal").addClass("shipi-hidden");
+                            }
+                        });
+                        jQuery(document).on("click", ".shipi-nav-btn", function(){
+                            let link = jQuery(this).attr("data-link");
+                            switch(link){
+                                case "shipments":
+                                    window.location.href = "<?php echo admin_url('admin.php?page=shipi-configuration'); ?>";
+                                    break;
+                                case "shipping_accounts":
+                                    window.location.href = "<?php echo admin_url('admin.php?page=shipi-settings'); ?>";
+                                    break;
+                                case "support":
+                                    window.open("https://app.myshipi.com/support", "_blank");
+                                    break;
+                            }
+                        });
+                        jQuery(document).on("submit", ".shipi-connect-form", function(e){
+                            e.preventDefault();
+                            const $form   = jQuery(this);
+                            const $btn    = $form.find(".shipi-button");
+                            const $msgBox = $form.closest(".shipi-container").find(".shipi-inline-message");
+                            $msgBox.removeClass("shipi-msg-success shipi-msg-error").text("");
+                            const formData = $form.serialize() + "&action=shipi_connect_account";
+                            $btn.prop("disabled", true).val("Connecting...");
+                            jQuery.post(ajaxurl, formData)
+                                .done(function(response){
+                                    if (response && response.success) {
+                                        $msgBox
+                                            .addClass("shipi-msg-success")
+                                            .text(
+                                                (response.data && response.data.message)
+                                                ? response.data.message
+                                                : "Connected successfully."
+                                            );
+                                        setTimeout(function(){
+                                            jQuery("#shipiOnboardingModal").addClass("shipi-hidden");
+                                            jQuery("#shipiOfferSetupModal").removeClass("shipi-hidden");
+                                            window.shipi_user_email = $form.find("[name='shipi_connection_username']").val();
+                                        }, 1000);
+                                    } else {
+                                        let msg =
+                                            response?.data?.message
+                                            ?? "Connection failed. Please try again.";
+                                        $msgBox
+                                            .addClass("shipi-msg-error")
+                                            .text(msg);
+                                    }
+                                })
+                                .fail(function(){
+                                    $msgBox
+                                        .addClass("shipi-msg-error")
+                                        .text("Something went wrong. Please try again.");
+                                })
+                                .always(function(){
+                                    $btn.prop("disabled", false).val("Connect or Create Account");
+                                });
+                        });
+                        jQuery(document).on("click", "#shipiSetupYesButton", function(){
+                            let email = window.shipi_user_email || "";
+                            if(!email) return;
+                            let $btn = jQuery(this);
+                            let originalText = $btn.text();
+                            $btn.prop("disabled", true)
+                                .html(`<span class="shipi-loading-spinner"></span> Sending...`);
+                            let payload = {
+                                email: email,
+                                platform: "wordpress-shipi"
+                            };
+                            jQuery.ajax({
+                                url: "https://app.myshipi.com/setup_request.php",
+                                method: "POST",
+                                data: JSON.stringify(payload),
+                                contentType: "application/json",
+                                dataType: "text",
+                                success: function(res) {
+                                    let raw = (typeof res === "string") ? res : JSON.stringify(res);
+                                    let start = raw.indexOf("{");
+                                    let end   = raw.lastIndexOf("}");
+                                    let data = {};
+                                    if (start !== -1 && end !== -1) {
+                                        let jsonString = raw.substring(start, end + 1);
+                                        try {
+                                            data = JSON.parse(jsonString);
+                                        } catch (e) {
+                                            console.log("JSON Parse Failed:", jsonString);
+                                        }
+                                    } else {
+                                        console.log("No JSON found in response:", raw);
+                                    }
+
+                                    if (data.status === "success") {
+                                        jQuery("#shipiOfferMainBlock").addClass("shipi-hidden");
+                                        jQuery("#shipiOfferSuccessBlock").removeClass("shipi-hidden");
+                                    } else {
+                                        alert(data.message || "Something went wrong. Try again.");
+                                        $btn.prop("disabled", false).text(originalText);
+                                    }
+                                },
+                                error: function(xhr, status, error) {
+                                    console.log("AJAX ERROR:", status, error);
+                                    console.log("RAW RESPONSE:", xhr.responseText);
+                                    alert("Something went wrong. Try again.");
+                                    $btn.prop("disabled", false).text(originalText);
+                                }
+                            });
+                        });
+                        jQuery(document).on("click", "#shipiOfferDoneBtn", function(){
+                            window.location.reload();
+                        });
+                        jQuery(document).on("click", "#shipiSetupNoButton", function(){
+                            window.location.reload();
+                        });
+                    });
+                </script>
+                <?php
+            }
+            private function shipi_validate_connection_and_redirect(){
+                $integration_key = get_option("shipi_integration_key", false);
+                if(!$integration_key){
+                    wp_redirect(admin_url('admin.php?page=shipi-onboarding'));
+                    exit;
+                }
+                $response = wp_remote_post(
+                    "https://app.myshipi.com/embed/check_key.php",
+                    array(
+                        'timeout' => 30,
+                        'blocking' => true,
+                        'headers' => array('Content-Type' => 'application/x-www-form-urlencoded'),
+                        'body' => array(
+                            'site_url' => site_url(),
+                            'key'      => $integration_key
+                        ),
+                        'sslverify' => false,
+                    )
+                );
+                $body = isset($response['body']) ? trim($response['body']) : '';
+                $data = [];
+                if($body && preg_match('/(\{.+\})/s', $body, $match)){
+                    $data = json_decode($match[1], true);
+                }
+                if( empty($data['steps']) || intval($data['steps']) === 1 ){
+                    wp_redirect(admin_url('admin.php?page=shipi-onboarding&st=not_connected'));
+                    exit;
+                }
+            }
+
             function wc_new_order_column( $columns ) {
                 $columns['shipi_shipping'] = 'Shipping';