@gobizweb/core 0.0.7

package/lib/components/Container/Container.js

@@ -0,0 +1,74 @@
+"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 __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+var React = __importStar(require("react"));
+var withStyles_1 = require("../../decorators/withStyles");
+var helpers_1 = require("../../helpers");
+var styled_components_1 = __importStar(require("styled-components"));
+var constants_1 = require("../../constants");
+var hooks_1 = require("../../hooks");
+var ContainerEl = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding: 16px 24px 32px;\n  flex-shrink: 0;\n  width: 100%;\n\n  ", "\n\n  ", " {\n    padding: 16px;\n  }\n\n  ", "\n\n  ", "\n  \n  ", "\n\n  ", "\n"], ["\n  box-sizing: border-box;\n  padding: 16px 24px 32px;\n  flex-shrink: 0;\n  width: 100%;\n\n  ",
+    "\n\n  ", " {\n    padding: 16px;\n  }\n\n  ",
+    "\n\n  ",
+    "\n  \n  ",
+    "\n\n  ",
+    "\n"])), function (props) {
+    return props.center && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    "], ["\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    "])));
+}, constants_1.MediaQueries.screen.medium.maxWidth, function (p) {
+    return p.withNavbar && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      // screen height minus height of navbar on mobile + padding from container\n      height: calc(", "px - (56px + 16px));\n    "], ["\n      // screen height minus height of navbar on mobile + padding from container\n      height: calc(", "px - (56px + 16px));\n    "])), p.height);
+}, function (p) {
+    return (p.wrapHeight || (p.wrapHeightInWebView && helpers_1.isWebView())) && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      flex: auto;\n      flex-direction: column;\n    "], ["\n      display: flex;\n      flex: auto;\n      flex-direction: column;\n    "])));
+}, function (p) {
+    return p.wrapWidth && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      max-width: 731px;\n    "], ["\n      max-width: 731px;\n    "])));
+}, helpers_1.isIFrame() && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    padding: 8px;\n\n    ", " {\n      padding: 16px 8px;\n    }\n  "], ["\n    padding: 8px;\n\n    ", " {\n      padding: 16px 8px;\n    }\n  "])), constants_1.MediaQueries.screen.medium.maxWidth));
+exports.Container = withStyles_1.withStyles(function (_a) {
+    var children = _a.children, other = __rest(_a, ["children"]);
+    var innerHeight = hooks_1.useWindow().innerHeight;
+    return (React.createElement(ContainerEl, __assign({ height: innerHeight }, other), children));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib/components/Container/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("./Container"), exports);

package/lib/components/DatePicker/Datepicker.component.js

@@ -0,0 +1,57 @@
+"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 __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var react_datepicker_1 = __importDefault(require("react-datepicker"));
+var iconpack_1 = require("@asphalt-react/iconpack");
+var Text_1 = require("../Text");
+require("@gobizweb/core/assets/Datepicker.styles.css");
+require("react-datepicker/dist/react-datepicker.css");
+var WrapperEl = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n"])));
+var CustomInput = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: ", ";\n  border: 1px solid #b4bdcf;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  height: 32px;\n  outline: none;\n  padding-right: 8px;\n  text-indent: 5px;\n  width: 100%;\n"], ["\n  background: ", ";\n  border: 1px solid #b4bdcf;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  height: 32px;\n  outline: none;\n  padding-right: 8px;\n  text-indent: 5px;\n  width: 100%;\n"])), function (props) { return props.theme.colors.background.white; }, function (props) { return props.theme.colors.text.soft; }, function (props) { return props.theme.text.fontFamily.normal; }, function (props) { return props.theme.text.size.medium; });
+var IconWrapperEl = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  bottom: 0;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  margin: auto;\n  position: absolute;\n  right: 4px;\n  top: 0;\n  width: 20px;\n"], ["\n  align-items: center;\n  bottom: 0;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  margin: auto;\n  position: absolute;\n  right: 4px;\n  top: 0;\n  width: 20px;\n"])));
+exports.DatePicker = function (props) {
+    var label = props.label, _a = props.dateFormat, dateFormat = _a === void 0 ? "D MMM YYYY H:mm" : _a, datePickerProps = __rest(props, ["label", "dateFormat"]);
+    return (react_1.default.createElement(WrapperEl, null,
+        label && (react_1.default.createElement(Text_1.Text, { fontSize: "small", fontWeight: "demi", marginBottomM: true }, label)),
+        react_1.default.createElement(react_datepicker_1.default, __assign({}, datePickerProps, { dateFormat: dateFormat, popperClassName: "datepicker-custom-class", popperModifiers: {
+                preventOverflow: {
+                    enabled: true,
+                    escapeWithReference: false,
+                    boundariesElement: "viewport",
+                },
+            }, customInput: react_1.default.createElement(CustomInput, null) })),
+        react_1.default.createElement(IconWrapperEl, null,
+            react_1.default.createElement(iconpack_1.Calendar, null))));
+};
+var templateObject_1, templateObject_2, templateObject_3;

package/lib/components/DatePicker/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("./Datepicker.component"), exports);

