@gobizweb/core 0.0.7

package/lib/components/Text/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Text.component"), exports);

package/lib/components/Toast/Toast.component.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+var iconpack_1 = require("@asphalt-react/iconpack");
+var icontuner_1 = __importDefault(require("@asphalt-react/icontuner"));
+var React = __importStar(require("react"));
+var react_spring_1 = require("react-spring");
+var Toast_styled_1 = require("./Toast.styled");
+exports.Toast = function (props) {
+    var toastItem = props.toastItem, onClose = props.onClose;
+    var _a = toastItem.color, color = _a === void 0 ? "primary" : _a;
+    var animatedProps = react_spring_1.useSpring({
+        opacity: 1,
+        transform: "translate3d(0, 0px, 0)",
+        from: {
+            opacity: 0,
+            transform: "translate3d(128px, 0, 0)",
+        },
+    });
+    var renderIcon = function () {
+        if (toastItem.color === "info") {
+            return (React.createElement(icontuner_1.default, { info: true },
+                React.createElement(iconpack_1.Info, null)));
+        }
+        if (toastItem.color === "warning") {
+            return (React.createElement(icontuner_1.default, { warning: true },
+                React.createElement(iconpack_1.Warning, null)));
+        }
+        if (toastItem.color === "danger") {
+            return (React.createElement(icontuner_1.default, { danger: true },
+                React.createElement(iconpack_1.Error, null)));
+        }
+        return (React.createElement(icontuner_1.default, { success: true },
+            React.createElement(iconpack_1.TickCircle, null)));
+    };
+    return (React.createElement(Toast_styled_1.ToastItemEl, { className: "asp-toast", color: color, style: animatedProps, "data-testid": "toast-component" },
+        React.createElement("div", { "data-testid": "toast-icon", style: { minWidth: "16px" } }, renderIcon()),
+        React.createElement(Toast_styled_1.ToastContentEl, null,
+            toastItem.title && React.createElement(Toast_styled_1.ToastTitleEl, null, toastItem.title),
+            toastItem.message && (React.createElement(Toast_styled_1.ToastMessageEl, null, toastItem.message))),
+        React.createElement(Toast_styled_1.ToastCloseEl, { "data-testid": "toast-close-button", onClick: function () { return onClose(toastItem.uuid); } },
+            React.createElement(iconpack_1.Cross, null))));
+};

package/lib/components/Toast/Toast.interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/components/Toast/Toast.manager.js

