@flink-app/stripe-plugin 2.0.0-alpha.56 → 2.0.0-alpha.57

package/dist/src/templates/pay-select-card.js

@@ -1,4 +1,80 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.paySelectCardTemplate = void 0;
-exports.paySelectCardTemplate = "\n\n{{#if logo}}\n    <div id=\"logo-image-holder\">\n        <img src=\"{{logo}}\" id=\"logo-image\"/>\n    </div>\n{{/if}}\n\n\n<div id=\"payment-price\">\n    {{price}}\n</div>\n{{#if description}}\n    <div id=\"payment-description\">\n        {{description}}\n    </div>\n{{/if}}\n\n\n<div id=\"card-container\">\n    <div id=\"existing-card\">\n        <div id=\"existing-card-brand\"><i class=\"fab fa-cc-{{card.brand}}\"></i></div>\n        <div id=\"existing-card-number\">XXXX-XXXX-XXXX-{{card.last4}}</div>\n    </div>\n    <div id=\"card-errors\" role=\"alert\"></div>\n    <div id=\"card-submit\">\n        {{paymentSelectCardPayButtonText}}\n    </div>\n    <div id=\"card-change\">\n        {{paymentSelectCardChangeCardButtonText}}\n    </div>         \n</div>\n\n<div id=\"loading_container\">\n    <div id=\"loading\">\n        <i class=\"fas fa-circle-notch fa-spin\"></i>\n    </div>                \n</div>        \n\n\n<script>\n$(\"#loading_container\").hide();\n\nvar stripe = Stripe('{{publishableKey}}');\n\n$(\"#card-change\").click(function(){\n    document.location='{{baseUrl}}/payment/enter-card/{{token}}'\n})\n\n\n$(\"#card-submit\").click(function(){\n    $(\"#card-errors\").hide();\n    $(\"#loading_container\").show();\n    stripe.confirmCardPayment('{{client_secrect}}', {\n        payment_method: '{{paymentMethodId}}',\n    }).then(function(result) {\n        if(result.error!=null){\n            $(\"#card-errors\").text(result.error.message)\n            $(\"#card-errors\").show();\n            $(\"#loading_container\").hide();\n            return;\n        }\n        if(result.paymentIntent != null){\n            document.location = \"{{baseUrl}}/payment/done/{{token}}\"\n        }\n        console.log(result)\n    });\n})\n\n</script>";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "paySelectCardTemplate", {
+    enumerable: true,
+    get: function() {
+        return paySelectCardTemplate;
+    }
+});
+const paySelectCardTemplate = `
+
+{{#if logo}}
+    <div id="logo-image-holder">
+        <img src="{{logo}}" id="logo-image"/>
+    </div>
+{{/if}}
+
+
+<div id="payment-price">
+    {{price}}
+</div>
+{{#if description}}
+    <div id="payment-description">
+        {{description}}
+    </div>
+{{/if}}
+
+
+<div id="card-container">
+    <div id="existing-card">
+        <div id="existing-card-brand"><i class="fab fa-cc-{{card.brand}}"></i></div>
+        <div id="existing-card-number">XXXX-XXXX-XXXX-{{card.last4}}</div>
+    </div>
+    <div id="card-errors" role="alert"></div>
+    <div id="card-submit">
+        {{paymentSelectCardPayButtonText}}
+    </div>
+    <div id="card-change">
+        {{paymentSelectCardChangeCardButtonText}}
+    </div>         
+</div>
+
+<div id="loading_container">
+    <div id="loading">
+        <i class="fas fa-circle-notch fa-spin"></i>
+    </div>                
+</div>        
+
+
+<script>
+$("#loading_container").hide();
+
+var stripe = Stripe('{{publishableKey}}');
+
+$("#card-change").click(function(){
+    document.location='{{baseUrl}}/payment/enter-card/{{token}}'
+})
+
+
+$("#card-submit").click(function(){
+    $("#card-errors").hide();
+    $("#loading_container").show();
+    stripe.confirmCardPayment('{{client_secrect}}', {
+        payment_method: '{{paymentMethodId}}',
+    }).then(function(result) {
+        if(result.error!=null){
+            $("#card-errors").text(result.error.message)
+            $("#card-errors").show();
+            $("#loading_container").hide();
+            return;
+        }
+        if(result.paymentIntent != null){
+            document.location = "{{baseUrl}}/payment/done/{{token}}"
+        }
+        console.log(result)
+    });
+})
+
+</script>`;

