ultimate-jekyll-manager 0.0.97 → 0.0.98

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/payment/confirmation.html

@@ -6,71 +6,67 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
 ---
 
 <!-- Confirmation Section -->
-<section>
-  <div class="d-flex justify-content-center align-items-center flex-column">
-    <div class="col-12 col-md-10 col-lg-8 col-xl-6">
+<section class="col-12 col-md-10 col-lg-8 col-xl-6 mw-md">
+  <div class="card border-0 shadow-lg">
+    <div class="card-body p-3 p-md-5">
       <!-- Success Icon -->
       <div class="text-center mb-5">
         <div class="bg-success avatar avatar-xl rounded-circle d-inline-flex align-items-center justify-content-center mb-3">
           {% uj_icon "check", "fs-2 text-light" %}
         </div>
-        <h1 class="h1 mb-3">Thank You for Your Purchase!</h1>
-        <p class="fs-5 text-muted">Your order has been successfully processed.</p>
+        <h1 class="h2 mb-3">Thank You for Your Purchase!</h1>
+        <p class="text-muted">Your order has been successfully processed.</p>
       </div>
 
-      <!-- Order Summary Card -->
-      <div class="card border-0 shadow-sm mb-4">
-        <div class="card-body p-4">
-          <h4 class="fw-bold mb-3">Order Summary</h4>
+      <!-- Order Summary -->
+      <div class="mb-5">
+        <h4 class="fw-bold mb-3">Order Summary</h4>
 
-          <div class="d-flex justify-content-between mb-3">
-            <span class="text-muted">Order Number:</span>
-            <span class="fw-semibold" id="order-number">Loading...</span>
-          </div>
+        <div class="d-flex justify-content-between mb-3 wm-binding-skeleton" data-wm-bind="@show confirmation">
+          <span class="text-muted">Order Number:</span>
+          <span class="fw-semibold" data-wm-bind="@text confirmation.order.id">Loading...</span>
+        </div>
 
-          <hr>
+        <hr>
 
-          <div class="mb-0">
-            <h6 class="fw-semibold mb-2" id="product-name">Loading...</h6>
-            <div class="d-flex justify-content-between">
-              <span class="text-muted">Total Paid:</span>
-              <span class="fw-bold fs-5" id="total-paid">$--</span>
-            </div>
+        <div class="mb-0 wm-binding-skeleton" data-wm-bind="@show confirmation">
+          <h6 class="fw-semibold mb-2" data-wm-bind="@text confirmation.order.productName">Loading...</h6>
+          <div class="d-flex justify-content-between">
+            <span class="text-muted">Total Paid:</span>
+            <span class="fw-bold fs-5" data-wm-bind="@text confirmation.order.total">$--</span>
           </div>
+        </div>
 
-          <div id="subscription-info" class="d-none">
-            <hr>
-            <div class="alert alert-info mb-0">
-              <p class="mb-0 small" id="billing-info"></p>
-            </div>
+        <div data-wm-bind="@show confirmation.subscription.show" hidden>
+          <hr>
+          <div class="alert alert-info mb-0">
+            <p class="mb-0 small" data-wm-bind="@text confirmation.subscription.infoText"></p>
           </div>
         </div>
       </div>
 
       <!-- Next Steps -->
-      <div class="card border-0 shadow-sm mb-4">
-        <div class="card-body p-4">
-          <h5 class="mb-3">What's Next?</h5>
-          <div class="mb-0">
-            <div class="d-flex mb-2">
-              <div class="text-success me-3">{% uj_icon "check-circle" %}</div>
-              <div>Check your email for the order confirmation and receipt</div>
-            </div>
-            <div class="d-flex mb-2">
-              <div class="text-success me-3">{% uj_icon "check-circle" %}</div>
-              <div>Access your purchase from your <a href="/account">account dashboard</a></div>
-            </div>
-            <div class="d-flex mb-2">
-              <div class="text-success me-3">{% uj_icon "check-circle" %}</div>
-              <div>If you have any questions, <a href="/contact">contact our support team</a></div>
-            </div>
+      <div class="mb-4">
+        <h5 class="mb-3">What's Next?</h5>
+        <div class="mb-0">
+          <div class="d-flex mb-2">
+            <div class="text-success me-3">{% uj_icon "check-circle" %}</div>
+            <div>Check your email for the order confirmation and receipt</div>
+          </div>
+          <div class="d-flex mb-2">
+            <div class="text-success me-3">{% uj_icon "check-circle" %}</div>
+            <div>Access your purchase from your <a href="/account">account dashboard</a></div>
+          </div>
+          <div class="d-flex mb-2">
+            <div class="text-success me-3">{% uj_icon "check-circle" %}</div>
+            <div>If you have any questions, <a href="/contact">contact our support team</a></div>
           </div>
         </div>
       </div>
 
       <!-- Action Buttons -->
       <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center">
-        <a href="/account" class="btn btn-primary btn-lg w-100 w-sm-auto">
+        <a href="/account" class="btn btn-adaptive btn-lg w-100 w-sm-auto">
           {% uj_icon "user", "me-2" %}
           Go to Dashboard
         </a>
@@ -81,13 +77,13 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
       </div>
 
       <!-- Support Section -->
-      <div class="text-center mt-5 pt-5 border-top">
+      <div class="text-center mt-5 pt-4 border-top">
         <h5 class="mb-3">Need Help?</h5>
-        <p class="text-muted mb-4">Our support team is here to assist you</p>
-        <div class="d-flex justify-content-center gap-4">
-          <a href="mailto:{{ site.brand.contact.email }}" class="text-decoration-none link-primary">
+        <p class="text-muted mb-2">Our support team is here to assist you</p>
+        <div class="d-flex flex-column flex-sm-row justify-content-center gap-3">
+          <a href="/contact" class="text-decoration-none link-primary">
             {% uj_icon "envelope", "me-2" %}
-            <span>{{ site.brand.contact.email }}</span>
+            <span>Email us</span>
           </a>
           <a href="/contact" class="text-decoration-none link-primary">
             {% uj_icon "comments", "me-2" %}

package/dist/defaults/dist/pages/test/libraries/cover.html

@@ -7,7 +7,7 @@ description: Example of a centered cover page layout
 ---
 
 <!-- Login Section - max-width keeps form dainty on larger screens -->
-<section class="col-12 col-md-8 col-lg-6 col-xl-5" style="max-width: 540px;">
+<section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
   <div class="card shadow">
     <div class="card-body p-4">
       <h2 class="text-center mb-4">Welcome Back</h2>