dry-ux 1.16.0 → 1.18.0

package/dist/helpers/utilities.d.ts

@@ -3,3 +3,12 @@ export declare const importScript: (resourceUrl: string, singleton?: boolean) =>
 export declare const importStyleSheet: (resourceUrl: string) => void;
 export declare const useCountdown: (seconds: number, onExpiry: () => void) => number;
 export declare const formatDollar: (amount: number, decimal_places?: boolean) => string;
+/**
+ * Calls the authCheckUrl to check if the user is authenticated. The URL should return a JSON response with
+ * just `true` or `false` to indicate if the user is authenticated. If user is authenticated, it will call the
+ * function (fn), otherwise it will redirect to `authRedirectUrl`.
+ * @param fn
+ * @param authCheckUrl
+ * @param authRedirectUrl
+ */
+export declare const fnWithAuthCheck: (fn: Function, authCheckUrl: string, authRedirectUrl: string) => Promise<void>;

package/dist/helpers/utilities.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatDollar = exports.useCountdown = exports.importStyleSheet = exports.importScript = exports.preventDefault = void 0;
+exports.fnWithAuthCheck = exports.formatDollar = exports.useCountdown = exports.importStyleSheet = exports.importScript = exports.preventDefault = void 0;
 const React = require("react");
 const preventDefault = (handler) => {
     return (event) => {
@@ -66,3 +66,22 @@ const formatDollar = (amount, decimal_places) => {
     return result;
 };
 exports.formatDollar = formatDollar;
+/**
+ * Calls the authCheckUrl to check if the user is authenticated. The URL should return a JSON response with
+ * just `true` or `false` to indicate if the user is authenticated. If user is authenticated, it will call the
+ * function (fn), otherwise it will redirect to `authRedirectUrl`.
+ * @param fn
+ * @param authCheckUrl
+ * @param authRedirectUrl
+ */
+const fnWithAuthCheck = (fn, authCheckUrl, authRedirectUrl) => fetch(authCheckUrl)
+    .then(response => response.json())
+    .then(isAuthenticated => {
+    if (isAuthenticated) {
+        fn();
+    }
+    else {
+        location.href = `${authRedirectUrl}?next=${encodeURIComponent(window.location.pathname)}`;
+    }
+});
+exports.fnWithAuthCheck = fnWithAuthCheck;

package/dist/ui-utils/Money.js

@@ -6,5 +6,5 @@ const utilities_1 = require("../helpers/utilities");
 exports.Money = React.memo(({ amount, decimal_places = false, currency = "$" }) => {
     const isNegative = amount < 0;
     const converted = `${currency}${(0, utilities_1.formatDollar)(Math.abs(amount), decimal_places)}`;
-    return React.createElement("span", { style: Object.assign({}, (isNegative && { color: "red" })) }, isNegative ? `(${converted})` : converted);
+    return (React.createElement("span", { style: Object.assign({}, (isNegative && { color: "#d9534f" })) }, isNegative ? `(${converted})` : converted));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "description": "",
   "main": "dist/index",
   "scripts": {