@mindly/ui-components 5.98.18 → 5.98.20

package/dist/cjs/lib/Inputs/PasswordInput/PasswordInput.js

@@ -1,28 +0,0 @@
-"use strict";
-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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const PasswordInput_style_1 = require("./PasswordInput.style");
-const react_2 = require("@ionic/react");
-const icons_1 = require("ionicons/icons");
-const PasswordInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { error } = _a, props = __rest(_a, ["error"]);
-    const [isPasswordShow, setIsPasswordShow] = (0, react_1.useState)(false);
-    const togglePasswordShowing = (0, react_1.useCallback)(() => {
-        setIsPasswordShow(!isPasswordShow);
-    }, [isPasswordShow]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(PasswordInput_style_1.StyledPasswordContainer, Object.assign({ className: 'password-container', isError: !!(error === null || error === void 0 ? void 0 : error.length) }, { children: [(0, jsx_runtime_1.jsx)(PasswordInput_style_1.StyledPasswordInput, Object.assign({}, props, { type: isPasswordShow ? 'text' : 'password', ref: ref, isError: !!(error === null || error === void 0 ? void 0 : error.length) })), (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: isPasswordShow ? icons_1.eyeOutline : icons_1.eyeOffOutline, className: 'show-password-icon', onClick: togglePasswordShowing })] })), !!(error === null || error === void 0 ? void 0 : error.length) && (0, jsx_runtime_1.jsx)(PasswordInput_style_1.ErrorMessage, { children: error })] }));
-});
-PasswordInput.displayName = 'PasswordInput';
-exports.default = PasswordInput;