package/dist/src/templates/pay-select-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/joel/projects/flink/flink-framework/packages/stripe-plugin/src/templates/pay-select-card.ts"],"sourcesContent":["export const paySelectCardTemplate = `\n\n{{#if logo}}\n    <div id=\"logo-image-holder\">\n        <img src=\"{{logo}}\" id=\"logo-image\"/>\n    </div>\n{{/if}}\n\n\n<div id=\"payment-price\">\n    {{price}}\n</div>\n{{#if description}}\n    <div id=\"payment-description\">\n        {{description}}\n    </div>\n{{/if}}\n\n\n<div id=\"card-container\">\n    <div id=\"existing-card\">\n        <div id=\"existing-card-brand\"><i class=\"fab fa-cc-{{card.brand}}\"></i></div>\n        <div id=\"existing-card-number\">XXXX-XXXX-XXXX-{{card.last4}}</div>\n    </div>\n    <div id=\"card-errors\" role=\"alert\"></div>\n    <div id=\"card-submit\">\n        {{paymentSelectCardPayButtonText}}\n    </div>\n    <div id=\"card-change\">\n        {{paymentSelectCardChangeCardButtonText}}\n    </div>         \n</div>\n\n<div id=\"loading_container\">\n    <div id=\"loading\">\n        <i class=\"fas fa-circle-notch fa-spin\"></i>\n    </div>                \n</div>        \n\n\n<script>\n$(\"#loading_container\").hide();\n\nvar stripe = Stripe('{{publishableKey}}');\n\n$(\"#card-change\").click(function(){\n    document.location='{{baseUrl}}/payment/enter-card/{{token}}'\n})\n\n\n$(\"#card-submit\").click(function(){\n    $(\"#card-errors\").hide();\n    $(\"#loading_container\").show();\n    stripe.confirmCardPayment('{{client_secrect}}', {\n        payment_method: '{{paymentMethodId}}',\n    }).then(function(result) {\n        if(result.error!=null){\n            $(\"#card-errors\").text(result.error.message)\n            $(\"#card-errors\").show();\n            $(\"#loading_container\").hide();\n            return;\n        }\n        if(result.paymentIntent != null){\n            document.location = \"{{baseUrl}}/payment/done/{{token}}\"\n        }\n        console.log(result)\n    });\n})\n\n</script>`;\n"],"names":["paySelectCardTemplate"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqE7B,CAAC"}

package/dist/src/templates/setup-card.js

