solidus_me 3.6.1 → 3.7.1

data/app/models/solidus_me/me_client.rb

@@ -0,0 +1,47 @@
+module SolidusMe
+  class MeClient
+    def self.for_account(account)
+      client_class = account.test_mode? ? MeClientSandbox : MeClientProduction
+      client_class.new(account)
+    end
+  end
+
+  module AccountSyncable
+    attr_accessor :account
+
+    def initialize(account)
+      @account = account
+      super(
+        access_token: account.access_token,
+        refresh: account.refresh_token,
+        client_id: account.client_id,
+        client_secret: account.client_secret,
+        token_expires_at: account.token_expires_at,
+        test_mode: account.test_mode
+      )
+    end
+
+    def refresh_token
+      super
+      sync_account_tokens
+    end
+
+    private
+
+    def sync_account_tokens
+      account.update!(
+        access_token: access_token,
+        refresh_token: refresh,
+        token_expires_at: token_expires_at
+      )
+    end
+  end
+
+  class MeClientSandbox < ::MeApi::ClientSandbox
+    include AccountSyncable
+  end
+
+  class MeClientProduction < ::MeApi::ClientProduction
+    include AccountSyncable
+  end
+end

data/app/models/solidus_me/melhor_envio.rb

@@ -1,5 +1,4 @@
 module SolidusMe