package/dist/cjs/lib/Inputs/PasswordInput/PasswordInput.style.js

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = exports.StyledPasswordInput = exports.StyledPasswordContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledPasswordContainer = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-
-  height: 47px;
-
-  background: ${(props) => (props.isError ? '#FEEFF1' : '#ffffff')};
-  border: ${(props) => props.isError ? '1px solid #C13E18;' : '1px solid #e5e5e5'};
-  border-radius: 4px;
-
-  .show-password-icon {
-    cursor: pointer;
-    color: #5b5b5b;
-    font-size: 20px;
-    padding-right: 12px;
-  }
-`;
-exports.StyledPasswordInput = styled_components_1.default.input `
-  width: 100%;
-  height: 100%;
-  padding: 10px 12px;
-  border: none;
-  caret-color: #177590;
-  background: ${(props) => (props.isError ? '#FEEFF1' : '#ffffff')};
-
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  color: #1d201f;
-
-  &:focus {
-    outline: none;
-  }
-
-  &::placeholder {
-    color: #c1c1c1;
-  }
-`;
-exports.ErrorMessage = styled_components_1.default.p `
-  margin-top: 6px;
-
-  font-style: normal;
-  font-weight: 600;
-  font-size: 10px;
-  line-height: 14px;
-
-  color: #c13e18;
-`;

package/dist/cjs/lib/Inputs/PasswordInput/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var PasswordInput_1 = require("./PasswordInput");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PasswordInput_1).default; } });

package/dist/cjs/lib/Inputs/TextInput/TextInput.js

@@ -1,25 +0,0 @@
-"use strict";
-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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const TextInput_style_1 = require("./TextInput.style");
-const TextInput = react_1.default.forwardRef((_a, ref) => {
-    var { isError, type = 'text' } = _a, props = __rest(_a, ["isError", "type"]);
-    return ((0, jsx_runtime_1.jsx)(TextInput_style_1.StyledTextInput, Object.assign({ className: `${isError ? 'error' : ''}` }, props, { type: type, ref: ref })));
-});
-TextInput.displayName = 'TextInput';
-exports.default = react_1.default.memo(TextInput);

package/dist/cjs/lib/Inputs/TextInput/TextInput.style.js

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTextInput = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledTextInput = styled_components_1.default.input `
-  width: 100%;
-  height: 47px;
-  padding: 10px 12px;
-
-  background: #ffffff;
-  border: 1px solid #e5e5e5;
-  border-radius: 4px;
-
-  caret-color: #177590;
-
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-  color: #1d201f;
-
-  &:focus {
-    outline: none;
-  }
-
-  &::placeholder {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #c1c1c1;
-  }
-
-  &.error {
-    border: 1px solid #F24E1E;
-    ${(props) => (props.errorStyle === 'filled' ? 'background: #feeff1;' : '')}
-  }
-
-  &[type=number]::-webkit-outer-spin-button,
-  &[type=number]::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  &[type=number] {
-    -moz-appearance: textfield;
-  }
-`;

package/dist/cjs/lib/Inputs/TextInput/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var TextInput_1 = require("./TextInput");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });

package/dist/cjs/lib/Modal/Modal.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@ionic/react");
-const Modal_style_1 = require("./Modal.style");
-const Modal = ({ fullwidth = false, isOpen, onDidDismiss, children, }) => {
-    return ((0, jsx_runtime_1.jsx)(Modal_style_1.ModalStyled, Object.assign({ isFullWidth: !fullwidth && ((0, react_1.isPlatform)('desktop') || (0, react_1.isPlatform)('tablet')), isOpen: isOpen, onDidDismiss: onDidDismiss }, { children: children })));
-};
-exports.default = Modal;

package/dist/cjs/lib/Modal/Modal.style.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const mindly_constants_1 = require("../Theme/mindly_constants");
-const react_1 = require("@ionic/react");
-exports.ModalStyled = (0, styled_components_1.default)(react_1.IonModal) `
-  --max-width: ${({ isFullWidth }) => isFullWidth ? mindly_constants_1.maxContainerWidth : '100%'};
-`;

package/dist/cjs/lib/Modal/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Modal_1 = require("./Modal");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });

package/dist/cjs/lib/ModalCalendar/ModalCalendar.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalCalendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ModalCalendar_styled_1 = require("./ModalCalendar.styled");
-const react_day_picker_1 = require("react-day-picker");
-const uk_1 = __importDefault(require("date-fns/locale/uk"));
-require("react-day-picker/dist/style.css");
-const ModalCalendar = (props) => {
-    var _a;
-    const [month, setMonth] = (0, react_1.useState)((_a = props.selectedDate) !== null && _a !== void 0 ? _a : new Date());
-    const modifiers = (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
-        return {
-            hasConsultation: props.consultationDays,
-            selected: (_a = props.selectedDate) !== null && _a !== void 0 ? _a : new Date(),
-            hasSmile: (_b = props.smileDays) !== null && _b !== void 0 ? _b : [],
-            hasNote: (_c = props.noteDays) !== null && _c !== void 0 ? _c : [],
-        };
-    }, [props.consultationDays]);
-    return ((0, jsx_runtime_1.jsx)(ModalCalendar_styled_1.ModalCalendarStyled, { children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { mode: "single", month: month, onMonthChange: setMonth, modifiers: modifiers, components: { DayContent: CustomDate }, locale: uk_1.default, onSelect: (day) => {
-                if (day) {
-                    const currentDate = new Date();
-                    day.setHours(currentDate.getHours());
-                    day.setMinutes(currentDate.getMinutes());
-                    day.setSeconds(currentDate.getSeconds());
-                    props.onDaySelected(day);
-                }
-            } }) }));
-};
-exports.ModalCalendar = ModalCalendar;
-const CustomDate = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(ModalCalendar_styled_1.CustomDayWrapper, Object.assign({ isActive: props.activeModifiers.selected }, { children: [props.activeModifiers.today && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "today-active" }, { children: "\u0437\u0430\u0440\u0430\u0437" }))), props.activeModifiers.hasSmile && !props.activeModifiers.hasNote && ((0, jsx_runtime_1.jsx)(ModalCalendar_styled_1.DotStyled, {})), props.activeModifiers.hasNote && (0, jsx_runtime_1.jsx)(ModalCalendar_styled_1.NoteStyled, {}), (0, jsx_runtime_1.jsx)(ModalCalendar_styled_1.CustomDayStyled, Object.assign({ isActive: props.activeModifiers.hasConsultation }, { children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayContent, Object.assign({}, props)) }))] })));
-};

package/dist/cjs/lib/ModalCalendar/ModalCalendar.styled.js

@@ -1,116 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoteStyled = exports.DotStyled = exports.CustomDayStyled = exports.CustomDayWrapper = exports.ModalCalendarStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ModalCalendarStyled = styled_components_1.default.div `
-  --rdp-background-color: #fff;
-  --rdp-accent-color: none;
-  --rdp-outline: none;
-  --rdp-outline-selected: none;
-  --rdp-cell-size: 48px;
-  font-family: 'Inter', sans-serif;
-
-  & .rdp {
-    margin: 0;
-  }
-
-  & .rdp-month {
-    width: 100%;
-  }
-
-  & .rdp-table {
-    /* max-width: 100%;
-    width: 100%; */
-    td {
-      /* width: 44px; */
-      height: 70px;
-      text-align: center;
-      vertical-align: top;
-    }
-
-    th {
-      height: 20px;
-      text-align: center;
-      vertical-align: top;
-    }
-  }
-
-  & .rdp-caption {
-    margin-bottom: 24px;
-  }
-
-  & .rdp-head_cell span {
-    font-weight: 700;
-    font-size: 10px;
-    line-height: 14px;
-    color: #1d201f;
-  }
-
-  & button.rdp-day {
-    width: 44px;
-    height: 100%;
-    border: none;
-    border-radius: 0;
-  }
-
-  & .rdp-caption_label {
-    font-weight: 600;
-    font-size: 24px;
-    line-height: 32px;
-    color: #1d201f;
-    text-transform: capitalize;
-  }
-`;
-exports.CustomDayWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  background: ${({ isActive }) => (isActive ? '#D6F2F9' : 'transparent')};
-  border-radius: 8px;
-  position: relative;
-  & span {
-    font-weight: 700;
-    font-size: 16px;
-    line-height: 24px;
-  }
-  & span.today-active {
-    display: inline-block;
-    font-weight: 700;
-    font-size: 10px;
-    line-height: 14px;
-    color: #1d201f;
-    text-transform: uppercase;
-    position: absolute;
-    top: 6px;
-  }
-`;
-exports.CustomDayStyled = styled_components_1.default.div `
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: ${({ isActive }) => (isActive ? '#177590;' : 'transparent')};
-  color: ${({ isActive }) => (isActive ? '#fff' : '#1D201F')};
-  margin-bottom: 7px;
-  margin-top: 4px;
-`;
-exports.DotStyled = styled_components_1.default.div `
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: #177590;
-`;
-exports.NoteStyled = styled_components_1.default.div `
-  width: 15px;
-  height: 4px;
-  background: #177590;
-  border-radius: 3px;
-`;

