peertube-plugin-sell-storage 1.1.3

package/README.md

@@ -0,0 +1,69 @@
+# PeerTube Plugin Sell Storage
+
+## Table of Contents
+
+- [About](#about)
+- [Getting Started](#getting_started)
+- [Usage](#usage)
+
+## About <a name = "about"></a>
+
+
+This plugin allow you to sell storage space to your users using Stripe subscription. Payments are automated with Stripe.
+
+## Getting Started <a name = "getting_started"></a>
+
+This is a fork of [peertube-plugin-ncd-sell-storage](https://gitea.nicecrew.digital/matty/peertube-plugin-ncd-sell-storage). Unfortunately, the published version on NPM is outdated and therefore does not work despite the fix being available on their Git repository. For that reason, their repository was forked and published separately with the updated code.
+
+As with [peertube-plugin-ncd-sell-storage](https://gitea.nicecrew.digital/matty/peertube-plugin-ncd-sell-storage), this fork allows you to add five packages rather than three.
+
+Check [Prerequisites](#Prerequisites) to install this plugin
+
+### Prerequisites
+
+- Peertube >= v4.3.0
+
+### Installing
+
+- Go to your instance Admin
+- Navigate to the "Plugins" page
+- Search for "sell-storage"
+- Click Install near the plugin name
+
+## If installing locally
+ - Clone Git repository
+ - cd peertube-plugin-sell-storage
+ - yarn
+ - yarn build
+ - Install via PeerTube CLI
+
+### Configuration
+You need to configuration the plugin to work.
+Create an account on https://stripe.com to start.
+
+
+In your Stripe dashboard, you can test in "Test mode", and go live by unchecking "Test mode" in the top right.
+To go in live mode, you need to fill form in Stripe side. We recommand you to test in Test mode the integration before go in live.
+
+### Note: If you perform a transaction in Test Mode, you'll need to manually clear the subscription status because the webhook will not send back the correct validation response, meaning the changes will take effect but nothing will be charged. Use a dedicated test account.
+
+First, go to the Developer tab, and navigate to "API Keys". Grab your Secret API key, and insert it in your plugin settings.
+After that, always in the Developer tab, navigate to Webhook and create a webhook.
+
+An example of webhook URL is available in your plugin settings. An example is also shown here:
+https://your-instance.tld/plugins/sell-storage/1.1.3/router/webhook
+
+### Note: If you update the plugin, you'll have to update the webhook link in Stripe with the new version. For example, update 1.1.3 to 1.1.4. Don't forget this!
+
+Now, configure your Currency and Page description in the plugin settings.
+
+Its time to add your Plans! In stripe, go to Product page, and add new product. Set a name, description and the price.
+After creation, go in this new Product and grab the "API ID" near the price field.
+
+Now, you can continue configure your Plan (1, 2, 3, 4, 5) in the plugin settings.
+Repeat this process for each plans. Add new product, and grab the API ID corresponding to this price to insert it in your Product ID field, in the plugin settings.
+
+## Usage <a name = "usage"></a>
+
+- Navigate to "My Account""
+- Navigate to the new navigation link "My Subscription"

package/assets/style.css

@@ -0,0 +1,11 @@
+.ncd-content {
+    width: 100%;
+    max-width: 1280px;
+    margin: 0 auto;
+    padding-top: 40px;
+    margin-bottom: 40px;
+}
+
+.text-center {
+    text-align: center;
+}

package/client/common-client-plugin.js

@@ -0,0 +1,75 @@
+const subPage = require("./pages/subscription");
+const successPage = require("./pages/success");
+const cancelPage = require("./pages/cancel");
+
+async function register({
+  registerHook,
+  peertubeHelpers,
+  registerClientRoute,
+}) {
+  /**
+   * Add link admin page
+   */
+
+  registerHook({
+    target: "filter:left-menu.links.create.result",
+    handler: (links) => {
+      if (!Array.isArray(links)) {
+        return links;
+      }
+      let myLibraryLinks;
+      // Searching the 'in-my-library' entry.
+      for (const link of links) {
+        if (typeof link !== "object") {
+          continue;
+        }
+        if (!("key" in link)) {
+          continue;
+        }
+        if (link.key === "in-my-library" || link.key === "my-video-space") {
+          myLibraryLinks = link;
+          break;
+        }
+      }
+      if (!myLibraryLinks) {
+        return links;
+      }
+      if (!Array.isArray(myLibraryLinks.links)) {
+        return links;
+      }
+
+      const label = "NCTV Storage";
+      myLibraryLinks.links.unshift({
+        label,
+        shortLabel: label,
+        path: "/p/ncd-my-subscription",
+        icon: "film",
+      });
+      return links;
+    },
+  });
+
+  // Register routes
+  registerClientRoute({
+    route: "ncd-my-subscription",
+    onMount: ({ rootEl }) => {
+      subPage.showPage({ rootEl, peertubeHelpers });
+    },
+  });
+
+  registerClientRoute({
+    route: "ncd-subscription-success",
+    onMount: ({ rootEl }) => {
+      successPage.showPage({ rootEl, peertubeHelpers });
+    },
+  });
+
+  registerClientRoute({
+    route: "ncd-subscription-cancel",
+    onMount: ({ rootEl }) => {
+      cancelPage.showPage({ rootEl, peertubeHelpers });
+    },
+  });
+}
+
+export { register };

package/client/pages/cancel.js

@@ -0,0 +1,16 @@
+async function showPage({ rootEl, peertubeHelpers }) {
+    // Redirect to login page if not auth
+    if (!peertubeHelpers.isLoggedIn()) return (window.location.href = "/login");
+
+    const settings = await peertubeHelpers.getSettings();
+    const description = await peertubeHelpers.markdownRenderer.enhancedMarkdownToHTML(settings["sell-cancel-description"]);
+
+    rootEl.innerHTML = `
+        <div class="ncd-content text-center mt-5">
+            <h1>${await peertubeHelpers.translate("Subscription canceled.")}</h1>
+            <p>${description}</p>
+        </div>
+    `;
+}
+
+export { showPage };

package/client/pages/subscription.js

@@ -0,0 +1,161 @@
+async function showPage({ rootEl, peertubeHelpers }) {
+    // Redirect to login page if not auth
+    if (!peertubeHelpers.isLoggedIn()) return (window.location.href = "/login");
+
+    const { translate } = peertubeHelpers;
+    const loading = await peertubeHelpers.translate("Loading");
+    rootEl.innerHTML = loading + "...";
+
+    // Get settings
+    const settings = await peertubeHelpers.getSettings();
+    const currency = settings['sell-currency'];
+    const description = await peertubeHelpers.markdownRenderer.enhancedMarkdownToHTML(settings["sell-description"]);
+    const plans = [];
+
+    for (let i = 1; i <= 5; i++) {
+        const name = settings["plan-" + i + "-name"];
+        const key = settings["plan-" + i + "-key"];
+        const storage = settings["plan-" + i + "-storage"];
+        const price = settings["plan-" + i + "-price"];
+
+        plans.push({
+            name: name,
+            key: key,
+            storage: storage,
+            price: price
+        });
+    }
+
+    // Fetch session id and subscribed plan (if any)
+    let session_id = null, sub_plan = null;
+    const response = await fetch(peertubeHelpers.getBaseRouterRoute() + "/get-session-id", {
+        method: "GET",
+        headers: peertubeHelpers.getAuthHeader(),
+    });
+    const data = await response.json();
+
+    // If have error
+    if (!data || !data.status || (data.status && data.status !== "success")) {
+        peertubeHelpers.notifier.error(data.message || "Unknown error");
+    } else {
+        session_id = data?.data?.session_id;
+        sub_plan = data?.data?.sub_plan;
+    }
+
+    rootEl.innerHTML = `
+        <div class="ncd-content text-center">
+        <h1>${await peertubeHelpers.translate("Choose your Storage Plan")}</h1>
+        <h5><i>To subscribe to a storage plan with cryptocurrency (BTC, ETH, XMR), <a href="/about/contact">contact us</a>.</i></h5>
+        <h6><i>Note: Cryptocurrency prices are 25% higher to cover transaction fees.</i></h6>
+            <!-- <p>${description.length ? description : await peertubeHelpers.translate("You want tu spport us ? Or need more space ? Your in the right place!")}</p> -->
+            <div class="mt-5" style="max-width: 90%; margin: 0 auto;">
+                <div class="row">
+                    ${(await Promise.all(plans.map(async (plan) =>
+        `<div class="col-sm-12 col-md-6 col-lg-4"  style="margin-bottom: 1rem;">
+                            <div class="card">
+                                <div class="card-body">
+                                    <form method="POST" action="#" class="ncdSubscriptionForm">
+                                        <h3 class="card-title">${plan.name}</h3>
+                                        <h4>${currency}${plan.price} /${await peertubeHelpers.translate("month")}</h4>
+                                        <p class="card-text">${plan.storage} ${await peertubeHelpers.translate("GB Storage")}</p>
+
+                                        <input type="hidden" name="lookup_key" value="${plan.key}">
+                                        <button class="btn btn-primary" type="submit">${await peertubeHelpers.translate("Subscribe")}</button>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    `))).join("")}
+                </div>
+            </div>
+            
+            ${session_id ? `
+            <div class="mt-5">
+                <form method="POST" action="#" id="formManageSub">
+                    <input type="hidden" id="session-id" name="session_id" value="${session_id}" />
+                    <button id="checkout-and-portal-button" type="submit" class="btn btn-primary">${await translate("Manage my Subscription")}</button>
+                </form>
+            </div>
+            ` : ""}
+            
+
+            ${sub_plan ? `
+                <p><i><b>${await translate("Your current plan")}</b>: ${sub_plan.name}, ${currency}${sub_plan.price} /${await peertubeHelpers.translate("month")}, ${sub_plan.storage} ${await peertubeHelpers.translate("GB Storage")}</i></p>
+
+                <div>
+                <a href="https://billing.stripe.com/p/login/aEUg0YcdE3ff9j2cMM" target="_blank" style="font-size: 1.25rem; background-color: #0083f5; color: white; border-radius: 0.25rem; padding: 0.5rem 0.75rem; margin-top: 1.25rem;">Manage Subcription</a>
+                <div>
+            ` : ""}
+                    
+        </div>
+    `;
+
+
+    const checkForListen = () => {
+        document.querySelectorAll(".ncdSubscriptionForm").length === 5 ? listenSubmitSubscription(peertubeHelpers) : setTimeout(() => checkForListen(), 1000);
+    };
+    checkForListen();
+}
+
+function listenSubmitSubscription(peertubeHelpers) {
+    const baseUrl = peertubeHelpers.getBaseRouterRoute();
+
+    // Sub
+    document.querySelectorAll(".ncdSubscriptionForm").forEach(el => {
+        el.addEventListener("submit", (e) => {
+            e.preventDefault();
+
+            try {
+                const form = new URLSearchParams(new FormData(e.target));
+                fetch(baseUrl + "/create-checkout-session", {
+                    method: "POST",
+                    headers: peertubeHelpers.getAuthHeader(),
+                    body: form,
+                }).then((res) => res.json()).then((data) => {
+                    if (!data || !data.status || data.status !== "success") {
+                        peertubeHelpers.notifier.error(data.message || "Unknown error");
+                        return;
+                    }
+
+                    window.location.href = data.data.redirectUrl;
+                }).catch(err => {
+                    console.error(err);
+                    peertubeHelpers.notifier.error(err);
+                })
+
+            } catch (error) {
+                peertubeHelpers.notifier.error(error);
+            }
+        });
+    })
+
+
+    // Manage sub
+    document.getElementById("formManageSub")?.addEventListener("submit", (e) => {
+        e.preventDefault();
+
+        try {
+            const form = new URLSearchParams(new FormData(e.target));
+            fetch(baseUrl + "/create-portal-session", {
+                method: "POST",
+                headers: peertubeHelpers.getAuthHeader(),
+                body: form,
+            }).then((res) => res.json()).then((data) => {
+                if (!data || !data.status || data.status !== "success") {
+                    peertubeHelpers.notifier.error(data.message || "Unknown error");
+                    return;
+                }
+
+                window.location.href = data.data.redirectUrl;
+            }).catch(err => {
+                console.error(err);
+                peertubeHelpers.notifier.error(err);
+            })
+
+        } catch (error) {
+            peertubeHelpers.notifier.error(error);
+        }
+    });
+}
+
+export { showPage };

package/client/pages/success.js

@@ -0,0 +1,85 @@
+async function showPage({ rootEl, peertubeHelpers }) {
+    // Redirect to login page if not auth
+    if (!peertubeHelpers.isLoggedIn()) return (window.location.href = "/login");
+
+    const loading = await peertubeHelpers.translate("Loading");
+    rootEl.innerHTML = loading + "...";
+
+    const { translate } = peertubeHelpers;
+    const description = await peertubeHelpers.markdownRenderer.enhancedMarkdownToHTML(settings["sell-thx-description"]);
+
+    rootEl.innerHTML = `
+        <div class="ncd-content text-center mt-5">
+            <h1>${await peertubeHelpers.translate("Subscription succesfull!")}</h1>
+            
+            <div class="mt-5">
+                <form action="#" method="POST" class="ncdSubscriptionForm">
+                    <input type="hidden" id="session-id" name="session_id" value="" />
+                    <button id="checkout-and-portal-button" type="submit" class="btn btn-primary">${await translate("Manage my Subscription")}</button>
+                </form>
+            </div>
+
+            <p>${description}</p>
+        </div>
+    `;
+
+
+    setTimeout(() => listenSubmitSubscription(peertubeHelpers), 1000);
+}
+
+function listenSubmitSubscription(peertubeHelpers) {
+    const baseUrl = peertubeHelpers.getBaseRouterRoute();
+
+    const params = new URLSearchParams(window.location.search);
+    if(params.has("session_id")) {
+        document.getElementById("session-id").value = params.get("session_id");
+        localStorage.setItem("ncd-sub-session-id", params.get("session_id"));
+
+        const formData = new FormData();
+        formData.append("session_id", params.get("session_id"));
+
+        const form = new URLSearchParams(formData);
+        
+        fetch(baseUrl + "/save-session-id", {
+            method: "POST",
+            headers: peertubeHelpers.getAuthHeader(),
+            body: form,
+        }).then((res) => res.json()).then((data) => {
+            if(!data || !data.status || data.status !== "success") {
+                peertubeHelpers.notifier.error(data.message || "Unknown error");
+            }
+
+        }).catch(err => {
+            console.error(err);
+            peertubeHelpers.notifier.error(err);
+        })
+    }
+
+    document.querySelector(".ncdSubscriptionForm").addEventListener("submit", (e) => {
+        e.preventDefault();
+
+        try {
+            const form = new URLSearchParams(new FormData(e.target));
+            fetch(baseUrl + "/create-portal-session", {
+                method: "POST",
+                headers: peertubeHelpers.getAuthHeader(),
+                body: form,
+            }).then((res) => res.json()).then((data) => {
+                if(!data || !data.status || data.status !== "success") {
+                    peertubeHelpers.notifier.error(data.message || "Unknown error");
+                    return;
+                }
+        
+                window.location.href = data.data.redirectUrl;
+            }).catch(err => {
+                console.error(err);
+                peertubeHelpers.notifier.error(err);
+            })
+            
+        } catch (error) {
+            peertubeHelpers.notifier.error(error);
+        }
+    });
+}
+
+export { showPage };

package/dist/common-client-plugin.js

@@ -0,0 +1,64 @@
+var h=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(o,t)=>()=>(o&&(t=o(o=0)),t);var l=(o,t)=>{for(var a in t)h(o,a,{get:t[a],enumerable:!0})},x=(o,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of A(t))!p.call(o,s)&&s!==a&&h(o,s,{get:()=>t[s],enumerable:!(i=_(t,s))||i.enumerable});return o};var g=o=>x(h({},"__esModule",{value:!0}),o);var v={};l(v,{showPage:()=>F});async function F({rootEl:o,peertubeHelpers:t}){var y,S;if(!t.isLoggedIn())return window.location.href="/login";let{translate:a}=t,i=await t.translate("Loading");o.innerHTML=i+"...";let s=await t.getSettings(),n=s["sell-currency"],r=await t.markdownRenderer.enhancedMarkdownToHTML(s["sell-description"]),f=[];for(let c=1;c<=5;c++){let P=s["plan-"+c+"-name"],M=s["plan-"+c+"-key"],U=s["plan-"+c+"-storage"],R=s["plan-"+c+"-price"];f.push({name:P,key:M,storage:U,price:R})}let m=null,d=null,e=await(await fetch(t.getBaseRouterRoute()+"/get-session-id",{method:"GET",headers:t.getAuthHeader()})).json();!e||!e.status||e.status&&e.status!=="success"?t.notifier.error(e.message||"Unknown error"):(m=(y=e==null?void 0:e.data)==null?void 0:y.session_id,d=(S=e==null?void 0:e.data)==null?void 0:S.sub_plan),o.innerHTML=`
+        <div class="ncd-content text-center">
+        <h1>${await t.translate("Choose your Storage Plan")}</h1>
+        <h5><i>To subscribe to a storage plan with cryptocurrency (BTC, ETH, XMR), <a href="/about/contact">contact us</a>.</i></h5>
+        <h6><i>Note: Cryptocurrency prices are 25% higher to cover transaction fees.</i></h6>
+            <!-- <p>${r.length?r:await t.translate("You want tu spport us ? Or need more space ? Your in the right place!")}</p> -->
+            <div class="mt-5" style="max-width: 90%; margin: 0 auto;">
+                <div class="row">
+                    ${(await Promise.all(f.map(async c=>`<div class="col-sm-12 col-md-6 col-lg-4"  style="margin-bottom: 1rem;">
+                            <div class="card">
+                                <div class="card-body">
+                                    <form method="POST" action="#" class="ncdSubscriptionForm">
+                                        <h3 class="card-title">${c.name}</h3>
+                                        <h4>${n}${c.price} /${await t.translate("month")}</h4>
+                                        <p class="card-text">${c.storage} ${await t.translate("GB Storage")}</p>
+
+                                        <input type="hidden" name="lookup_key" value="${c.key}">
+                                        <button class="btn btn-primary" type="submit">${await t.translate("Subscribe")}</button>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    `))).join("")}
+                </div>
+            </div>
+            
+            ${m?`
+            <div class="mt-5">
+                <form method="POST" action="#" id="formManageSub">
+                    <input type="hidden" id="session-id" name="session_id" value="${m}" />
+                    <button id="checkout-and-portal-button" type="submit" class="btn btn-primary">${await a("Manage my Subscription")}</button>
+                </form>
+            </div>
+            `:""}
+            
+
+            ${d?`
+                <p><i><b>${await a("Your current plan")}</b>: ${d.name}, ${n}${d.price} /${await t.translate("month")}, ${d.storage} ${await t.translate("GB Storage")}</i></p>
+
+                <div>
+                <a href="https://billing.stripe.com/p/login/aEUg0YcdE3ff9j2cMM" target="_blank" style="font-size: 1.25rem; background-color: #0083f5; color: white; border-radius: 0.25rem; padding: 0.5rem 0.75rem; margin-top: 1.25rem;">Manage Subcription</a>
+                <div>
+            `:""}
+                    
+        </div>
+    `;let w=()=>{document.querySelectorAll(".ncdSubscriptionForm").length===5?j(t):setTimeout(()=>w(),1e3)};w()}function j(o){var a;let t=o.getBaseRouterRoute();document.querySelectorAll(".ncdSubscriptionForm").forEach(i=>{i.addEventListener("submit",s=>{s.preventDefault();try{let n=new URLSearchParams(new FormData(s.target));fetch(t+"/create-checkout-session",{method:"POST",headers:o.getAuthHeader(),body:n}).then(r=>r.json()).then(r=>{if(!r||!r.status||r.status!=="success"){o.notifier.error(r.message||"Unknown error");return}window.location.href=r.data.redirectUrl}).catch(r=>{console.error(r),o.notifier.error(r)})}catch(n){o.notifier.error(n)}})}),(a=document.getElementById("formManageSub"))==null||a.addEventListener("submit",i=>{i.preventDefault();try{let s=new URLSearchParams(new FormData(i.target));fetch(t+"/create-portal-session",{method:"POST",headers:o.getAuthHeader(),body:s}).then(n=>n.json()).then(n=>{if(!n||!n.status||n.status!=="success"){o.notifier.error(n.message||"Unknown error");return}window.location.href=n.data.redirectUrl}).catch(n=>{console.error(n),o.notifier.error(n)})}catch(s){o.notifier.error(s)}})}var b=u(()=>{});var k={};l(k,{showPage:()=>B});async function B({rootEl:o,peertubeHelpers:t}){if(!t.isLoggedIn())return window.location.href="/login";let a=await t.translate("Loading");o.innerHTML=a+"...";let{translate:i}=t,s=await t.markdownRenderer.enhancedMarkdownToHTML(settings["sell-thx-description"]);o.innerHTML=`
+        <div class="ncd-content text-center mt-5">
+            <h1>${await t.translate("Subscription succesfull!")}</h1>
+            
+            <div class="mt-5">
+                <form action="#" method="POST" class="ncdSubscriptionForm">
+                    <input type="hidden" id="session-id" name="session_id" value="" />
+                    <button id="checkout-and-portal-button" type="submit" class="btn btn-primary">${await i("Manage my Subscription")}</button>
+                </form>
+            </div>
+
+            <p>${s}</p>
+        </div>
+    `,setTimeout(()=>D(t),1e3)}function D(o){let t=o.getBaseRouterRoute(),a=new URLSearchParams(window.location.search);if(a.has("session_id")){document.getElementById("session-id").value=a.get("session_id"),localStorage.setItem("ncd-sub-session-id",a.get("session_id"));let i=new FormData;i.append("session_id",a.get("session_id"));let s=new URLSearchParams(i);fetch(t+"/save-session-id",{method:"POST",headers:o.getAuthHeader(),body:s}).then(n=>n.json()).then(n=>{(!n||!n.status||n.status!=="success")&&o.notifier.error(n.message||"Unknown error")}).catch(n=>{console.error(n),o.notifier.error(n)})}document.querySelector(".ncdSubscriptionForm").addEventListener("submit",i=>{i.preventDefault();try{let s=new URLSearchParams(new FormData(i.target));fetch(t+"/create-portal-session",{method:"POST",headers:o.getAuthHeader(),body:s}).then(n=>n.json()).then(n=>{if(!n||!n.status||n.status!=="success"){o.notifier.error(n.message||"Unknown error");return}window.location.href=n.data.redirectUrl}).catch(n=>{console.error(n),o.notifier.error(n)})}catch(s){o.notifier.error(s)}})}var $=u(()=>{});var L={};l(L,{showPage:()=>E});async function E({rootEl:o,peertubeHelpers:t}){if(!t.isLoggedIn())return window.location.href="/login";let a=await t.getSettings(),i=await t.markdownRenderer.enhancedMarkdownToHTML(a["sell-cancel-description"]);o.innerHTML=`
+        <div class="ncd-content text-center mt-5">
+            <h1>${await t.translate("Subscription canceled.")}</h1>
+            <p>${i}</p>
+        </div>
+    `}var T=u(()=>{});var O=(b(),g(v)),q=($(),g(k)),I=(T(),g(L));async function C({registerHook:o,peertubeHelpers:t,registerClientRoute:a}){o({target:"filter:left-menu.links.create.result",handler:i=>{if(!Array.isArray(i))return i;let s;for(let r of i)if(typeof r=="object"&&"key"in r&&(r.key==="in-my-library"||r.key==="my-video-space")){s=r;break}if(!s||!Array.isArray(s.links))return i;let n="NCTV Storage";return s.links.unshift({label:n,shortLabel:n,path:"/p/ncd-my-subscription",icon:"film"}),i}}),a({route:"ncd-my-subscription",onMount:({rootEl:i})=>{O.showPage({rootEl:i,peertubeHelpers:t})}}),a({route:"ncd-subscription-success",onMount:({rootEl:i})=>{q.showPage({rootEl:i,peertubeHelpers:t})}}),a({route:"ncd-subscription-cancel",onMount:({rootEl:i})=>{I.showPage({rootEl:i,peertubeHelpers:t})}})}export{C as register};

package/languages/fr.json

@@ -0,0 +1,14 @@
+{
+  "Choose your Subscription": "Choisissez votre Abonnement",
+  "My Subscription": "Mon Abonnement",
+  "month": "mois",
+  "GB Storage": "GO de Stockage",
+  "Subscribe": "Souscrire",
+  "You want tu spport us ? Or need more space ? Your in the right place!" : "Vous souhaitez nous aider ? Vous avez besoin de plus d'espace ? Vous êtes au bon endroit !",
+  "Subscription succesfull!": "Souscription réussi !",
+  "Manage my Subscription": "Gérer mon abonnement",
+  "Subscription canceled.": "Souscription annulée.",
+  "Secure payment with Stripe": "Paiement sécurisé via Stripe",
+  "Your current plan": "Votre offre actuelle",
+  "NCTV Storage": "NCTV Stockage"
+}