package/lib/components/Dropdown/Dropdown.component.js

@@ -0,0 +1,63 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+var React = __importStar(require("react"));
+var dropdown_1 = __importDefault(require("@asphalt-react/dropdown"));
+var Text_1 = require("../Text");
+var Input_1 = require("../Input");
+var Box_1 = require("../Box");
+exports.Dropdown = function (props) {
+    var label = props.label, helperText = props.helperText, error = props.error, asphaltProps = __rest(props, ["label", "helperText", "error"]);
+    return (React.createElement(Box_1.Box, null,
+        label && React.createElement(Input_1.InputLabel, null, label),
+        React.createElement(dropdown_1.default, __assign({}, asphaltProps)),
+        helperText && (React.createElement(Text_1.Text, { marginTopS: true, fontSize: "small", color: error ? "danger" : undefined, fontWeight: "book" }, helperText))));
+};
+exports.Dropdown.defaultProps = {
+    size: "s",
+    stretch: true,
+};

package/lib/components/Dropdown/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("./Dropdown.component"), exports);

package/lib/components/EmptyState/EmptyState.component.js

@@ -0,0 +1,47 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = void 0;
+var React = __importStar(require("react"));
+var Text_1 = require("../Text");
+var Box_1 = require("../Box");
+var react_svg_1 = require("react-svg");
+var styled_components_1 = __importDefault(require("styled-components"));
+var EmptyStateContainer = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 32px 0;\n"], ["\n  margin: 32px 0;\n"])));
+var SubtitleEl = styled_components_1.default(Text_1.Text)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 464px;\n  margin-left: auto;\n  margin-right: auto;\n"], ["\n  max-width: 464px;\n  margin-left: auto;\n  margin-right: auto;\n"])));
+var ChildrenEl = styled_components_1.default(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-self: center;\n"], ["\n  align-self: center;\n"])));
+exports.EmptyState = function (_a) {
+    var children = _a.children, title = _a.title, subtitle = _a.subtitle;
+    return (React.createElement(EmptyStateContainer, { flex: true, flexDirectionColumn: true, justifyCenter: true, paddingM: true },
+        React.createElement(Box_1.Box, { flex: true, flexDirectionRow: true, justifyCenter: true },
+            React.createElement(react_svg_1.ReactSVG, { src: require("@gobizweb/core/assets/images/spot_hero_empty_list.svg") })),
+        React.createElement(Text_1.Text, { align: "center", fontWeight: "demi", fontSize: "xlarge" }, title),
+        subtitle && (React.createElement(SubtitleEl, { marginTopL: true, marginBottomL: true, fontSize: "normal", align: "center" }, subtitle)),
+        children && (React.createElement(ChildrenEl, { marginBottomL: true, marginTopL: true }, children))));
+};
+var templateObject_1, templateObject_2, templateObject_3;

package/lib/components/EmptyState/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("./EmptyState.component"), exports);

package/lib/components/ErrorModal/ErrorModal.component.js

