wiki-plugin-shoppe 0.0.22 → 0.0.23

package/server/templates/appointment-booking.html

@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
   <meta name="twitter:title" content="{{title}}">
   <meta name="description" content="{{description}}">
+  <meta name="keywords" content="{{keywords}}">
   <meta name="og:title" content="{{title}}">
   <meta name="og:description" content="{{description}}">
   <title>Book: {{title}}</title>
@@ -189,6 +190,22 @@
   const AMOUNT       = {{amount}};
   const TIMEZONE     = '{{timezone}}';
 
+  // Parse ?payees=pubKey:amount:percent:addieUrl|... from the page URL.
+  function parseUrlPayees() {
+    const raw = new URLSearchParams(window.location.search).get('payees');
+    if (!raw) return null;
+    return raw.split('|').map(t => {
+      const [pubKey, amount, percent, addieUrl] = t.split(':');
+      const p = {};
+      if (pubKey)   p.pubKey   = pubKey;
+      if (amount)   p.amount   = Number(amount);
+      if (percent)  p.percent  = Number(percent);
+      if (addieUrl) p.addieUrl = addieUrl;
+      return p;
+    }).filter(p => p.pubKey);
+  }
+  const URL_PAYEES = parseUrlPayees();
+
   let availableDates = [];   // [{ date, dayLabel, slots }]
   let selectedDate   = null;
   let selectedSlot   = null;
@@ -328,7 +345,8 @@
       const resp = await fetch(`${SHOPPE_URL}/purchase/intent`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ recoveryKey, productId: PRODUCT_ID, title: TITLE, slotDatetime: selectedSlot })
+        body: JSON.stringify({ recoveryKey, productId: PRODUCT_ID, title: TITLE, slotDatetime: selectedSlot,
+          ...(URL_PAYEES && { payees: URL_PAYEES }) })
       });
       const data = await resp.json();
 
@@ -361,6 +379,7 @@
       paySection.classList.add('visible');
       document.getElementById('selected-slot-payment').textContent = `📅 ${formatSlotDisplay(selectedSlot)}`;
 
+      window.clientSecret = data.clientSecret;
       stripe   = Stripe(data.publishableKey);
       elements = stripe.elements({ clientSecret: data.clientSecret });
       elements.create('payment').mount('#payment-element');
@@ -406,6 +425,7 @@
         email: document.getElementById('contact-email').value.trim(),
         phone: document.getElementById('contact-phone').value.trim()
       };
+      const paymentIntentId = window.clientSecret ? window.clientSecret.split('_secret_')[0] : undefined;
 
       await fetch(`${SHOPPE_URL}/purchase/complete`, {
         method: 'POST',
@@ -415,7 +435,8 @@
           productId: PRODUCT_ID,
           title: TITLE,
           slotDatetime: selectedSlot,
-          contactInfo
+          contactInfo,
+          paymentIntentId
         })
       });
 

package/server/templates/ebook-download.html

@@ -7,6 +7,7 @@
   <!-- Web preview meta tags -->
   <meta name="twitter:title" content="{{title}}">
   <meta name="description" content="{{description}}">
+  <meta name="keywords" content="{{keywords}}">
   <meta name="twitter:description" content="{{description}}">
   <meta name="twitter:image" content="{{image}}">
   <meta name="og:title" content="{{title}}">

package/server/templates/generic-address-stripe.html

@@ -8,6 +8,7 @@
   <!--these are the tags that create the web preview card. You can use og:, or twitter: tags or both-->
   <meta name="twitter:title" content="{{title}}">
   <meta name="description" content="{{description}}">
+  <meta name="keywords" content="{{keywords}}">
   <meta name="twitter:description" content="{{description}}">
   <meta name="twitter:image" content={{image}}>
 
@@ -471,6 +472,22 @@
 </script>
 
 <script type="text/javascript">
+  // Parse ?payees=pubKey:amount:percent:addieUrl|... from the page URL.
+  function parseUrlPayees() {
+    const raw = new URLSearchParams(window.location.search).get('payees');
+    if (!raw) return null;
+    return raw.split('|').map(t => {
+      const [pubKey, amount, percent, addieUrl] = t.split(':');
+      const p = {};
+      if (pubKey)   p.pubKey   = pubKey;
+      if (amount)   p.amount   = Number(amount);
+      if (percent)  p.percent  = Number(percent);
+      if (addieUrl) p.addieUrl = addieUrl;
+      return p;
+    }).filter(p => p.pubKey);
+  }
+  const URL_PAYEES = parseUrlPayees();
+
   let stripe;
   let elements;
   let orderRef;
@@ -489,7 +506,8 @@
         headers: {'Content-Type': 'application/json'},
         body: JSON.stringify({
           productId: '{{productId}}',
-          title: '{{title}}'
+          title: '{{title}}',
+          ...(URL_PAYEES && { payees: URL_PAYEES })
         })
       });
 
@@ -497,6 +515,7 @@
       if (data.error) { showError(data.error); return; }
 
       orderRef = data.orderRef;
+      window.clientSecret = data.clientSecret;
 
       stripe = Stripe(data.publishableKey);
       elements = stripe.elements({ clientSecret: data.clientSecret });
@@ -522,6 +541,7 @@
       if (error) { showError(error.message); return; }
 
       // Payment succeeded — now record the order server-side with the shipping address
+      const paymentIntentId = window.clientSecret ? window.clientSecret.split('_secret_')[0] : undefined;
       await fetch('{{shoppeUrl}}/purchase/complete', {
         method: 'POST',
         headers: {'Content-Type': 'application/json'},
@@ -530,7 +550,8 @@
           productId: '{{productId}}',
           title: '{{title}}',
           amount: {{amount}},
-          address: window.pendingAddress
+          address: window.pendingAddress,
+          paymentIntentId
         })
       });
 

