@expressms/smartapp-ui 1.1.6 → 1.1.8

package/build/main/assets/icons/refresh.svg

@@ -1,3 +1,3 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.56794 9.99964C3.56794 8.12635 4.388 6.44602 5.67438 5.2722L7.58787 7.18569V2.36176H2.76395L4.53272 4.13054C2.95691 5.59379 1.95996 7.67612 1.95996 9.99964C1.95996 13.8617 4.6804 17.0832 8.30458 17.8602C8.77703 17.9615 9.19585 17.5803 9.19585 17.0972C9.19585 16.6848 8.88658 16.3426 8.48574 16.2459C5.66795 15.5657 3.56794 13.0229 3.56794 9.99964ZM18.0397 9.99964C18.0397 6.13764 15.3193 2.91614 11.6951 2.1391C11.2226 2.03781 10.8038 2.41894 10.8038 2.90212C10.8038 3.31447 11.1131 3.65666 11.5139 3.75342C14.3317 4.4336 16.4317 6.97643 16.4317 9.99964C16.4317 11.8729 15.6117 13.5533 14.3253 14.7271L12.4118 12.8136V17.6375H17.2357L15.4669 15.8688C17.0428 14.4055 18.0397 12.3232 18.0397 9.99964Z" fill="#111111" fill-opacity="0.3"/>
+<path d="M3.56794 9.99964C3.56794 8.12635 4.388 6.44602 5.67438 5.2722L7.58787 7.18569V2.36176H2.76395L4.53272 4.13054C2.95691 5.59379 1.95996 7.67612 1.95996 9.99964C1.95996 13.8617 4.6804 17.0832 8.30458 17.8602C8.77703 17.9615 9.19585 17.5803 9.19585 17.0972C9.19585 16.6848 8.88658 16.3426 8.48574 16.2459C5.66795 15.5657 3.56794 13.0229 3.56794 9.99964ZM18.0397 9.99964C18.0397 6.13764 15.3193 2.91614 11.6951 2.1391C11.2226 2.03781 10.8038 2.41894 10.8038 2.90212C10.8038 3.31447 11.1131 3.65666 11.5139 3.75342C14.3317 4.4336 16.4317 6.97643 16.4317 9.99964C16.4317 11.8729 15.6117 13.5533 14.3253 14.7271L12.4118 12.8136V17.6375H17.2357L15.4669 15.8688C17.0428 14.4055 18.0397 12.3232 18.0397 9.99964Z" fill="currentColor" fill-opacity="1"/>
 </svg>

package/build/main/assets/icons/story-loader.svg

@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 30C7.5 42.4264 17.5736 52.5 30 52.5C42.4264 52.5 52.5 42.4264 52.5 30C52.5 17.5736 42.4264 7.5 30 7.5" stroke="white" stroke-width="4" stroke-linecap="round"/>
+</svg>

package/build/main/constants/constants.d.ts

@@ -1,16 +1,16 @@
-export declare const DEFAULT_BLUE_LIGHT_ICON_COLOR = "#4799E30D";
-export declare const DEFAULT_BLUE_ICON_COLOR = "#4799E3";
-export declare const DEFAULT_BLUE_ICON_HOVER_COLOR = "#3C82C1";
-export declare const DEFAULT_RED_ICON_COLOR = "#EB5545";
-export declare const DEFAULT_GRAY_ICON_COLOR = "#1111114D";
-export declare const DEFAULT_BLACK_ICON_COLOR = "#111111";
-export declare const DEFAULT_HEADER_TEXT_COLOR = "#111111";
-export declare const DEFAULT_HEADER_BACKGROUND_COLOR = "#FFFFFF";
-export declare const DEFAULT_WHITE_LOADER_BACKGROUND_COLOR = "#FFFFFF";
-export declare const DEFAULT_GRAY_LOADER_BACKGROUND_COLOR = "#E0E4EC66";
-export declare const DEFAULT_TEXT_BUTTON_COLOR = "#111111";
-export declare const DEFAULT_BACKGROUND_BUTTON_COLOR = "#FFFFFF";
-export declare const DEFAULT_POPUP_BACKGROUND_COLOR = "rgba(37, 77, 145, 0.2)";
+export declare enum COLORS {
+    lighterBlue = "#4799E30D",
+    lightBlue = "rgba(37, 77, 145, 0.2)",
+    blue = "#4799E3",
+    darkBlue = "#3C82C1",
+    red = "#EB5545",
+    white = "#FFFFFF",
+    white3 = "#FFFFFF03",
+    white80 = "#FFFFFF80",
+    lightGray = "#E0E4EC66",
+    gray = "#1111114D",
+    black = "#111111"
+}
 export declare const INPUT_TYPE_PASSWORD = "password";
 export declare const INPUT_TYPE_TEXT = "text";
 export declare const ENTER_KEY = "Enter";