@@ -0,0 +1,41 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorModal = void 0;
+var react_1 = __importDefault(require("react"));
+var Modal_1 = require("../Modal");
+var button_1 = __importDefault(require("@asphalt-react/button"));
+var providers_1 = require("../../providers");
+var helpers_1 = require("../../helpers");
+exports.ErrorModal = function (props) {
+    var translate = providers_1.useTranslation();
+    var errorTitleText = helpers_1.isOffline()
+        ? translate("generic.network_offline.title")
+        : translate("generic.server_error.title");
+    var errorMessageText = helpers_1.isOffline()
+        ? translate("generic.network_offline.message")
+        : translate("generic.server_error.message");
+    var errorCtaText = helpers_1.isOffline()
+        ? translate("generic.network_offline.cta")
+        : translate("generic.server_error.cta");
+    return (react_1.default.createElement(Modal_1.ModalManager, __assign({ modalSize: "m" }, props),
+        react_1.default.createElement(Modal_1.Modal, { fitWidth: true, "data-testid": "error-modal" },
+            react_1.default.createElement(Modal_1.ModalHeader, null,
+                react_1.default.createElement(Modal_1.ModalTitle, null, errorTitleText)),
+            react_1.default.createElement(Modal_1.ModalContent, null, errorMessageText),
+            react_1.default.createElement(Modal_1.ModalFooter, null,
+                react_1.default.createElement(button_1.default, { "data-testid": "error-modal-button", onClick: function () { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); } }, errorCtaText)))));
+};

package/lib/components/ErrorModal/ErrorModal.store.js

@@ -0,0 +1,43 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorModalStore = exports.ErrorModalStoreContext = exports.ErrorModalStore = void 0;
+var mobx_1 = require("mobx");
+var react_1 = require("react");
+var ErrorModalStore = /** @class */ (function () {
+    function ErrorModalStore() {
+        this.show = false;
+    }
+    ErrorModalStore.prototype.showAlert = function () {
+        this.show = true;
+    };
+    ErrorModalStore.prototype.hideAlert = function () {
+        this.show = false;
+    };
+    ErrorModalStore.prototype.onClick = function () {
+        var _a;
+        this.hideAlert();
+        (_a = this.retryCta) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
+    __decorate([
+        mobx_1.observable
+    ], ErrorModalStore.prototype, "show", void 0);
+    __decorate([
+        mobx_1.observable
+    ], ErrorModalStore.prototype, "retryCta", void 0);
+    __decorate([
+        mobx_1.action
+    ], ErrorModalStore.prototype, "showAlert", null);
+    __decorate([
+        mobx_1.action
+    ], ErrorModalStore.prototype, "hideAlert", null);
+    return ErrorModalStore;
+}());
+exports.ErrorModalStore = ErrorModalStore;
+exports.ErrorModalStoreContext = react_1.createContext(new ErrorModalStore());
+exports.useErrorModalStore = function () { return react_1.useContext(exports.ErrorModalStoreContext); };

package/lib/components/ErrorModal/index.js

@@ -0,0 +1,14 @@
+"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("./ErrorModal.component"), exports);
+__exportStar(require("./ErrorModal.store"), exports);

package/lib/components/ErrorScreen/ErrorScreen.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorScreen = void 0;
+var react_1 = __importDefault(require("react"));
+var react_svg_1 = require("react-svg");
+var Box_1 = require("../Box");
+var Text_1 = require("../Text");
+var Translation_provider_1 = require("../../providers/Translation.provider");
+var server_error_dino_svg_1 = __importDefault(require("@gobizweb/core/assets/images/server_error_dino.svg"));
+exports.ErrorScreen = function () {
+    var translate = Translation_provider_1.useTranslation();
+    return (react_1.default.createElement(Box_1.Box, { flex: true, justifyCenter: true, alignCenter: true, flexDirectionColumn: true },
+        react_1.default.createElement(react_svg_1.ReactSVG, { src: server_error_dino_svg_1.default }),
+        react_1.default.createElement(Text_1.Text, { marginBottomM: true, fontWeight: "demi" }, translate("generic.server_error.title")),
+        react_1.default.createElement(Text_1.Text, null, translate("generic.server_error.message"))));
+};

package/lib/components/ErrorScreen/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("./ErrorScreen"), exports);

