feat: Add Twelve Data provider for exchange rates and securities (#2)

* feat: Add Twelve Data provider for exchange rates and securities

* test: fix hosting controller test, linting

* fix: add countries gem to handle country codes in Twelve Data provider

* fix: allow security search combobox to have no logo

* refactor: update Twelve Data provider use time series endpoint

* fix: set twelve data as default provider

app/views/securities/_combobox_security.turbo_stream.erb

@@ -1,5 +1,7 @@
 <div class="flex items-center">
-  <%= image_tag(combobox_security.logo_url, class: "rounded-full h-8 w-8 inline-block mr-2" ) %>
+    <% if combobox_security.logo_url.present? %>
+      <%= image_tag(combobox_security.logo_url, class: "rounded-full h-8 w-8 inline-block mr-2" ) %>
+    <% end %>
   <div class="flex items-center justify-between w-full">
     <div class="flex flex-col">
       <span class="text-sm font-medium">

app/views/settings/_section.html.erb

@@ -6,7 +6,7 @@
       <p class="text-secondary text-sm mt-1"><%= subtitle %></p>
     <% end %>
   </div>
-  <div>
+  <div class="space-y-4">
     <%= content %>
   </div>
 </section>

app/views/settings/hostings/_twelve_data_settings.html.erb

@@ -0,0 +1,49 @@
+<div class="space-y-4">
+  <div>
+    <h2 class="font-medium mb-1"><%= t(".title") %></h2>
+    <% if ENV["TWELVE_DATA_API_KEY"].present? %>
+      <p class="text-sm text-secondary">You have successfully configured your Twelve Data API key through the TWELVE_DATA_API_KEY environment variable.</p>
+    <% else %>
+      <p class="text-secondary text-sm mb-4"><%= t(".description") %></p>
+    <% end %>
+  </div>
+
+  <%= styled_form_with model: Setting.new,
+                       url: settings_hosting_path,
+                       method: :patch,
+                       data: {
+                         controller: "auto-submit-form",
+                         "auto-submit-form-trigger-event-value": "blur"
+                       } do |form| %>
+    <%= form.text_field :twelve_data_api_key,
+                        label: t(".label"),
+                        type: "password",
+                        placeholder: t(".placeholder"),
+                        value: ENV.fetch("TWELVE_DATA_API_KEY", Setting.twelve_data_api_key),
+                        disabled: ENV["TWELVE_DATA_API_KEY"].present?,
+                        container_class: @twelve_data_usage.present? && !@twelve_data_usage.success? ? "border-red-500" : "",
+                        data: { "auto-submit-form-target": "auto" } %>
+  <% end %>
+
+  <% if @twelve_data_usage.present? && @twelve_data_usage.success? %>
+    <div class="space-y-4">
+      <div class="space-y-2">
+        <p class="text-sm text-secondary">
+          <%= t(".api_calls_used",
+                used: number_with_delimiter(@twelve_data_usage.data.used),
+                limit: number_with_delimiter(@twelve_data_usage.data.limit),
+                percentage: number_to_percentage(@twelve_data_usage.data.utilization, precision: 1)) %>
+        </p>
+        <div class="w-52 h-1.5 bg-gray-100 rounded-2xl">
+          <div class="h-full bg-green-500 rounded-2xl"
+               style="width: <%= [@twelve_data_usage.data.utilization, 2].max %>%;"></div>
+        </div>
+      </div>
+      <div class="bg-gray-100 rounded-md px-1.5 py-0.5 w-fit">
+        <p class="text-xs font-medium text-secondary uppercase">
+          <%= t(".plan", plan: @twelve_data_usage.data.plan) %>
+        </p>
+      </div>
+    </div>
+  <% end %>
+</div>

app/views/settings/hostings/show.html.erb

@@ -4,6 +4,9 @@
   <div class="space-y-6">
     <%= render "settings/hostings/synth_settings" %>
   </div>
+  <div class="space-y-6">
+    <%= render "settings/hostings/twelve_data_settings" %>
+  </div>
 <% end %>
 
 <%= settings_section title: t(".invites") do %>