-
   class MelhorEnvio
     SHIPPING_METHODS = [
       { name: "Correios PAC", carrier: "Correios", service_level: "PAC", external_id: 1 },
@@ -13,7 +12,7 @@ module SolidusMe
     def initialize(package, shipping_methods)
       @package = package
       @shipping_methods = shipping_methods
-      @me_account = Account.first
+      @me_account = me_account || set_default_me_account
     end
 
     def self.generate_code external_id
@@ -36,164 +35,43 @@ module SolidusMe
     end
 
     def shipping_rates
-      melhor_envio_rates = get_rates_from_melhor_envio(package)
-      shipping_rates = melhor_envio_rates.map do |melhor_envio_rate|
-        build_shipping_rate(melhor_envio_rate, package)
+      melhor_envio_rates = RateCalculator.new(package, me_account).calculate
+      valid_melhor_envio_rates = select_valid_shipping_rates(melhor_envio_rates)
+      shipping_rates = valid_melhor_envio_rates.map do |melhor_envio_rate|
+        build_shipping_rate(melhor_envio_rate)
       end.compact
 
       shipping_rates
     end
 
-    def insert_package_into_cart from
-      me_client = set_me_client
-      order = package.order
-      line_items = order.line_items
-      address = order.ship_address
-      dimensions = estimate_dimensions_from_package(package)
-      tax_id_from = cleaned_tax_id(@me_account.tax_id)
-      tax_id_to = cleaned_tax_id(order.tax_id)
-
-      shipping_method_name = @shipping_methods.sole.name
-      service_id = SHIPPING_METHODS.filter { _1[:name] == shipping_method_name }.sole[:external_id]
-
-      from = {
-            name: @me_account.name,
-            phone: @me_account.phone,
-            email: @me_account.email,
-            address: @me_account.address,
-            complement: @me_account.address_complement,
-            number: @me_account.address_number,
-            district: @me_account.address_district,
-            city: @me_account.address_city,
-            postal_code: @me_account.postal_code_from,
-            state_abbr: @me_account.address_state_abbr
-          }
-
-      document_key = tax_id_from.length == 11 ? :document : :company_document
-      from[document_key] = tax_id_from
-
-      to = {
-        name: address.name,
-        phone: address.phone,
-        email: order.email,
-        address: address.address1,
-        complement: address.address2,
-        number: address.number,
-        district: address.district,
-        city: address.city,
-        postal_code: address.zipcode,
-        state_abbr: address.state.abbr
-      }
-      
-      document_key = tax_id_to.length == 11 ? :document : :company_document
-      to[document_key] = tax_id_to
-
-      products = line_items.map do |line_item|
-        {
-          name: line_item.name,
-          quantity: line_item.quantity,
-          unitary_value: line_item.price
-        }
-      end
-
-      volumes = [{
-        width: dimensions[0].to_i.round(2),
-        height: dimensions[1].to_i.round(2),
-        length: dimensions[2].to_i.round(2),
-        weight: package.weight / 1000
-      }]
-
-      options = {
-        insurance_value: order.total,
-      }
-
-      me_client.insert_package_into_cart(service_id:, from:, to:, products:, volumes:, options:)
-    end
-
-    def payment_ticket(ticket_id)
-      me_client = set_me_client
-      me_client.payment_ticket ticket_id
-    end
-
-    def generate_ticket(ticket_id)
-      me_client = set_me_client
-      me_client.generate_ticket ticket_id
-    end
-
-    def print_ticket(ticket_id)
-      me_client = set_me_client
-      me_client.print_ticket ticket_id
-    end
-
-    def get_ticket(ticket_id)
-      me_client = set_me_client
-      me_client.get_ticket ticket_id
-    end
-
     private
 
-    def set_me_client
-      return if @me_account.blank?
-
-      @me_account.check_token
-      MeApi::Client.new(@me_account.access_token)
-    end
-
-    def cleaned_tax_id(tax_id)
-      tax_id.gsub(/\D/, "")
+    def set_default_me_account
+      @default_me_account ||= Rails.env.production? ? SolidusMe::Account.first_active_production_mode : SolidusMe::Account.first_active_test_mode
     end
 
-    def get_rates_from_melhor_envio(package)
-      me_client = set_me_client
-      price = package.contents.map { |content| content.price }.sum
-      weight = package.weight
-      dimensions = estimate_dimensions_from_package(package)
-
-      zipcode = package.order.ship_address.zipcode
+    def select_valid_shipping_rates(melhor_envio_rates)
       available_shipping_method_codes = @shipping_methods.pluck(:code)
-      rates = me_client.rates(
-        from: @me_account.postal_code_from,
-        to: zipcode,
-        weight_kg: (weight / 1000.00),
-        width_cm: dimensions[0].to_i.round(2),
-        height_cm: dimensions[1].to_i.round(2),
-        length_cm: dimensions[2].to_i.round(2),
-        contents_value_brl: price
-      )
-      rates.select { |rate| rate.price > 0 && available_shipping_method_codes.include?(self.class.generate_code(rate.id)) }
-    rescue
-      []
-    end
-
-    def estimate_dimensions_from_package(package)
-      volume = package.contents.sum { |item| dimensions_from_item(item).reduce(:*) }
-      cube_side = Math.cbrt(volume)
-      [cube_side, cube_side, cube_side]
+      melhor_envio_rates.select { |rate| rate.try(:price) && rate.price&.to_f > 0 && available_shipping_method_codes.include?(self.class.generate_code(rate.id)) }
     end
 
-    def dimensions_from_item(item)
-      width = item.variant.width || 20
-      height = item.variant.height || 10
-      depth = item.variant.depth || 10
-      [width, height, depth]
-    end
-
-    def build_shipping_rate(melhor_envio_rate, package)
-      return unless melhor_envio_rate.max_delivery_time
+    def build_shipping_rate(melhor_envio_rate)
+      return unless melhor_envio_rate.delivery_range.max.to_s
       shipping_method = Spree::ShippingMethod.find_by(code: self.class.generate_code(melhor_envio_rate.id))
-      estimate_prose = "Chegará em até #{ActionController::Base.helpers.pluralize(melhor_envio_rate.max_delivery_time, "dia", plural: "dias")} úteis"
 
       Spree::ShippingRate.new(
         shipment: package.shipment,
         shipping_method: shipping_method,
-        cost: melhor_envio_rate.price,
-        min_delivery_time: melhor_envio_rate.min_delivery_time.business_days.from_now,
-        max_delivery_time: melhor_envio_rate.max_delivery_time.business_days.from_now,
-        estimate_prose: estimate_prose,
+        cost: melhor_envio_rate.price&.to_f,
+        min_delivery_time: melhor_envio_rate.delivery_range.min.business_days.from_now,
+        max_delivery_time: melhor_envio_rate.delivery_range.max.business_days.from_now,
+        estimate_prose: estimate_prose(melhor_envio_rate),
         expires_in: Time.now + 2.hours
       )
     end
 
+    def estimate_prose(melhor_envio_rate)
+      "Chegará em até #{ActionController::Base.helpers.pluralize(melhor_envio_rate.delivery_range.max.to_s, "dia", plural: "dias")} úteis"
+    end
   end
-
 end

data/app/models/solidus_me/package_estimator.rb

@@ -0,0 +1,22 @@
+module SolidusMe
+  class PackageEstimator
+    attr_reader :package
+
+    def initialize(package)
+      @package = package
+    end
+
+    def estimate_dimensions
+      volume = package.contents.sum { |item| dimensions_from_item(item).reduce(:*) }
+      cube_side = Math.cbrt(volume)
+      [cube_side, cube_side, cube_side]
+    end
+
+    def dimensions_from_item(item)
+      width = (item.variant.width.to_i || 20).round(2)
+      height = (item.variant.height.to_i || 10).round(2)
+      depth = (item.variant.depth.to_i || 10).round(2)
+      [width, height, depth]
+    end
+  end
+end

data/app/models/solidus_me/rate_calculator.rb

@@ -0,0 +1,37 @@
+module SolidusMe
+  class RateCalculator
+    attr_reader :package, :me_account
+    def initialize(package, me_account)
+      @package = package
+      raise "No Melhor Envio account found" unless me_account
+      @me_account = me_account
+    end
+
+    def calculate
+      price = package.contents.map { |content| content.price }.sum
+      weight = package.weight
+      dimensions = SolidusMe::PackageEstimator.new(package).estimate_dimensions
+      zipcode = package.order.ship_address.zipcode
+      rates = me_client.rates(
+        from_postal_code: me_account.postal_code_from,
+        to_postal_code: zipcode,
+        volume: MeApi::Volume.new(
+          width_cm: dimensions[0],
+          height_cm: dimensions[1],
+          length_cm: dimensions[2],
+          weight_kg: (weight / 1000.00)
+        ),
+        contents_value_brl: price
+      )
+      rates
+    rescue
+      []
+    end
+
+    private
+
+    def me_client
+      @me_client ||= MeClient.for_account(me_account)
+    end
+  end
+end

data/app/views/spree/admin/orders/labels/_steps.html.erb

@@ -0,0 +1,78 @@
+<div style="display: flex; justify-content: center; width: 100%; margin: 20px 0;">
+  <div style="background: white; padding: 20px 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: 1px solid #e9ecef; max-width: 600px; width: 100%;">
+    
+    <div style="display: flex; justify-content: space-between; align-items: center; position: relative;">
+      
+      <div style="display: flex; flex-direction: column; align-items: center; z-index: 3; position: relative;">
+        <div style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; 
+                    background: <%= current_step > 1 ? 'linear-gradient(135deg, #28a745, #20c997)' : (current_step == 1 ? '#007bff' : '#e9ecef') %>; 
+                    color: <%= current_step >= 1 ? 'white' : '#6c757d' %>; 
+                    box-shadow: <%= current_step > 1 ? '0 2px 6px rgba(40, 167, 69, 0.3)' : (current_step == 1 ? '0 2px 6px rgba(0, 123, 255, 0.3)' : '0 1px 3px rgba(0,0,0,0.1)') %>;
+                    border: 2px solid <%= current_step > 1 ? '#28a745' : (current_step == 1 ? '#007bff' : '#dee2e6') %>;
+                    transition: all 0.3s ease;">
+          <%= current_step > 1 ? '✓' : '1' %>
+        </div>
+        <small style="margin-top: 6px; font-weight: 500; color: <%= current_step > 1 ? '#28a745' : (current_step == 1 ? '#007bff' : '#6c757d') %>; font-size: 9px; text-align: center; line-height: 1.1; max-width: 50px;">
+          Adicionar<br>Carrinho
+        </small>
+      </div>
+
+      <div style="display: flex; flex-direction: column; align-items: center; z-index: 3; position: relative;">
+        <div style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; 
+                    background: <%= current_step > 2 ? 'linear-gradient(135deg, #28a745, #20c997)' : (current_step == 2 ? '#007bff' : '#e9ecef') %>; 
+                    color: <%= current_step >= 2 ? 'white' : '#6c757d' %>; 
+                    box-shadow: <%= current_step > 2 ? '0 2px 6px rgba(40, 167, 69, 0.3)' : (current_step == 2 ? '0 2px 6px rgba(0, 123, 255, 0.3)' : '0 1px 3px rgba(0,0,0,0.1)') %>;
+                    border: 2px solid <%= current_step > 2 ? '#28a745' : (current_step == 2 ? '#007bff' : '#dee2e6') %>;
+                    transition: all 0.3s ease;">
+          <%= current_step > 2 ? '✓' : '2' %>
+        </div>
+        <small style="margin-top: 6px; font-weight: 500; color: <%= current_step > 2 ? '#28a745' : (current_step == 2 ? '#007bff' : '#6c757d') %>; font-size: 9px; text-align: center; line-height: 1.1; max-width: 50px;">
+          Pagar<br>Etiqueta
+        </small>
+      </div>
+
+      <div style="display: flex; flex-direction: column; align-items: center; z-index: 3; position: relative;">
+        <div style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; 
+                    background: <%= current_step > 3 ? 'linear-gradient(135deg, #28a745, #20c997)' : (current_step == 3 ? '#007bff' : '#e9ecef') %>; 
+                    color: <%= current_step >= 3 ? 'white' : '#6c757d' %>; 
+                    box-shadow: <%= current_step > 3 ? '0 2px 6px rgba(40, 167, 69, 0.3)' : (current_step == 3 ? '0 2px 6px rgba(0, 123, 255, 0.3)' : '0 1px 3px rgba(0,0,0,0.1)') %>;
+                    border: 2px solid <%= current_step > 3 ? '#28a745' : (current_step == 3 ? '#007bff' : '#dee2e6') %>;
+                    transition: all 0.3s ease;">
+          <%= current_step > 3 ? '✓' : '3' %>
+        </div>
+        <small style="margin-top: 6px; font-weight: 500; color: <%= current_step > 3 ? '#28a745' : (current_step == 3 ? '#007bff' : '#6c757d') %>; font-size: 9px; text-align: center; line-height: 1.1; max-width: 50px;">
+          Gerar<br>Etiqueta
+        </small>
+      </div>
+
+      <div style="display: flex; flex-direction: column; align-items: center; z-index: 3; position: relative;">
+        <div style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; 
+                    background: <%= current_step > 4 ? 'linear-gradient(135deg, #28a745, #20c997)' : (current_step == 4 ? '#007bff' : '#e9ecef') %>; 
+                    color: <%= current_step >= 4 ? 'white' : '#6c757d' %>; 
+                    box-shadow: <%= current_step > 4 ? '0 2px 6px rgba(40, 167, 69, 0.3)' : (current_step == 4 ? '0 2px 6px rgba(0, 123, 255, 0.3)' : '0 1px 3px rgba(0,0,0,0.1)') %>;
+                    border: 2px solid <%= current_step > 4 ? '#28a745' : (current_step == 4 ? '#007bff' : '#dee2e6') %>;
+                    transition: all 0.3s ease;">
+          <%= current_step > 4 ? '✓' : '4' %>
+        </div>
+        <small style="margin-top: 6px; font-weight: 500; color: <%= current_step > 4 ? '#28a745' : (current_step == 4 ? '#007bff' : '#6c757d') %>; font-size: 9px; text-align: center; line-height: 1.1; max-width: 50px;">
+          Gerar<br>Link
+        </small>
+      </div>
+
+      <div style="display: flex; flex-direction: column; align-items: center; z-index: 3; position: relative;">
+        <div style="width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; 
+                    background: <%= current_step >= 5 ? 'linear-gradient(135deg, #28a745, #20c997)' : '#e9ecef' %>; 
+                    color: <%= current_step >= 5 ? 'white' : '#6c757d' %>; 
+                    box-shadow: <%= current_step >= 5 ? '0 2px 6px rgba(40, 167, 69, 0.3)' : '0 1px 3px rgba(0,0,0,0.1)' %>;
+                    border: 2px solid <%= current_step >= 5 ? '#28a745' : '#dee2e6' %>;
+                    transition: all 0.3s ease;">
+          <%= current_step >= 5 ? '✓' : '5' %>
+        </div>
+        <small style="margin-top: 6px; font-weight: 500; color: <%= current_step >= 5 ? '#28a745' : '#6c757d' %>; font-size: 9px; text-align: center; line-height: 1.1; max-width: 50px;">
+          Etiqueta<br>Finalizada
+        </small>
+      </div>
+
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/orders/labels/index.html.erb

@@ -0,0 +1,28 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: 'Etiquetas' } %>
+
+<% admin_breadcrumb("Etiquetas") %>
+
+<div data-order-number="<%= @order.number %>" style="text-align: center !important; display: flex; flex-direction: column; align-items: center; width: 100%;">
+  <div style="width: 100%; max-width: 800px;">
+    <%= render partial: 'steps', locals: { current_step: @current_step } %>
+    
+    <fieldset class="no-border-bottom" style="text-align: center !important;">
+      <legend style="text-align: center !important; width: 100%; margin: 0 auto;">Passo 1: Adicionar ao Carrinho do Melhor Envio</legend>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <p style="text-align: center !important; margin: 0 auto;">Para começar, vamos adicionar os itens deste pedido ao carrinho do Melhor Envio. Isso irá calcular o valor do frete e preparar a etiqueta.</p>
+      </div>
+      
+      <div style="text-align: center !important; width: 100%; display: flex; justify-content: center;">
+        <%= form_with url: admin_orders_create_label_url do |form| %>
+          <%= form.hidden_field :order_number, value: @order.number %>
+          <div class="form-buttons filter-actions actions" data-hook="buttons" style="text-align: center !important;">
+            <%= form.submit "Adicionar ao Carrinho do Melhor Envio", class: "btn btn-primary mt-2", style: "margin: 0 auto; display: block;" %>
+          </div>
+        <% end %>
+      </div>
+    </fieldset>
+  </div>
+
+  <%= render partial: 'spree/shared/error_messages', locals: { target: @order } %>
+</div>