@@ -0,0 +1,61 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastManager = void 0;
+var React = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var styled_components_1 = __importStar(require("styled-components"));
+var constants_1 = require("../../constants");
+var Toast_component_1 = require("./Toast.component");
+var helpers_1 = require("../../helpers");
+var providers_1 = require("../../providers");
+var Toast_provider_1 = require("./Toast.provider");
+var ToastPortalEl = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  width: 100vw;\n  z-index: ", ";\n\n  ", "\n"], ["\n  position: fixed;\n  width: 100vw;\n  z-index: ", ";\n\n  ",
+    "\n"])), function (p) { return p.theme.layout.zIndex.toast; }, !helpers_1.isIFrame() && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", " {\n      bottom: 0;\n    }\n  "], ["\n    ", " {\n      bottom: 0;\n    }\n  "])), constants_1.MediaQueries.screen.medium.maxWidth));
+var ToastWrapperEl = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  right: 44px;\n  top: 44px;\n  width: 320px;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  right: 44px;\n  top: 44px;\n  width: 320px;\n\n  ",
+    "\n\n  ",
+    "\n"])), helpers_1.isIFrame() && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", " {\n      left: 16px;\n      max-width: calc(100vw - 32px);\n      right: 16px;\n      top: 16px;\n    }\n  "], ["\n    ", " {\n      left: 16px;\n      max-width: calc(100vw - 32px);\n      right: 16px;\n      top: 16px;\n    }\n  "])), constants_1.MediaQueries.screen.medium.maxWidth), !helpers_1.isIFrame() && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", " {\n      bottom: 16px;\n      flex-direction: column-reverse;\n      left: 16px;\n      right: 16px;\n      top: auto;\n      width: auto;\n    }\n  "], ["\n    ", " {\n      bottom: 16px;\n      flex-direction: column-reverse;\n      left: 16px;\n      right: 16px;\n      top: auto;\n      width: auto;\n    }\n  "])), constants_1.MediaQueries.screen.medium.maxWidth));
+exports.ToastManager = function () {
+    var _a = providers_1.useMicroApp().appName, appName = _a === void 0 ? "" : _a;
+    var _b = React.useState(), root = _b[0], setRoot = _b[1];
+    var _c = Toast_provider_1.useToast(), toastItems = _c.toastItems, closeById = _c.closeById;
+    var container = React.useRef(document.createElement("div"));
+    React.useEffect(function () {
+        var _a;
+        var prefixName = "react-root--";
+        setRoot(document.getElementById(prefixName + "dashboard") ||
+            document.getElementById(prefixName + appName.toLowerCase()));
+        if (!root)
+            return;
+        var containerEl = container.current;
+        (_a = root === null || root === void 0 ? void 0 : root.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(containerEl, root);
+        (function () {
+            containerEl === null || containerEl === void 0 ? void 0 : containerEl.remove();
+        });
+    }, [root]);
+    return react_dom_1.createPortal(React.createElement(ToastPortalEl, null,
+        React.createElement(ToastWrapperEl, null, toastItems.map(function (toastItem, key) { return (React.createElement(Toast_component_1.Toast, { key: key, toastItem: toastItem, onClose: closeById })); }))), container.current);
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/lib/components/Toast/Toast.provider.js

@@ -0,0 +1,85 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastProvider = exports.useToast = exports.ToastContext = exports.TOAST_DEFAULT_TIMEOUT = void 0;
+var react_1 = __importStar(require("react"));
+var helpers_1 = require("../../helpers");
+var Toast_manager_1 = require("./Toast.manager");
+exports.TOAST_DEFAULT_TIMEOUT = 5000;
+exports.ToastContext = react_1.createContext({});
+exports.useToast = function () { return react_1.useContext(exports.ToastContext); };
+exports.ToastProvider = function (props) {
+    var initialState = [];
+    var reducer = function (toastItems, action) {
+        switch (action.type) {
+            case "ADD": {
+                return __spreadArrays(toastItems, [action.toastItem]);
+            }
+            case "DELETE": {
+                var isToastFound = toastItems.find(function (toast) { return toast.uuid === action.uuid; });
+                if (!isToastFound)
+                    return toastItems;
+                var filteredToast = toastItems.filter(function (toast) { return action.uuid !== toast.uuid; });
+                return filteredToast;
+            }
+            default:
+                return toastItems;
+        }
+    };
+    var _a = react_1.useReducer(reducer, initialState), toastItems = _a[0], dispatch = _a[1];
+    var showToast = function (alert) {
+        var toastWithID = __assign({ uuid: helpers_1.shortID() }, alert);
+        dispatch({ type: "ADD", toastItem: toastWithID });
+        if (!toastWithID.persistent) {
+            setTimeout(function () {
+                closeById(toastWithID.uuid);
+            }, toastWithID.timeout || exports.TOAST_DEFAULT_TIMEOUT);
+        }
+        return toastWithID;
+    };
+    var closeById = function (uuid) { return dispatch({ type: "DELETE", uuid: uuid }); };
+    var context = {
+        toastItems: toastItems,
+        showToast: showToast,
+        closeById: closeById,
+    };
+    return (react_1.default.createElement(exports.ToastContext.Provider, { value: context },
+        props.children,
+        react_1.default.createElement(Toast_manager_1.ToastManager, null)));
+};

package/lib/components/Toast/Toast.styled.js

@@ -0,0 +1,18 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastCloseEl = exports.ToastContentEl = exports.ToastMessageEl = exports.ToastTitleEl = exports.ToastItemEl = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var react_spring_1 = require("react-spring");
+exports.ToastItemEl = styled_components_1.default(react_spring_1.animated.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: start;\n  background-color: white;\n  box-sizing: border-box;\n  border-left: 3px solid\n    ", ";\n  border-radius: 2px;\n  box-shadow: 0 0 2px 0 rgba(67, 90, 111, 0.1),\n    0 8px 10px 0 rgba(67, 90, 111, 0.3);\n  display: flex;\n  padding: 14px 16px;\n  margin-bottom: 24px;\n  width: 100%;\n"], ["\n  align-items: start;\n  background-color: white;\n  box-sizing: border-box;\n  border-left: 3px solid\n    ", ";\n  border-radius: 2px;\n  box-shadow: 0 0 2px 0 rgba(67, 90, 111, 0.1),\n    0 8px 10px 0 rgba(67, 90, 111, 0.3);\n  display: flex;\n  padding: 14px 16px;\n  margin-bottom: 24px;\n  width: 100%;\n"])), function (props) { return props.theme.colors.background[props.color]; });
+exports.ToastTitleEl = styled_components_1.default.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: rgb(27, 40, 66);\n  font-family: \"Maison Neue\", sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 20px;\n  margin-bottom: 8px;\n"], ["\n  color: rgb(27, 40, 66);\n  font-family: \"Maison Neue\", sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 20px;\n  margin-bottom: 8px;\n"])));
+exports.ToastMessageEl = styled_components_1.default.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: rgb(27, 40, 66);\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 18px;\n  margin-bottom: 8px;\n"], ["\n  color: rgb(27, 40, 66);\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 18px;\n  margin-bottom: 8px;\n"])));
+exports.ToastContentEl = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: auto;\n  margin-left: 12px;\n"], ["\n  flex: auto;\n  margin-left: 12px;\n"])));
+exports.ToastCloseEl = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  height: 24px;\n  min-width: 16px;\n  outline: none;\n  padding: 0;\n  width: 24px;\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  height: 24px;\n  min-width: 16px;\n  outline: none;\n  padding: 0;\n  width: 24px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/lib/components/Toast/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Toast.manager"), exports);
+__exportStar(require("./Toast.provider"), exports);
+__exportStar(require("./Toast.interface"), exports);