package/build/main/constants/constants.js

@@ -1,16 +1,17 @@
-export var DEFAULT_BLUE_LIGHT_ICON_COLOR = '#4799E30D';
-export var DEFAULT_BLUE_ICON_COLOR = '#4799E3';
-export var DEFAULT_BLUE_ICON_HOVER_COLOR = '#3C82C1';
-export var DEFAULT_RED_ICON_COLOR = '#EB5545';
-export var DEFAULT_GRAY_ICON_COLOR = '#1111114D';
-export var DEFAULT_BLACK_ICON_COLOR = '#111111';
-export var DEFAULT_HEADER_TEXT_COLOR = '#111111';
-export var DEFAULT_HEADER_BACKGROUND_COLOR = '#FFFFFF';
-export var DEFAULT_WHITE_LOADER_BACKGROUND_COLOR = '#FFFFFF';
-export var DEFAULT_GRAY_LOADER_BACKGROUND_COLOR = '#E0E4EC66';
-export var DEFAULT_TEXT_BUTTON_COLOR = '#111111';
-export var DEFAULT_BACKGROUND_BUTTON_COLOR = '#FFFFFF';
-export var DEFAULT_POPUP_BACKGROUND_COLOR = 'rgba(37, 77, 145, 0.2)';
+export var COLORS;
+(function (COLORS) {
+    COLORS["lighterBlue"] = "#4799E30D";
+    COLORS["lightBlue"] = "rgba(37, 77, 145, 0.2)";
+    COLORS["blue"] = "#4799E3";
+    COLORS["darkBlue"] = "#3C82C1";
+    COLORS["red"] = "#EB5545";
+    COLORS["white"] = "#FFFFFF";
+    COLORS["white3"] = "#FFFFFF03";
+    COLORS["white80"] = "#FFFFFF80";
+    COLORS["lightGray"] = "#E0E4EC66";
+    COLORS["gray"] = "#1111114D";
+    COLORS["black"] = "#111111";
+})(COLORS || (COLORS = {}));
 export var INPUT_TYPE_PASSWORD = 'password';
 export var INPUT_TYPE_TEXT = 'text';
 export var ENTER_KEY = 'Enter';

package/build/main/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './constants';
+export * from './types';

package/build/main/constants/index.js

@@ -1 +1,2 @@
 export * from './constants';
+export * from './types';

package/build/main/constants/types.d.ts

@@ -0,0 +1,8 @@
+export interface IThemeProps {
+    theme?: 'default' | 'dark';
+}
+export interface IPlatformProps {
+    platform?: 'web' | 'ios' | 'android';
+}
+export interface ICommonProps extends IThemeProps, IPlatformProps {
+}

package/build/main/constants/types.js

@@ -0,0 +1 @@
+export {};

package/build/main/helpers/index.d.ts

@@ -1,6 +1,8 @@
+import { COLORS } from '../constants';
 export declare const getColor: (color: string | undefined, defaultColor: string) => string;
 export declare const isWebPlatform: (platform: string) => boolean;
 export declare const isIosPlatform: (platform: string) => boolean;
 export declare const isAndroidPlatform: (platform: string) => boolean;
 export declare const isMobilePlatform: (platform: string) => boolean;
-export declare const getClassNames: (className: string, delimiter: string, additionalClassName: string) => string;
+export declare const getClassNames: (className: string, delimiter: string, additionalClassName: string | string[]) => string;
+export declare const getDefaultColorForCloseIcon: (theme: string) => COLORS.white80 | COLORS.gray;

package/build/main/helpers/index.js

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
-import { PLATFORM } from '../constants';
+import { isArray } from 'lodash';
+import { COLORS, PLATFORM, THEME } from '../constants';
 export var getColor = function (color, defaultColor) {
     return (color && CSS.supports('color', color)) ? color : defaultColor;
 };
@@ -7,4 +8,7 @@ export var isWebPlatform = function (platform) { return platform === PLATFORM.we
 export var isIosPlatform = function (platform) { return platform === PLATFORM.ios; };
 export var isAndroidPlatform = function (platform) { return platform === PLATFORM.android; };
 export var isMobilePlatform = function (platform) { return isAndroidPlatform(platform) || isIosPlatform(platform); };
-export var getClassNames = function (className, delimiter, additionalClassName) { return (classNames(className, "".concat(className).concat(delimiter).concat(additionalClassName))); };
+export var getClassNames = function (className, delimiter, additionalClassName) { return (isArray(additionalClassName)
+    ? classNames(className, additionalClassName.map(function (name) { return "".concat(className).concat(delimiter).concat(name); }))
+    : classNames(className, "".concat(className).concat(delimiter).concat(additionalClassName))); };
+export var getDefaultColorForCloseIcon = function (theme) { return theme === THEME.default ? COLORS.gray : COLORS.white80; };