package/dist/cjs/lib/PersonDateTimeCard/PersonDateTimeCard.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const PersonDateTimeCard_styled_1 = __importDefault(require("./PersonDateTimeCard.styled"));
-const luxon_1 = require("luxon");
-const Avatar_1 = require("../Avatar");
-const PersonDateTimeCard = (props) => {
-    const dt = luxon_1.DateTime.fromJSDate(props.dateTime);
-    const label = dt.setLocale('uk').toFormat('dd MMM ! HH:mm').replace('!', 'o');
-    return ((0, jsx_runtime_1.jsxs)(PersonDateTimeCard_styled_1.default, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { dimensions: 40, src: props.photoSrc, firstName: props.name, className: "person-avatar", withBorder: false }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "right-part" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "person-name" }, { children: props.name })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "date-time" }, { children: label }))] }))] }));
-};
-exports.default = react_1.default.memo(PersonDateTimeCard);

package/dist/cjs/lib/PersonDateTimeCard/PersonDateTimeCard.styled.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const PersonDateTimeCardStyled = styled_components_1.default.div `
-  display: flex;
-  flex-direction: row;
-  align-content: center;
-  align-items: center;
-  gap: 12px;
-
-  .person-name {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: #1d201f;
-  }
-
-  .date-time {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-size: 12px;
-    line-height: 14px;
-    color: #5b5b5b;
-  }
-
-  & .person-avatar {
-    font-weight: 600;
-    font-size: 13px;
-    line-height: 15px;
-    flex: 0 0 40px;
-  }
-`;
-exports.default = PersonDateTimeCardStyled;

package/dist/cjs/lib/ProgressBar/ProgressBar.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const ProgressBar_style_1 = require("./ProgressBar.style");
-const ProgressBar = ({ progress, loaderTitle = 'Завантаження файлу' }) => {
-    return ((0, jsx_runtime_1.jsxs)(ProgressBar_style_1.ProgressBarWrapper, Object.assign({ progress: progress * 3.6 }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "circular-progress" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "progress-value" }, { children: [progress, "%"] })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "progress-title" }, { children: [loaderTitle, "..."] }))] })));
-};
-exports.default = react_1.default.memo(ProgressBar);