package/server/templates/generic-recover-stripe.html

@@ -8,6 +8,7 @@
   <!--these are the tags that create the web preview card. You can use og:, or twitter: tags or both-->
   <meta name="twitter:title" content="{{title}}">
   <meta name="description" content="{{description}}">
+  <meta name="keywords" content="{{keywords}}">
   <meta name="twitter:description" content="{{description}}">
   <meta name="twitter:image" content={{image}}>
 
@@ -564,6 +565,23 @@
 </script>
 
 <script>
+  // Parse ?payees=pubKey:amount:percent:addieUrl|... from the page URL.
+  // Returns an array of payee objects, or null if the param is absent.
+  function parseUrlPayees() {
+    const raw = new URLSearchParams(window.location.search).get('payees');
+    if (!raw) return null;
+    return raw.split('|').map(t => {
+      const [pubKey, amount, percent, addieUrl] = t.split(':');
+      const p = {};
+      if (pubKey)   p.pubKey   = pubKey;
+      if (amount)   p.amount   = Number(amount);
+      if (percent)  p.percent  = Number(percent);
+      if (addieUrl) p.addieUrl = addieUrl;
+      return p;
+    }).filter(p => p.pubKey);
+  }
+  const URL_PAYEES = parseUrlPayees();
+
   const formConfig = {
       "Recovery": {type: "text", required: true},
       "Explanation": {type: "text-block", content: "Put whatever you want here, but make sure you remember it. This is how you'll be able to download this again."}
@@ -580,7 +598,8 @@
         const resp = await fetch('/plugin/shoppe/{{tenantUuid}}/purchase/intent', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ recoveryKey, productId: '{{productId}}', title: '{{title}}' })
+          body: JSON.stringify({ recoveryKey, productId: '{{productId}}', title: '{{title}}',
+            ...(URL_PAYEES && { payees: URL_PAYEES }) })
         });
         const json = await resp.json();
 
@@ -595,6 +614,7 @@
         }
 
         // Show payment element
+        window.clientSecret = json.clientSecret;
         document.getElementById('payment-section').style.display = 'block';
         stripe = Stripe(json.publishableKey);
         elements = stripe.elements({ clientSecret: json.clientSecret });
@@ -633,10 +653,11 @@
       if (error) return showError(error.message);
 
       const order = { title: '{{title}}', productId: '{{productId}}', formData: window.formData };
+      const paymentIntentId = window.clientSecret ? window.clientSecret.split('_secret_')[0] : undefined;
       const resp = await fetch('/plugin/shoppe/{{tenantUuid}}/purchase/complete', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ recoveryKey: window.formData.Recovery, productId: '{{productId}}', order })
+        body: JSON.stringify({ recoveryKey: window.formData.Recovery, productId: '{{productId}}', order, paymentIntentId })
       });
       const json = await resp.json();
 

package/server/templates/subscription-subscribe.html

@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
   <meta name="twitter:title" content="Infuse: {{title}}">
   <meta name="description" content="{{description}}">
+  <meta name="keywords" content="{{keywords}}">
   <meta name="og:title" content="Infuse: {{title}}">
   <meta name="og:description" content="{{description}}">
   <title>Infuse: {{title}}</title>
@@ -150,6 +151,22 @@
   const AMOUNT        = {{amount}};
   const RENEWAL_DAYS  = {{renewalDays}};
 
+  // Parse ?payees=pubKey:amount:percent:addieUrl|... from the page URL.
+  function parseUrlPayees() {
+    const raw = new URLSearchParams(window.location.search).get('payees');
+    if (!raw) return null;
+    return raw.split('|').map(t => {
+      const [pubKey, amount, percent, addieUrl] = t.split(':');
+      const p = {};
+      if (pubKey)   p.pubKey   = pubKey;
+      if (amount)   p.amount   = Number(amount);
+      if (percent)  p.percent  = Number(percent);
+      if (addieUrl) p.addieUrl = addieUrl;
+      return p;
+    }).filter(p => p.pubKey);
+  }
+  const URL_PAYEES = parseUrlPayees();
+
   let stripe   = null;
   let elements = null;
 
@@ -169,7 +186,8 @@
       const resp = await fetch(`${SHOPPE_URL}/purchase/intent`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ recoveryKey, productId: PRODUCT_ID, title: TITLE })
+        body: JSON.stringify({ recoveryKey, productId: PRODUCT_ID, title: TITLE,
+          ...(URL_PAYEES && { payees: URL_PAYEES }) })
       });
       const data = await resp.json();
 
@@ -187,6 +205,7 @@
       document.getElementById('subscribe-form').style.display = 'none';
       document.getElementById('payment-section').style.display = 'block';
 
+      window.clientSecret = data.clientSecret;
       stripe   = Stripe(data.publishableKey);
       elements = stripe.elements({ clientSecret: data.clientSecret });
       elements.create('payment').mount('#payment-element');
@@ -220,6 +239,7 @@
       }
 
       const recoveryKey = document.getElementById('recovery-key').value.trim();
+      const paymentIntentId = window.clientSecret ? window.clientSecret.split('_secret_')[0] : undefined;
       const complete = await fetch(`${SHOPPE_URL}/purchase/complete`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
@@ -229,7 +249,8 @@
           title:       TITLE,
           amount:      AMOUNT,
           type:        'subscription',
-          renewalDays: RENEWAL_DAYS
+          renewalDays: RENEWAL_DAYS,
+          paymentIntentId
         })
       });
       await complete.json();