@@ -1,4 +1,103 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupCardTemplate = void 0;
-exports.setupCardTemplate = "\n        \n{{#if logo}}\n    <div id=\"logo-image-holder\">\n        <img src=\"{{logo}}\" id=\"logo-image\"/>\n    </div>\n{{/if}}\n\n\n{{#if setupDescription}}\n    <div id=\"setup_description\">\n        {{setupDescription}}\n    </div>\n{{/if}}\n\n\n<div id=\"card-container\">\n\n    <div id=\"card-element\">\n    <!-- Elements will create input elements here -->\n    </div>\n    \n    <div id=\"card-errors\" role=\"alert\"></div>\n\n    <div id=\"card-submit\">\n        {{setupButtonText}}\n    </div>\n</div>\n\n<div id=\"loading_container\">\n    <div id=\"loading\">\n        <i class=\"fas fa-circle-notch fa-spin\"></i>\n    </div>                \n</div>        \n\n\n\n\n\n  \n  \n<script>\n    var stripe = Stripe('{{stripePublishableKey}}');\n    var elements = stripe.elements();\n\n    var style = {\n        base: {\n            color: \"#32325d\",\n        }\n    };\n\n    var card = elements.create(\"card\", { style: style });\n    card.mount(\"#card-element\");      \n    card.on('ready',function(){\n        $(\"#loading_container\").hide();\n    })\n   \n    \n    \n    card.addEventListener('change', function(event) {\n        if (event.error) {\n            $(\"#card-errors\").text(event.error.message)\n            $(\"#card-errors\").show();\n        } else {\n            $(\"#card-errors\").text('')\n            $(\"#card-errors\").hide();\n            \n        }\n    });\n\n\n\n    $(\"#card-submit\").click(function(){\n        $(\"#card-errors\").hide();\n        $(\"#loading_container\").show();\n        stripe.confirmCardSetup('{{client_secret}}', {\n            payment_method: { card: card  },\n        }).then(function(result) {\n            if(result.error!=null){\n                $(\"#card-errors\").text(result.error.message)\n                $(\"#card-errors\").show();\n                $(\"#loading_container\").hide();\n                return;\n            }\n            document.location = \"{{baseUrl}}/customer/setup-card-done\";\n            console.log(result)\n        });\n    })\n\n</script>\n\n\n";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "setupCardTemplate", {
+    enumerable: true,
+    get: function() {
+        return setupCardTemplate;
+    }
+});
+const setupCardTemplate = `
+        
+{{#if logo}}
+    <div id="logo-image-holder">
+        <img src="{{logo}}" id="logo-image"/>
+    </div>
+{{/if}}
+
+
+{{#if setupDescription}}
+    <div id="setup_description">
+        {{setupDescription}}
+    </div>
+{{/if}}
+
+
+<div id="card-container">
+
+    <div id="card-element">
+    <!-- Elements will create input elements here -->
+    </div>
+    
+    <div id="card-errors" role="alert"></div>
+
+    <div id="card-submit">
+        {{setupButtonText}}
+    </div>
+</div>
+
+<div id="loading_container">
+    <div id="loading">
+        <i class="fas fa-circle-notch fa-spin"></i>
+    </div>                
+</div>        
+
+
+
+
+
+  
+  
+<script>
+    var stripe = Stripe('{{stripePublishableKey}}');
+    var elements = stripe.elements();
+
+    var style = {
+        base: {
+            color: "#32325d",
+        }
+    };
+
+    var card = elements.create("card", { style: style });
+    card.mount("#card-element");      
+    card.on('ready',function(){
+        $("#loading_container").hide();
+    })
+   
+    
+    
+    card.addEventListener('change', function(event) {
+        if (event.error) {
+            $("#card-errors").text(event.error.message)
+            $("#card-errors").show();
+        } else {
+            $("#card-errors").text('')
+            $("#card-errors").hide();
+            
+        }
+    });
+
+
+
+    $("#card-submit").click(function(){
+        $("#card-errors").hide();
+        $("#loading_container").show();
+        stripe.confirmCardSetup('{{client_secret}}', {
+            payment_method: { card: card  },
+        }).then(function(result) {
+            if(result.error!=null){
+                $("#card-errors").text(result.error.message)
+                $("#card-errors").show();
+                $("#loading_container").hide();
+                return;
+            }
+            document.location = "{{baseUrl}}/customer/setup-card-done";
+            console.log(result)
+        });
+    })
+
+</script>
+
+
+`;

package/dist/src/templates/setup-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/joel/projects/flink/flink-framework/packages/stripe-plugin/src/templates/setup-card.ts"],"sourcesContent":["export const setupCardTemplate = `\n        \n{{#if logo}}\n    <div id=\"logo-image-holder\">\n        <img src=\"{{logo}}\" id=\"logo-image\"/>\n    </div>\n{{/if}}\n\n\n{{#if setupDescription}}\n    <div id=\"setup_description\">\n        {{setupDescription}}\n    </div>\n{{/if}}\n\n\n<div id=\"card-container\">\n\n    <div id=\"card-element\">\n    <!-- Elements will create input elements here -->\n    </div>\n    \n    <div id=\"card-errors\" role=\"alert\"></div>\n\n    <div id=\"card-submit\">\n        {{setupButtonText}}\n    </div>\n</div>\n\n<div id=\"loading_container\">\n    <div id=\"loading\">\n        <i class=\"fas fa-circle-notch fa-spin\"></i>\n    </div>                \n</div>        \n\n\n\n\n\n  \n  \n<script>\n    var stripe = Stripe('{{stripePublishableKey}}');\n    var elements = stripe.elements();\n\n    var style = {\n        base: {\n            color: \"#32325d\",\n        }\n    };\n\n    var card = elements.create(\"card\", { style: style });\n    card.mount(\"#card-element\");      \n    card.on('ready',function(){\n        $(\"#loading_container\").hide();\n    })\n   \n    \n    \n    card.addEventListener('change', function(event) {\n        if (event.error) {\n            $(\"#card-errors\").text(event.error.message)\n            $(\"#card-errors\").show();\n        } else {\n            $(\"#card-errors\").text('')\n            $(\"#card-errors\").hide();\n            \n        }\n    });\n\n\n\n    $(\"#card-submit\").click(function(){\n        $(\"#card-errors\").hide();\n        $(\"#loading_container\").show();\n        stripe.confirmCardSetup('{{client_secret}}', {\n            payment_method: { card: card  },\n        }).then(function(result) {\n            if(result.error!=null){\n                $(\"#card-errors\").text(result.error.message)\n                $(\"#card-errors\").show();\n                $(\"#loading_container\").hide();\n                return;\n            }\n            document.location = \"{{baseUrl}}/customer/setup-card-done\";\n            console.log(result)\n        });\n    })\n\n</script>\n\n\n`;\n"],"names":["setupCardTemplate"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FlC,CAAC"}