package/dist/cjs/lib/ProgressBar/ProgressBar.style.js

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressBarWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ProgressBarWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  row-gap: 17px;
-
-  & .circular-progress {
-    position: relative;
-    width: 110px;
-    height: 110px;
-    border-radius: 50%;
-    background: conic-gradient(
-      #177590 ${({ progress }) => progress}deg,
-      #eeeeee 0deg
-    );
-    transition: all;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &::before {
-      content: '';
-      position: absolute;
-      width: 104px;
-      height: 104px;
-      border-radius: 50%;
-      background: #ffffff;
-    }
-  }
-
-  & .progress-value {
-    position: relative;
-    font-weight: 600;
-    font-size: 24px;
-    line-height: 32px;
-    color: #1d201f;
-  }
-
-  & .progress-title {
-    font-weight: 600;
-    font-size: 12px;
-    line-height: 14px;
-    color: #1d201f;
-  }
-`;

package/dist/cjs/lib/ProgressBar/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ProgressBar_1 = require("./ProgressBar");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });

package/dist/cjs/lib/Refresher/Refresher.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@ionic/react");
-const Refresher_style_1 = require("./Refresher.style");
-const Refresher = ({ onIonRefresh, disabled }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.IonRefresher, Object.assign({ slot: 'fixed', onIonRefresh: onIonRefresh, disabled: disabled }, { children: (0, jsx_runtime_1.jsx)(Refresher_style_1.RefresherContentStyled, { pullingIcon: null, refreshingSpinner: 'lines' }) })));
-};
-exports.default = Refresher;

package/dist/cjs/lib/Refresher/Refresher.style.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RefresherContentStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-exports.RefresherContentStyled = (0, styled_components_1.default)(react_1.IonRefresherContent) `
-  & ion-spinner {
-    color: #d8d8d8 !important;
-  }
-`;

package/dist/cjs/lib/Refresher/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Refresher_1 = require("./Refresher");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Refresher_1).default; } });

package/dist/cjs/lib/ReviewSwiperSection/ReviewSwiperSection.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ionic/react");
-const ReviewSwiperSection_style_1 = require("./ReviewSwiperSection.style");
-const StarRating_1 = __importDefault(require("../StarRating"));
-const ReviewCard_1 = __importDefault(require("../SpecialistProfile/ReviewCard"));
-const CustomButton_1 = __importDefault(require("../CustomButton"));
-const Skeleton_1 = __importDefault(require("../Skeleton"));
-const ReviewSwiperSection = ({ reviews, loading, reviewsCount, averageRating, showAllReviewsHandler, specialistReviewsCountForShowing, translations, }) => {
-    var _a, _b;
-    const swiperRef = (0, react_1.useRef)(null);
-    if (((_b = ((_a = reviews === null || reviews === void 0 ? void 0 : reviews.length) !== null && _a !== void 0 ? _a : 0) < specialistReviewsCountForShowing) !== null && _b !== void 0 ? _b : reviewsCount < specialistReviewsCountForShowing) &&
-        !loading) {
-        return null;
-    }
-    return !loading ? ((0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewSwiperContainer, { children: [(0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewsHeadingContainer, { children: [(0, jsx_runtime_1.jsxs)("h4", { children: [reviewsCount, " ", translations.reviews] }), (0, jsx_runtime_1.jsx)(StarRating_1.default, { averageStarsCount: averageRating })] }), (0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewSwiperSlider, Object.assign({ ref: swiperRef, slidesPerView: (0, react_2.isPlatform)('android') || (0, react_2.isPlatform)('ios') ? 1.2 : 1.25, style: { marginBottom: '18px' }, spaceBetween: 14 }, { children: [reviews
-                        .slice(0, specialistReviewsCountForShowing)
-                        .map((review) => {
-                        var _a, _b, _c, _d, _e;
-                        return ((0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlide, { children: (0, jsx_runtime_1.jsx)(ReviewCard_1.default, { reviewerAvatar: (_a = review === null || review === void 0 ? void 0 : review.client_avatar) !== null && _a !== void 0 ? _a : '', reviewerFirstName: (_b = review === null || review === void 0 ? void 0 : review.client_first_name) !== null && _b !== void 0 ? _b : '', reviewerLastName: (_c = review === null || review === void 0 ? void 0 : review.client_last_name) !== null && _c !== void 0 ? _c : '', reviewerCountry: ((_d = review === null || review === void 0 ? void 0 : review.client_country) !== null && _d !== void 0 ? _d : 'uk'), reviewedAtInSeconds: review === null || review === void 0 ? void 0 : review.created_at, starsCount: review === null || review === void 0 ? void 0 : review.review_rating, reviewText: (_e = review === null || review === void 0 ? void 0 : review.text_of_review) !== null && _e !== void 0 ? _e : undefined, onShowMoreButtonClick: showAllReviewsHandler, type: 'card', translations: {
-                                    showMore: translations.showMore,
-                                    showAllReviews: translations.showAllReviews,
-                                } }) }, review.id));
-                    }), (reviews === null || reviews === void 0 ? void 0 : reviews.length) > specialistReviewsCountForShowing && ((0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlide, { children: (0, jsx_runtime_1.jsx)(ReviewCard_1.default, { showAllReview: true, reviewerAvatar: '', reviewerFirstName: '', reviewerLastName: '', starsCount: 5, type: 'card', onClick: showAllReviewsHandler, translations: {
-                                showMore: translations.showMore,
-                                showAllReviews: translations.showAllReviews,
-                            } }) }, 'last_id'))] })), (reviews === null || reviews === void 0 ? void 0 : reviews.length) > specialistReviewsCountForShowing && ((0, jsx_runtime_1.jsx)(CustomButton_1.default, Object.assign({ buttonType: 'accent-light-grey', onClick: showAllReviewsHandler }, { children: translations.showAllReviews })))] })) : ((0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewSwiperContainer, { children: [(0, jsx_runtime_1.jsxs)(ReviewSwiperSection_style_1.ReviewsHeadingContainer, { children: [(0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 100, heightPx: 24 }) }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { widthPx: 81, heightPx: 17 })] }), (0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlider, Object.assign({ ref: swiperRef, slidesPerView: (0, react_2.isPlatform)('android') || (0, react_2.isPlatform)('ios') ? 1.2 : 1.25, style: { marginBottom: '18px' } }, { children: Array.from({ length: 6 }).map((_, index) => ((0, jsx_runtime_1.jsx)(ReviewSwiperSection_style_1.ReviewSwiperSlide, { children: (0, jsx_runtime_1.jsx)(ReviewCard_1.default, { loading: true, reviewerAvatar: '', reviewerFirstName: '', reviewerLastName: '', translations: {
-                            showMore: 'Показати більше',
-                            showAllReviews: 'Показати всі відгуки',
-                        }, starsCount: 5, type: 'card' }) }, index))) })), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { heightPx: 48, style: { borderRadius: '10px' } })] }));
-};
-exports.default = ReviewSwiperSection;

package/dist/cjs/lib/ReviewSwiperSection/ReviewSwiperSection.style.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReviewsHeadingContainer = exports.ReviewSwiperSlide = exports.ReviewSwiperSlider = exports.ReviewSwiperContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("swiper/react");
-exports.ReviewSwiperContainer = styled_components_1.default.div `
-  width: 100%;
-  padding: 20px 16px !important;
-
-  .swiper-slide {
-    justify-content: start;
-  }
-`;
-exports.ReviewSwiperSlider = (0, styled_components_1.default)(react_1.Swiper) `
-  .swiper-wrapper {
-  }
-`;
-exports.ReviewSwiperSlide = (0, styled_components_1.default)(react_1.SwiperSlide) ``;
-exports.ReviewsHeadingContainer = styled_components_1.default.div `
-  display: flex;
-  gap: 10px;
-  align-items: center !important;
-
-  margin-bottom: 20px;
-  margin-top: 8px;
-
-  h4 {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 24px;
-
-    color: #1d201f;
-  }
-`;

package/dist/cjs/lib/ReviewSwiperSection/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ReviewSwiperSection_1 = require("./ReviewSwiperSection");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ReviewSwiperSection_1).default; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/lib/ReviewSwiperSection/types.js

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