package/lib/components/FilterModal/FilterModal.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterModal = void 0;
+var react_1 = __importDefault(require("react"));
+var button_1 = __importDefault(require("@asphalt-react/button"));
+var iconpack_1 = require("@asphalt-react/iconpack");
+var FilterModal_state_1 = require("./FilterModal.state");
+var Translation_provider_1 = require("../../providers/Translation.provider");
+var Box_1 = require("../Box");
+var Text_1 = require("../Text");
+var Asphalt_1 = require("../Asphalt");
+var Modal_1 = require("../Modal");
+var AccordionSelect_1 = require("../AccordionSelect");
+exports.FilterModal = function (props) {
+    var _a, _b, _c;
+    var translate = Translation_provider_1.useTranslation(require("./translations.json"));
+    var buttonLabelCta = props.buttonLabelCta, buttonLabelApply = props.buttonLabelApply, buttonLabelCancel = props.buttonLabelCancel, buttonLabelReset = props.buttonLabelReset, title = props.title, subtitle = props.subtitle, buttonCustomContent = props.buttonCustomContent, buttonOutlineCta = props.buttonOutlineCta, config = props.config, onApply = props.onApply;
+    var _d = FilterModal_state_1.useFilterModal(config), show = _d.show, setShow = _d.setShow, onCancel = _d.onCancel, onReset = _d.onReset, applyFilter = _d.applyFilter, onChange = _d.onChange, onAccordionChange = _d.onAccordionChange, accordionValue = _d.accordionValue, data = _d.data;
+    return (react_1.default.createElement("div", { "data-testid": "filter-modal" },
+        react_1.default.createElement(button_1.default, { onClick: function () { return setShow(true); }, outline: buttonOutlineCta }, buttonCustomContent ? (buttonCustomContent) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(iconpack_1.Filter, null),
+            buttonLabelCta && (react_1.default.createElement(Box_1.Box, { marginLeftS: true, "data-testid": "filter-modal-label-cta" }, buttonLabelCta))))),
+        react_1.default.createElement(Modal_1.ModalManager, { onClose: onCancel, showModal: show },
+            react_1.default.createElement(Modal_1.Modal, { "data-testid": "filter-modal" },
+                react_1.default.createElement(Modal_1.ModalContent, null,
+                    react_1.default.createElement(Box_1.Box, { marginBottomXl: true },
+                        react_1.default.createElement(Text_1.Text, { marginBottomM: true, fontSize: "large", fontWeight: "demi", "data-testid": "filter-modal-title" }, title || translate("filter_modal.modal.title")),
+                        subtitle && (react_1.default.createElement(Text_1.Text, { "data-testid": "filter-modal-subtitle" }, subtitle))),
+                    ((_a = config === null || config === void 0 ? void 0 : config.textFields) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(Box_1.Box, { flex: true, justifyBetween: true, flexWrap: true }, (_b = config === null || config === void 0 ? void 0 : config.textFields) === null || _b === void 0 ? void 0 : _b.map(function (field) { return (react_1.default.createElement(Asphalt_1.AsphaltInput, { name: field.name, stretch: field.stretch, "data-testid": field.data_testid, label: field.label, placeholder: field.placeholder, type: field.type, onChange: onChange(field.name), value: data[field.name] })); }))) : null,
+                    ((_c = config === null || config === void 0 ? void 0 : config.accordions) === null || _c === void 0 ? void 0 : _c.length) ? (react_1.default.createElement(Box_1.Box, { marginBottomXl: true },
+                        react_1.default.createElement(AccordionSelect_1.AccordionSelect, { onChange: onAccordionChange, options: accordionValue }))) : null),
+                react_1.default.createElement(Modal_1.ModalFooter, null,
+                    react_1.default.createElement(Box_1.Box, { flex: true, justifyBetween: true, width100: true },
+                        react_1.default.createElement(button_1.default, { onClick: onReset, nude: true, danger: true, "data-testid": "filter-modal-reset" }, buttonLabelReset || translate("filter.button.reset")),
+                        react_1.default.createElement(Box_1.Box, { flex: true },
+                            react_1.default.createElement(button_1.default, { onClick: onCancel, stretch: true, nude: true, "data-testid": "filter-modal-cancel" }, buttonLabelCancel || translate("filter.button.cancel")),
+                            react_1.default.createElement(button_1.default, { onClick: function () { return onApply(applyFilter()); }, stretch: true, "data-testid": "filter-modal-apply" }, buttonLabelApply || translate("filter.button.apply")))))))));
+};

package/lib/components/FilterModal/FilterModal.state.js