package/dist/src/templates/setup-done.js

@@ -1,4 +1,24 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupDoneTemplate = void 0;
-exports.setupDoneTemplate = "\n    <div id=\"success\">\n    <i class=\"fas fa-check\"></i>\n    <div id=\"sucess_message\">{{message}}</div>\n    </div>\n\n    {{#if redirectUrl}}\n        <script>\n            setTimeout(function(){\n                    window.location=\"{{redirectUrl}}\";\n            }, 1000)\n        </script>\n    {{/if}}\n";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "setupDoneTemplate", {
+    enumerable: true,
+    get: function() {
+        return setupDoneTemplate;
+    }
+});
+const setupDoneTemplate = `
+    <div id="success">
+    <i class="fas fa-check"></i>
+    <div id="sucess_message">{{message}}</div>
+    </div>
+
+    {{#if redirectUrl}}
+        <script>
+            setTimeout(function(){
+                    window.location="{{redirectUrl}}";
+            }, 1000)
+        </script>
+    {{/if}}
+`;

package/dist/src/templates/setup-done.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/joel/projects/flink/flink-framework/packages/stripe-plugin/src/templates/setup-done.ts"],"sourcesContent":["export const setupDoneTemplate = `\n    <div id=\"success\">\n    <i class=\"fas fa-check\"></i>\n    <div id=\"sucess_message\">{{message}}</div>\n    </div>\n\n    {{#if redirectUrl}}\n        <script>\n            setTimeout(function(){\n                    window.location=\"{{redirectUrl}}\";\n            }, 1000)\n        </script>\n    {{/if}}\n`;\n"],"names":["setupDoneTemplate"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,oBAAoB,CAAC;;;;;;;;;;;;;AAalC,CAAC"}

package/dist/src/templates/style.js

