@palta-brain/web-sdk
Version:
29 lines • 2.96 kB
JavaScript
import React from 'react';
export var PaymentStatuses = function () {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "payment-status", style: {
display: 'none',
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'column',
height: '200px',
} },
React.createElement("svg", { width: "50", height: "50", viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
React.createElement("path", { d: "M25 0.111328C20.0774 0.111328 15.2654 1.57104 11.1725 4.30586C7.07952 7.04069 3.88945 10.9278 2.00566 15.4757C0.121883 20.0235 -0.371 25.0278 0.589343 29.8558C1.54969 34.6838 3.92012 39.1185 7.4009 42.5993C10.8817 46.0801 15.3164 48.4505 20.1444 49.4109C24.9724 50.3712 29.9767 49.8783 34.5246 47.9946C39.0724 46.1108 42.9595 42.9207 45.6944 38.8277C48.4292 34.7348 49.8889 29.9228 49.8889 25.0002C49.8889 18.3993 47.2667 12.0687 42.5991 7.40112C37.9315 2.73354 31.6009 0.111328 25 0.111328ZM41.2556 16.6469L20.8156 37.0713L8.74444 25.0002C8.33188 24.5877 8.10011 24.0281 8.10011 23.4447C8.10011 22.8612 8.33188 22.3017 8.74444 21.8891C9.157 21.4765 9.71655 21.2448 10.3 21.2448C10.8834 21.2448 11.443 21.4765 11.8556 21.8891L20.8467 30.8802L38.1756 13.5669C38.3798 13.3626 38.6223 13.2006 38.8892 13.09C39.1562 12.9795 39.4422 12.9226 39.7311 12.9226C40.02 12.9226 40.3061 12.9795 40.573 13.09C40.8399 13.2006 41.0824 13.3626 41.2867 13.5669C41.4909 13.7712 41.653 14.0137 41.7635 14.2806C41.8741 14.5475 41.931 14.8335 41.931 15.1224C41.931 15.4113 41.8741 15.6974 41.7635 15.9643C41.653 16.2312 41.4909 16.4737 41.2867 16.678L41.2556 16.6469Z", fill: "#8EDFC2" })),
React.createElement("div", null, "Your payment was successful!")),
React.createElement("div", { id: "error-payment-status", style: {
display: 'none',
alignItems: 'center',
marginTop: '12px',
padding: '12px',
color: 'rgb(234, 67, 53)',
background: 'rgb(252, 232, 230)',
borderRadius: '2px',
} },
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "icon" },
React.createElement("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }),
React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
React.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })),
React.createElement("span", { style: { paddingLeft: '5px' } }, "Your payment could not be processed. Please try another payment method."))));
};
//# sourceMappingURL=index.js.map