data/app/views/spree/admin/orders/labels/show.html.erb

@@ -0,0 +1,46 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: 'Etiqueta' } %>
+
+<% admin_breadcrumb("Etiqueta") %>
+
+<div data-order-number="<%= @order.number %>" style="text-align: center !important; display: flex; flex-direction: column; align-items: center; width: 100%;">
+  <div style="width: 100%; max-width: 800px;">
+    <%= render partial: 'steps', locals: { current_step: @current_step } %>
+    
+    <fieldset class="no-border-bottom" style="text-align: center !important;">
+      <legend style="text-align: center !important; width: 100%; margin: 0 auto;">Etiqueta Finalizada</legend>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <p style="text-align: center !important; margin: 0 auto;">Sua etiqueta está pronta para impressão e o código de rastreio foi gerado.</p>
+      </div>
+      
+      <div style="display: flex; justify-content: center; margin-bottom: 20px; width: 100%;">
+        <div style="display: flex; gap: 40px; align-items: center; justify-content: center;">
+          <div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
+            <label style="text-align: center;">Valor pago pelo cliente:</label>
+            <h3 style="text-align: center; margin: 5px 0;"><%= number_to_currency @label.order.shipment_total %></h3>
+          </div>
+          
+          <div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
+            <label style="text-align: center;">Preço da etiqueta:</label>
+            <h3 style="text-align: center; margin: 5px 0;"><%= number_to_currency @label.price %></h3>
+          </div>
+        </div>
+      </div>
+      
+      <% if @label.link %>
+        <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+          <%= link_to "📄 Abrir Etiqueta para Impressão", @label.link, target: "_blank", class: "button", style: "margin: 0 auto; display: inline-block;" %>
+        </div>
+      <% end %>
+
+      <% if @label.tracking_code %>
+        <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+          <label style="text-align: center !important;">Código de rastreio:</label>
+          <p style="text-align: center !important; margin: 5px 0;"><strong style="font-size: 16px; color: #007bff;"><%= @label.tracking_code %></strong></p>
+        </div>
+      <% end %>
+    </fieldset>
+  </div>
+
+  <%= render partial: 'spree/shared/error_messages', locals: { target: @order } %>
+</div>