@@ -1,4 +1,145 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styleTemplate = void 0;
-exports.styleTemplate = "\n    body{\n        font-family: 'Open Sans';\n        background-color:#fff;\n        color:#000\n    }\n    #loading_container{\n        background-color:rgba(255,255,255,0.6);\n        color:#000;\n        position: fixed;\n        left:0px;\n        right:0px;\n        top:0px;\n        bottom:0px;\n        z-index:1000;\n        font-size:128px;\n    }\n    #loading{\n        position: absolute;\n        left:50%;\n        top:50%;\n        transform:translate(-50%,-50%)\n    }            \n    #card-element{\n        padding : 20px;\n        border : 1px solid rgb(185, 185, 185);\n        border-radius: 5px;\n        background-color : #fff;\n        box-shadow : 0px 5px 16px -2px rgba(0,0,0,0.25);\n    }\n    #logo-image{\n        width: 200px;\n        margin-bottom: 20px;\n    }\n    #logo-image-holder{\n        text-align : center;\n    }\n    #logo-icon{\n        font-size : 72px;\n        text-align : center;\n        margin-bottom : 20px;\n        margin-top : 20px\n    }            \n    #card-container{\n        margin-top : 20px\n    }            \n    #card-submit{\n        margin-top: 20px;\n        text-align: center;\n        padding: 20px;\n        color: #fff;\n        background-color: #000;\n        box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.25);\n        border-radius: 5px;\n    }            \n    #card-errors{\n        background-color: #ff3f34,\n        color : #fff,\n        padding : 20px,\n        border-radius : 5px,\n        margin-top : 20px,\n        display : none\n    }\n    #payment-amount-container{\n        font-size : 48px,\n        text-align : center,\n        margin-bottom : 20px,\n        color : #000\n\n    }\n    #payment-amount-description-container{\n        text-align : center;\n        font-size : 24px;\n    }    \n    #setup_description{\n        text-align : center;\n        margin-bottom : 20px;\n    }\n\n    #success{\n        position: fixed;\n        left:50%;\n        top:50%;\n        transform: translate(-50%,-50%);\n        font-size:128px;\n        color:##Colors.success##;\n        text-align:center\n        \n    }\n    #sucess_message{\n        color:#000;\n        font-size:20px;\n        margin-top:10px;\n    }\n\n    #existing-card{\n        background-color: #fff;\n        border-radius: 10px;\n        position: relative;\n        display: flex;\n        align-items: center;\n    }\n    #existing-card-brand{\n        font-size: 46px;\n        color : #171531;\n        flex:1\n    }\n    #existing-card-number{\n        color: #171531;\n    }            \n    \n    #card-change{\n        margin-top: 20px;\n        text-align: center;\n        padding: 20px;\n        color: #fff;\n        background-color: #000;\n        box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.25);\n        border-radius: 5px;\n    }\n\n\n    #payment-price{\n        text-align: center;\n        font-size: 32px;\n    }\n\n    #payment-description{\n        text-align: center;\n        font-style: italic;\n    }\n  \n\n\n";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "styleTemplate", {
+    enumerable: true,
+    get: function() {
+        return styleTemplate;
+    }
+});
+const styleTemplate = `
+    body{
+        font-family: 'Open Sans';
+        background-color:#fff;
+        color:#000
+    }
+    #loading_container{
+        background-color:rgba(255,255,255,0.6);
+        color:#000;
+        position: fixed;
+        left:0px;
+        right:0px;
+        top:0px;
+        bottom:0px;
+        z-index:1000;
+        font-size:128px;
+    }
+    #loading{
+        position: absolute;
+        left:50%;
+        top:50%;
+        transform:translate(-50%,-50%)
+    }            
+    #card-element{
+        padding : 20px;
+        border : 1px solid rgb(185, 185, 185);
+        border-radius: 5px;
+        background-color : #fff;
+        box-shadow : 0px 5px 16px -2px rgba(0,0,0,0.25);
+    }
+    #logo-image{
+        width: 200px;
+        margin-bottom: 20px;
+    }
+    #logo-image-holder{
+        text-align : center;
+    }
+    #logo-icon{
+        font-size : 72px;
+        text-align : center;
+        margin-bottom : 20px;
+        margin-top : 20px
+    }            
+    #card-container{
+        margin-top : 20px
+    }            
+    #card-submit{
+        margin-top: 20px;
+        text-align: center;
+        padding: 20px;
+        color: #fff;
+        background-color: #000;
+        box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.25);
+        border-radius: 5px;
+    }            
+    #card-errors{
+        background-color: #ff3f34,
+        color : #fff,
+        padding : 20px,
+        border-radius : 5px,
+        margin-top : 20px,
+        display : none
+    }
+    #payment-amount-container{
+        font-size : 48px,
+        text-align : center,
+        margin-bottom : 20px,
+        color : #000
+
+    }
+    #payment-amount-description-container{
+        text-align : center;
+        font-size : 24px;
+    }    
+    #setup_description{
+        text-align : center;
+        margin-bottom : 20px;
+    }
+
+    #success{
+        position: fixed;
+        left:50%;
+        top:50%;
+        transform: translate(-50%,-50%);
+        font-size:128px;
+        color:##Colors.success##;
+        text-align:center
+        
+    }
+    #sucess_message{
+        color:#000;
+        font-size:20px;
+        margin-top:10px;
+    }
+
+    #existing-card{
+        background-color: #fff;
+        border-radius: 10px;
+        position: relative;
+        display: flex;
+        align-items: center;
+    }
+    #existing-card-brand{
+        font-size: 46px;
+        color : #171531;
+        flex:1
+    }
+    #existing-card-number{
+        color: #171531;
+    }            
+    
+    #card-change{
+        margin-top: 20px;
+        text-align: center;
+        padding: 20px;
+        color: #fff;
+        background-color: #000;
+        box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.25);
+        border-radius: 5px;
+    }
+
+
+    #payment-price{
+        text-align: center;
+        font-size: 32px;
+    }
+
+    #payment-description{
+        text-align: center;
+        font-style: italic;
+    }
+  
+
+
+`;