package/lib/components/Tours/index.js

@@ -0,0 +1,100 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tours = exports.TourContent = exports.TourTitle = exports.TourItem = void 0;
+var mobx_react_lite_1 = require("mobx-react-lite");
+var React = __importStar(require("react"));
+var reactour_1 = __importDefault(require("reactour"));
+var helpers_1 = require("../../helpers");
+var providers_1 = require("../../providers");
+var react_svg_1 = require("react-svg");
+var __1 = require("../");
+require("../../../assets/Tours.style.scss");
+var translationFiles = require("./translations.json");
+exports.TourItem = function (_a) {
+    var children = _a.children, icon = _a.icon, event = _a.event;
+    var sendCustomEvent = providers_1.useGoogleAnalytics().sendCustomEvent;
+    React.useEffect(function () {
+        event && sendCustomEvent(event.category, event.action);
+    }, [event, sendCustomEvent]);
+    return (React.createElement(__1.Box, { flex: true },
+        React.createElement(__1.Box, { style: { flex: "none" } }, icon || (React.createElement(react_svg_1.ReactSVG, { src: require("../../../assets/icons/thumb-up.svg") }))),
+        React.createElement(__1.Box, { flex: true, flexDirectionColumn: true, marginLeftL: true }, children)));
+};
+exports.TourTitle = function (_a) {
+    var children = _a.children;
+    return (React.createElement(__1.Text, { fontSize: "normal", fontWeight: "demi", marginBottomS: true }, children));
+};
+exports.TourContent = function (_a) {
+    var children = _a.children;
+    return (React.createElement(__1.Text, { fontSize: "medium", fontWeight: "book" }, children));
+};
+exports.Tours = mobx_react_lite_1.observer(function (props) {
+    var translate = providers_1.useTranslation(translationFiles);
+    var _a = React.useState(props.isOpen), isOpen = _a[0], setOpen = _a[1];
+    var tourStatus = helpers_1.getTourCookie(props.tourName);
+    var isTourStatusValid = typeof tourStatus === "number" && !props.dynamicChildren;
+    var startAt = isTourStatusValid ? tourStatus : 0;
+    var _b = React.useState(startAt), currentStep = _b[0], setCurrentStep = _b[1];
+    React.useEffect(function () {
+        setOpen(props.isOpen);
+    }, [props.isOpen]);
+    if (helpers_1.isWebView()) {
+        return null;
+    }
+    var childrenToSteps = React.Children.map(props.children, function (child) { return ({
+        selector: child.props.selector,
+        position: child.props.position,
+        content: child,
+    }); });
+    var initiateTourStatus = function (_) {
+        if (!tourStatus)
+            setTourStatus(helpers_1.TourStatus.Started);
+    };
+    var completeTour = function () {
+        setTourStatus(helpers_1.TourStatus.Completed);
+        setOpen(false);
+    };
+    var setTourStatus = function (status) {
+        if (typeof status === "number") {
+            setCurrentStep(status);
+        }
+        helpers_1.setTourCookie(props.tourName, status);
+    };
+    // Return empty element if length of steps equal to 1
+    var backButton = function () {
+        if (childrenToSteps.length === 1) {
+            return React.createElement(React.Fragment, null);
+        }
+        if (props.disablePrev) {
+            return React.createElement("div", null);
+        }
+        if (currentStep === 0) {
+            return (React.createElement(__1.Button, { onClick: completeTour, outline: true, size: "s", "data-testid": "complete-tour-button" }, translate("skip")));
+        }
+        return (React.createElement(__1.Button, { outline: true, size: "s" }, translate("prev")));
+    };
+    return (React.createElement(reactour_1.default, { className: "tours-container", closeWithMask: false, disableDotsNavigation: true, disableInteraction: true, disableKeyboardNavigation: true, getCurrentStep: function (currentStep) { return setTourStatus(currentStep); }, isOpen: isOpen, lastStepNextButton: React.createElement(__1.Button, { onClick: completeTour, stretch: true, size: "s" }, props.finishText || translate("finish")), maskClassName: "tours-mask", nextButton: React.createElement(__1.Button, { size: "s" }, props.nextText || translate("next")), onAfterOpen: function (target) { return initiateTourStatus(target); }, onRequestClose: completeTour, prevButton: backButton(), rounded: 15, showCloseButton: false, showNavigation: !!props.showNavigation, scrollOffset: 10, highlightedMaskClassName: "" // if we didn't provide any class string it will become undefined class and it will render to html
+        , showNumber: false, startAt: startAt, steps: childrenToSteps, "data-testid": "tour-component" }));
+});

