pricing4react
Version:
A library of components that ease the integration of feature toggling driven by pricing plans into your React application's UI.
40 lines (39 loc) • 2.98 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
exports.__esModule = true;
exports.PricingConfigurationRoutes = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var react_router_dom_1 = require("react-router-dom");
var PricingPlansEditor_1 = require("./PricingPlansEditor");
var Attributes_1 = require("./pages/Attributes");
var UserContext_1 = require("./pages/UserContext");
var EvaluationContext_1 = require("./pages/EvaluationContext");
var Plans_1 = require("./pages/Plans");
function PricingConfigurationRoutes(_a) {
/**
* TODO: rgb, rgba and hex validation
* Following regex detects only rgb rgb\((\d{1,3}),(\d{1,3}),(\d{1,3}\))
* that outbounds 255
* Examples:
* rgb(0,0,0) Valid color pass validation
* rgb(128,128,128) Valid color pass validation
* rgb(255,255,255) Valid color pass validation
* rgb(-1,-1,-1) Invalid color It does not pass validation
* rgb(256,256,256) Invalid color Pass validtion!!!
* rgb(999,999,999) Invalid color Pass validation!!!
* rgb(1000,1000,1000) Invalid color Id does not pass validation
*/
var pricingContext = _a.pricingContext, returnTo = _a.returnTo, theme = _a.theme, onSave = _a.onSave;
return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Route, __assign({ element: (0, jsx_runtime_1.jsx)(PricingPlansEditor_1.PricingPlansEditor, { theme: theme, pricingContext: pricingContext, returnTo: returnTo, onSave: onSave }) }, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/", element: (0, jsx_runtime_1.jsx)("h1", { children: "Pricingplans-react" }) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "attributes", element: (0, jsx_runtime_1.jsx)(Attributes_1.AttributesPage, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "user-context", element: (0, jsx_runtime_1.jsx)(UserContext_1.UserContextPage, { title: "User context", tableHeaders: ["Name", "Type", "Actions"] }) }), (0, jsx_runtime_1.jsxs)(react_router_dom_1.Route, __assign({ path: "plans", element: (0, jsx_runtime_1.jsx)(react_router_dom_1.Outlet, {}) }, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { index: true, element: (0, jsx_runtime_1.jsx)(Plans_1.Plans, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: ":planId", element: (0, jsx_runtime_1.jsx)(Plans_1.Plan, {}) })] })), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "evaluation", element: (0, jsx_runtime_1.jsx)(EvaluationContext_1.EvaluationPage, {}) })] })) }));
}
exports.PricingConfigurationRoutes = PricingConfigurationRoutes;