data/app/views/spree/admin/orders/labels/step_generate.html.erb

@@ -0,0 +1,48 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: 'Etiquetas' } %>
+
+<% admin_breadcrumb("Etiquetas") %>
+
+<div data-order-number="<%= @order.number %>" style="text-align: center !important; display: flex; flex-direction: column; align-items: center; width: 100%;">
+  <div style="width: 100%; max-width: 800px;">
+    <%= render partial: 'steps', locals: { current_step: @current_step } %>
+    
+    <fieldset class="no-border-bottom" style="text-align: center !important;">
+      <legend style="text-align: center !important; width: 100%; margin: 0 auto;">Passo 3: Gerar Etiqueta</legend>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <p style="text-align: center !important; margin: 0 auto;">O pagamento foi confirmado. Agora vamos gerar a etiqueta de envio no sistema do Melhor Envio.</p>
+      </div>
+      
+      <div style="display: flex; justify-content: center; margin-bottom: 20px; width: 100%;">
+        <div style="display: flex; gap: 40px; align-items: center; justify-content: center;">
+          <div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
+            <label style="text-align: center;">Valor pago pelo cliente:</label>
+            <h3 style="text-align: center; margin: 5px 0;"><%= number_to_currency @label.order.shipment_total %></h3>
+          </div>
+          
+          <div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
+            <label style="text-align: center;">Preço da etiqueta:</label>
+            <h3 style="text-align: center; margin: 5px 0;"><%= number_to_currency @label.price %></h3>
+          </div>
+        </div>
+      </div>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <label style="text-align: center !important;">Status do Pagamento:</label>
+        <p style="color: #28a745; font-weight: bold; text-align: center !important; margin: 5px 0;">✓ PAGO</p>
+      </div>
+      
+      <hr style="margin: 20px auto; width: 80%; border: 1px solid #dee2e6;">
+      
+      <div style="text-align: center !important; width: 100%; display: flex; justify-content: center;">
+        <%= form_with url: admin_orders_update_label_url(@order.number, @label.id), method: :patch, local: true do |form| %>
+          <div class="form-buttons filter-actions actions" data-hook="buttons" style="text-align: center !important;">
+            <%= form.submit "Gerar Etiqueta", class: "btn btn-primary", style: "margin: 0 auto; display: block;" %>
+          </div>
+        <% end %>
+      </div>
+    </fieldset>
+  </div>
+
+  <%= render partial: 'spree/shared/error_messages', locals: { target: @order } %>
+</div>