package/lib/components/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AlertBox"), exports);
+__exportStar(require("./AlertDialog"), exports);
+__exportStar(require("./AsphaltPolyfill"), exports);
+__exportStar(require("./Box"), exports);
+__exportStar(require("./Breakpoint"), exports);
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Card"), exports);
+__exportStar(require("./CardList"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Container"), exports);
+__exportStar(require("./DatePicker"), exports);
+__exportStar(require("./Dropdown"), exports);
+__exportStar(require("./GlobalFilter"), exports);
+__exportStar(require("./IframeLoader"), exports);
+__exportStar(require("./Input"), exports);
+__exportStar(require("./List"), exports);
+__exportStar(require("./Loading"), exports);
+__exportStar(require("./LoadingModule"), exports);
+__exportStar(require("./MobileAppBar"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./Navigation"), exports);
+__exportStar(require("./PageTitle"), exports);
+__exportStar(require("./Radio"), exports);
+__exportStar(require("./Separator"), exports);
+__exportStar(require("./Skeleton"), exports);
+__exportStar(require("./Stepper"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./Tours"), exports);
+__exportStar(require("./Table"), exports);
+__exportStar(require("./EmptyState"), exports);
+__exportStar(require("./Pagination"), exports);
+__exportStar(require("./Guard"), exports);
+__exportStar(require("./TableContainer"), exports);
+__exportStar(require("./AccordionSelect"), exports);
+__exportStar(require("./Asphalt"), exports);
+__exportStar(require("./ErrorModal"), exports);
+__exportStar(require("./FilterModal"), exports);
+__exportStar(require("./ErrorScreen"), exports);

package/lib/constants/AndroidVersions.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ANDROID_VERSIONS = void 0;
+exports.ANDROID_VERSIONS = {
+    Lollipop: 21,
+};

package/lib/constants/AppNames.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APP_NAMES = void 0;
+exports.APP_NAMES = {
+    lombok: "lombok",
+    qris: "qris",
+    claimAdmin: "claim-admin",
+    pos: "pos",
+    merchantIncentive: "merchant-incentive",
+};

package/lib/constants/AsphaltTheme.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MIDTRANS_ASPHALT_THEME = exports.GOBIZ_ASPHALT_THEME = void 0;
+exports.GOBIZ_ASPHALT_THEME = {
+    "--background-fill-brand": "hsla(303, 49%, 39%, 1)",
+    "--text-brand": "hsla(303, 49%, 39%, 1)",
+    "--icon-brand": "hsla(303, 49%, 39%, 1)",
+    "--interactive-fill-brand-default": "hsla(303, 49%, 39%, 1)",
+    "--interactive-fill-brand-hover": "hsla(303, 31%, 51%, 1)",
+    "--interactive-fill-brand-active": "hsla(303, 49%, 31%, 1)",
+    "--interactive-fill-selected-default": "hsla(303, 49%, 31%, 1)",
+    "--interactive-fill-selected-active": "hsla(303, 49%, 39%, 1)",
+    "--interactive-fill-selected-hover": "hsla(303, 49%, 39%, 1)",
+    "--checkbox-border-color-active": "hsla(303, 49%, 39%, 1)",
+    "--checkbox-background-color-active": "hsla(303, 49%, 39%, 1)",
+    "--button-primary-fill-color": "hsla(303, 49%, 39%, 1)",
+    "--button-primary-active-color": "hsla(303, 49%, 39%, 1)",
+    "--button-border-focus": "hsla(303, 49%, 39%, 1)",
+    "--button-outline-font": "hsla(303, 49%, 39%, 1)",
+    "--avatar-background-color": "hsla(303, 49%, 31%, 1)",
+    "--nav-background-color": "hsla(312, 37%, 89%,1)",
+    "--dashboard-card-footer-color": "hsla(312, 37%, 95%,1)",
+};
+exports.MIDTRANS_ASPHALT_THEME = {
+    "--background-fill-brand": "hsla(193, 100%, 43%, 1)",
+    "--text-brand": "hsla(193, 100%, 43%, 1)",
+    "--icon-brand": "hsla(193, 100%, 43%, 1)",
+    "--interactive-fill-brand-default": "hsla(209, 98%, 33%, 1)",
+    "--interactive-fill-brand-hover": "hsla(209, 88%, 80%, 1)",
+    "--interactive-fill-brand-active": "hsla(209, 98%, 33%, 1)",
+    "--interactive-fill-selected-default": "hsla(209, 98%, 33%, 1)",
+    "--interactive-fill-selected-active": "hsla(209, 98%, 33%, 1)",
+    "--interactive-fill-selected-hover": "hsla(209, 98%, 33%, 1)",
+    "--checkbox-border-color-active": "hsla(209, 98%, 33%, 1)",
+    "--checkbox-background-color-active": "hsla(209, 98%, 33%, 1)",
+    "--button-primary-fill-color": "hsla(209, 98%, 33%, 1)",
+    "--button-primary-active-color": "hsla(209, 98%, 33%, 1)",
+    "--button-border-focus": "hsla(209, 98%, 33%, 1)",
+    "--button-outline-font": "hsla(209, 98%, 33%, 1)",
+    "--avatar-background-color": "hsla(209, 98%, 33%, 1)",
+    "--nav-background-color": "hsla(209, 88%, 89%,1)",
+    "--dashboard-card-footer-color": "hsla(209, 88%, 95%,1)",
+};

package/lib/constants/GobizApp.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GOBIZ_APP_VERSION = exports.GOBIZ_APP_ID = void 0;
+exports.GOBIZ_APP_ID = {
+    PlayStore: "com.gojek.resto",
+    Landi: "id.co.spots.app",
+};
+var GOBIZ_APP_VERSION;
+(function (GOBIZ_APP_VERSION) {
+    GOBIZ_APP_VERSION[GOBIZ_APP_VERSION["3.15.0"] = 79] = "3.15.0";
+})(GOBIZ_APP_VERSION = exports.GOBIZ_APP_VERSION || (exports.GOBIZ_APP_VERSION = {}));

package/lib/constants/MediaQueries.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaQueries = exports.BreakpointsEnum = void 0;
+var BreakpointsEnum;
+(function (BreakpointsEnum) {
+    BreakpointsEnum[BreakpointsEnum["xSmall"] = 320] = "xSmall";
+    BreakpointsEnum[BreakpointsEnum["small"] = 400] = "small";
+    BreakpointsEnum[BreakpointsEnum["sMedium"] = 580] = "sMedium";
+    BreakpointsEnum[BreakpointsEnum["medium"] = 767] = "medium";
+    BreakpointsEnum[BreakpointsEnum["large"] = 1080] = "large";
+})(BreakpointsEnum = exports.BreakpointsEnum || (exports.BreakpointsEnum = {}));
+exports.MediaQueries = {
+    screen: {
+        mobile: {
+            maxWidth: "@media (max-width: " + BreakpointsEnum.small + "px)",
+        },
+        sMedium: {
+            maxWidth: "@media (max-width: " + BreakpointsEnum.sMedium + "px)",
+            minWidth: "@media (min-width: " + BreakpointsEnum.sMedium + "px)",
+        },
+        medium: {
+            maxWidth: "@media (max-width: " + BreakpointsEnum.medium + "px)",
+            minWidth: "@media (min-width: " + BreakpointsEnum.medium + "px)",
+        },
+        large: {
+            maxWidth: "@media (max-width: " + BreakpointsEnum.large + "px)",
+            minWidth: "@media (min-width: " + BreakpointsEnum.large + "px)",
+        },
+    },
+};