@@ -0,0 +1,139 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilterModal = exports.convertToData = void 0;
+var react_1 = require("react");
+var useQueryParams_1 = require("../../hooks/useQueryParams");
+exports.convertToData = function (config) {
+    var _a, _b;
+    var data = {};
+    if (!config)
+        return data;
+    (_a = config.textFields) === null || _a === void 0 ? void 0 : _a.forEach(function (field) {
+        data[field.name] = "";
+    });
+    (_b = config.accordions) === null || _b === void 0 ? void 0 : _b.forEach(function (group) {
+        if (group.key)
+            data[group.key] = [];
+    });
+    return data;
+};
+var getAccordionOptionValues = function (accordion) {
+    var checked = accordion.options.filter(function (option) { return option.checked === true; });
+    if (checked.length) {
+        return checked.map(function (option) { return option.key; });
+    }
+    else {
+        return [];
+    }
+};
+exports.useFilterModal = function (config) {
+    var defaultData = exports.convertToData(config);
+    var queryParams = useQueryParams_1.useQueryParams(defaultData);
+    var query = queryParams.query, push = queryParams.push;
+    var _a = react_1.useState(false), show = _a[0], setShow = _a[1];
+    var _b = react_1.useState(defaultData), data = _b[0], setData = _b[1];
+    var _c = react_1.useState([]), accordionKeys = _c[0], setAccordionKeys = _c[1];
+    var _d = react_1.useState((config === null || config === void 0 ? void 0 : config.accordions) || []), accordionValue = _d[0], setAccordionValue = _d[1];
+    react_1.useEffect(function () {
+        var dataFromQuery = data;
+        var _accordionKeys = accordionValue
+            .map(function (accordion) { return accordion.key; })
+            .filter(Boolean);
+        setAccordionKeys(_accordionKeys);
+        Object.keys(dataFromQuery).forEach(function (key) {
+            // if it is not an accordion key
+            if (!accordionKeys.includes(key)) {
+                dataFromQuery[key] = query[key];
+                return;
+            }
+            // if it is an accordion key
+            var value = query[key];
+            if (typeof value === "string" && value !== "") {
+                dataFromQuery[key] = value.split(",");
+            }
+            else {
+                dataFromQuery[key] = [];
+            }
+        });
+        setData(dataFromQuery);
+        if (accordionKeys)
+            setAccordionFromQuery(dataFromQuery);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [query]);
+    var setAccordionFromQuery = function (queryData) {
+        setAccordionValue(function (_accordionValue) {
+            return _accordionValue.map(function (accordionGroup) {
+                if (!accordionGroup.key ||
+                    !Array.isArray(queryData[accordionGroup.key])) {
+                    return accordionGroup;
+                }
+                var newGroup = __assign({}, accordionGroup);
+                var checkedKeys = queryData[newGroup.key];
+                if (checkedKeys.length) {
+                    newGroup.options = newGroup.options.map(function (option) {
+                        if (checkedKeys.includes(option.key)) {
+                            return __assign(__assign({}, option), { checked: true });
+                        }
+                        return option;
+                    });
+                }
+                return newGroup;
+            });
+        });
+    };
+    var onCancel = function () { return setShow(false); };
+    var onReset = function () {
+        setData(defaultData);
+        setAccordionValue((config === null || config === void 0 ? void 0 : config.accordions) || []);
+    };
+    var applyFilter = function () {
+        setShow(false);
+        var newParams = __assign({}, data);
+        Object.keys(newParams).forEach(function (key) {
+            if (accordionKeys.includes(key))
+                newParams[key] = newParams[key].toString();
+        });
+        push(__assign({ page: 1 }, newParams));
+        return data;
+    };
+    var onChange = function (key) { return function (e) {
+        var newValue = e === null || e === void 0 ? void 0 : e.target.value;
+        setData(function (data) {
+            var _a;
+            return (__assign(__assign({}, data), (_a = {}, _a[key] = newValue, _a)));
+        });
+    }; };
+    var onAccordionChange = function (value) {
+        setAccordionValue(value);
+        setData(function (prevState) {
+            var newData = prevState;
+            value.forEach(function (data) {
+                var _a;
+                newData = __assign(__assign({}, newData), (_a = {}, _a[data.key] = getAccordionOptionValues(data), _a));
+            });
+            return newData;
+        });
+    };
+    return {
+        show: show,
+        setShow: setShow,
+        onCancel: onCancel,
+        onReset: onReset,
+        applyFilter: applyFilter,
+        onChange: onChange,
+        onAccordionChange: onAccordionChange,
+        accordionValue: accordionValue,
+        data: data,
+    };
+};

package/lib/components/FilterModal/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("./FilterModal"), exports);