data/app/views/spree/admin/orders/labels/step_payment.html.erb

@@ -0,0 +1,83 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: 'Etiquetas' } %>
+
+<% admin_breadcrumb("Etiquetas") %>
+
+<div data-order-number="<%= @order.number %>" style="text-align: center !important; display: flex; flex-direction: column; align-items: center; width: 100%;">
+  <div style="width: 100%; max-width: 800px;">
+    <%= render partial: 'steps', locals: { current_step: @current_step } %>
+    
+    <fieldset class="no-border-bottom" style="text-align: center !important;">
+      <legend style="text-align: center !important; width: 100%; margin: 0 auto;">Passo 2: Pagar Etiqueta</legend>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <p style="text-align: center !important; margin: 0 auto;">Os itens foram adicionados ao carrinho com sucesso! Agora vamos efetuar o pagamento da etiqueta no Melhor Envio.</p>
+      </div>
+      
+      <div style="display: flex; justify-content: center; margin-bottom: 25px; width: 100%;">
+        <div style="display: flex; gap: 60px; align-items: center; justify-content: center;">
+          <div style="text-align: center; padding: 16px; border-radius: 6px; background: #fafbfc; border: 1px solid #e8eaed;">
+            <div style="color: #5f6368; font-size: 12px; font-weight: 500; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.3px;">
+              Valor pago pelo cliente
+            </div>
+            <div style="color: #202124; font-size: 18px; font-weight: 600;">
+              <%= number_to_currency @label.order.shipment_total %>
+            </div>
+          </div>
+          
+          <div style="text-align: center; padding: 16px; border-radius: 6px; background: #fafbfc; border: 1px solid #e8eaed;">
+            <div style="color: #5f6368; font-size: 12px; font-weight: 500; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.3px;">
+              Preço da etiqueta
+            </div>
+            <div style="color: #202124; font-size: 18px; font-weight: 600;">
+              <%= number_to_currency @label.price %>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div style="margin-bottom: 25px; text-align: center !important; width: 100%;">
+        <% if @balance < @label.price %>
+          <div style="background: #f8f9fa; border: 1px solid #ff6b6b; border-radius: 6px; padding: 18px; margin: 0 auto; max-width: 320px;">
+            <div style="color: #dc3545; font-size: 12px; font-weight: 500; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.3px;">
+              Saldo Melhor Envio
+            </div>
+            <div style="font-weight: 600; color: #dc3545; font-size: 20px; margin-bottom: 12px;">
+              <%= number_to_currency @balance %>
+            </div>
+            <div style="color: #6c757d; font-size: 13px; margin-bottom: 12px;">
+              Saldo insuficiente para pagar a etiqueta
+            </div>
+            <a href="https://app.melhorenvio.com.br/melhor-carteira" target="_blank" style="display: inline-block; background: #007bff; color: white; text-decoration: none; padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 500;">
+              Adicionar Saldo no Melhor Envio
+            </a>
+          </div>
+        <% else %>
+          <div style="background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 18px; margin: 0 auto; max-width: 280px;">
+            <div style="color: #5f6368; font-size: 12px; font-weight: 500; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.3px;">
+              Saldo Melhor Envio
+            </div>
+            <div style="font-weight: 600; color: #1a7332; font-size: 20px;">
+              <%= number_to_currency @balance %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+      
+      <hr style="margin: 20px auto; width: 80%; border: 1px solid #dee2e6;">
+      
+      <div style="text-align: center !important; width: 100%; display: flex; justify-content: center;">
+        <%= form_with url: admin_orders_update_label_url(@order.number, @label.id), method: :patch, local: true do |form| %>
+          <div class="form-buttons filter-actions actions" data-hook="buttons" style="text-align: center !important;">
+            <% if @balance < @label.price %>
+              <%= form.submit "Saldo Insuficiente", class: "btn btn-secondary", disabled: true, style: "margin: 0 auto; display: block;" %>
+            <% else %>
+              <%= form.submit "Pagar Etiqueta", class: "btn btn-primary", style: "margin: 0 auto; display: block;" %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </fieldset>
+  </div>
+
+  <%= render partial: 'spree/shared/error_messages', locals: { target: @order } %>
+</div>