package/dist/src/templates/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/joel/projects/flink/flink-framework/packages/stripe-plugin/src/templates/style.ts"],"sourcesContent":["export const styleTemplate = `\n    body{\n        font-family: 'Open Sans';\n        background-color:#fff;\n        color:#000\n    }\n    #loading_container{\n        background-color:rgba(255,255,255,0.6);\n        color:#000;\n        position: fixed;\n        left:0px;\n        right:0px;\n        top:0px;\n        bottom:0px;\n        z-index:1000;\n        font-size:128px;\n    }\n    #loading{\n        position: absolute;\n        left:50%;\n        top:50%;\n        transform:translate(-50%,-50%)\n    }            \n    #card-element{\n        padding : 20px;\n        border : 1px solid rgb(185, 185, 185);\n        border-radius: 5px;\n        background-color : #fff;\n        box-shadow : 0px 5px 16px -2px rgba(0,0,0,0.25);\n    }\n    #logo-image{\n        width: 200px;\n        margin-bottom: 20px;\n    }\n    #logo-image-holder{\n        text-align : center;\n    }\n    #logo-icon{\n        font-size : 72px;\n        text-align : center;\n        margin-bottom : 20px;\n        margin-top : 20px\n    }            \n    #card-container{\n        margin-top : 20px\n    }            \n    #card-submit{\n        margin-top: 20px;\n        text-align: center;\n        padding: 20px;\n        color: #fff;\n        background-color: #000;\n        box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.25);\n        border-radius: 5px;\n    }            \n    #card-errors{\n        background-color: #ff3f34,\n        color : #fff,\n        padding : 20px,\n        border-radius : 5px,\n        margin-top : 20px,\n        display : none\n    }\n    #payment-amount-container{\n        font-size : 48px,\n        text-align : center,\n        margin-bottom : 20px,\n        color : #000\n\n    }\n    #payment-amount-description-container{\n        text-align : center;\n        font-size : 24px;\n    }    \n    #setup_description{\n        text-align : center;\n        margin-bottom : 20px;\n    }\n\n    #success{\n        position: fixed;\n        left:50%;\n        top:50%;\n        transform: translate(-50%,-50%);\n        font-size:128px;\n        color:##Colors.success##;\n        text-align:center\n        \n    }\n    #sucess_message{\n        color:#000;\n        font-size:20px;\n        margin-top:10px;\n    }\n\n    #existing-card{\n        background-color: #fff;\n        border-radius: 10px;\n        position: relative;\n        display: flex;\n        align-items: center;\n    }\n    #existing-card-brand{\n        font-size: 46px;\n        color : #171531;\n        flex:1\n    }\n    #existing-card-number{\n        color: #171531;\n    }            \n    \n    #card-change{\n        margin-top: 20px;\n        text-align: center;\n        padding: 20px;\n        color: #fff;\n        background-color: #000;\n        box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.25);\n        border-radius: 5px;\n    }\n\n\n    #payment-price{\n        text-align: center;\n        font-size: 32px;\n    }\n\n    #payment-description{\n        text-align: center;\n        font-style: italic;\n    }\n  \n\n\n`;\n"],"names":["styleTemplate"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsI9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flink-app/stripe-plugin",
-  "version": "2.0.0-alpha.56",
+  "version": "2.0.0-alpha.57",
   "description": "Flink plugin to work with stripe payments",
   "author": "johan@frost.se",
   "publishConfig": {
@@ -21,11 +21,11 @@
     "@types/express-fileupload": "^1.1.7",
     "@types/jsonwebtoken": "^8.5.5",
     "@types/node": "22.13.10",
-    "@flink-app/flink": "2.0.0-alpha.56"
+    "@flink-app/flink": "2.0.0-alpha.57"
   },
   "gitHead": "4243e3b3cd6d4e1ca001a61baa8436bf2bbe4113",
   "peerDependencies": {
-    "@flink-app/flink": ">=2.0.0-alpha.56"
+    "@flink-app/flink": ">=2.0.0-alpha.57"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\"",

package/.flink/schemas/schemas.ts

@@ -1 +0,0 @@
-// Generated Sun Feb 15 2026 09:57:10 GMT+0100 (Central European Standard Time)