data/app/views/spree/admin/orders/labels/step_print.html.erb

@@ -0,0 +1,48 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: 'Etiquetas' } %>
+
+<% admin_breadcrumb("Etiquetas") %>
+
+<div data-order-number="<%= @order.number %>" style="text-align: center !important; display: flex; flex-direction: column; align-items: center; width: 100%;">
+  <div style="width: 100%; max-width: 800px;">
+    <%= render partial: 'steps', locals: { current_step: @current_step } %>
+    
+    <fieldset class="no-border-bottom" style="text-align: center !important;">
+      <legend style="text-align: center !important; width: 100%; margin: 0 auto;">Passo 4: Gerar Link de Impressão</legend>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <p style="text-align: center !important; margin: 0 auto;">A etiqueta foi gerada com sucesso. Agora vamos gerar o link para impressão da etiqueta.</p>
+      </div>
+      
+      <div style="display: flex; justify-content: center; margin-bottom: 20px; width: 100%;">
+        <div style="display: flex; gap: 40px; align-items: center; justify-content: center;">
+          <div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
+            <label style="text-align: center;">Valor pago pelo cliente:</label>
+            <h3 style="text-align: center; margin: 5px 0;"><%= number_to_currency @label.order.shipment_total %></h3>
+          </div>
+          
+          <div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
+            <label style="text-align: center;">Preço da etiqueta:</label>
+            <h3 style="text-align: center; margin: 5px 0;"><%= number_to_currency @label.price %></h3>
+          </div>
+        </div>
+      </div>
+      
+      <div style="margin-bottom: 20px; text-align: center !important; width: 100%;">
+        <label style="text-align: center !important;">Status da Etiqueta:</label>
+        <p style="color: #28a745; font-weight: bold; text-align: center !important; margin: 5px 0;">✓ ETIQUETA GERADA</p>
+      </div>
+      
+      <hr style="margin: 20px auto; width: 80%; border: 1px solid #dee2e6;">
+      
+      <div style="text-align: center !important; width: 100%; display: flex; justify-content: center;">
+        <%= form_with url: admin_orders_update_label_url(@order.number, @label.id), method: :patch, local: true do |form| %>
+          <div class="form-buttons filter-actions actions" data-hook="buttons" style="text-align: center !important;">
+            <%= form.submit "Gerar Link de Impressão", class: "btn btn-primary", style: "margin: 0 auto; display: block;" %>
+          </div>
+        <% end %>
+      </div>
+    </fieldset>
+  </div>
+
+  <%= render partial: 'spree/shared/error_messages', locals: { target: @order } %>
+</div>