@mindly/ui-components 8.0.0-alpha.38 → 8.1.0

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.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-interface ModalProps {
-    fullwidth?: boolean;
-    isOpen: boolean;
-    onDidDismiss: () => void;
-}
-declare const Modal: FC<ModalProps>;
-export default Modal;

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.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type ModalStyledProps = {
-    isFullWidth: boolean;
-};
-export declare const ModalStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonModal & Pick<import("react").HTMLAttributes<HTMLIonModalElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>, any, ModalStyledProps, never>;
-export {};

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.d.ts

@@ -1 +0,0 @@
-export { default } from './Modal';

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.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import 'react-day-picker/dist/style.css';
-export type ModalCalendarProps = {
-    onDaySelected: (day: Date) => void;
-    consultationDays: Date[];
-    smileDays?: Date[];
-    noteDays?: Date[];
-    selectedDate?: Date;
-};
-export declare const ModalCalendar: React.FC<ModalCalendarProps>;

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.d.ts

@@ -1,12 +0,0 @@
-export declare const ModalCalendarStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-type CustomDayWrapperProps = {
-    isActive?: boolean;
-};
-export declare const CustomDayWrapper: import("styled-components").StyledComponent<"div", any, CustomDayWrapperProps, never>;
-type CustomDayProps = {
-    isActive?: boolean;
-};
-export declare const CustomDayStyled: import("styled-components").StyledComponent<"div", any, CustomDayProps, never>;
-export declare const DotStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NoteStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

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.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export type PersonDateTimeCardProps = {
-    photoSrc?: string;
-    name: string;
-    dateTime: Date;
-};
-declare const _default: React.NamedExoticComponent<PersonDateTimeCardProps>;
-export default _default;

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.d.ts

@@ -1,2 +0,0 @@
-declare const PersonDateTimeCardStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default PersonDateTimeCardStyled;

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 });

package/dist/cjs/lib/RoundButton/RoundButton.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 RoundButton_styled_1 = require("./RoundButton.styled");
-const RoundButton = ({ disabled, onClickHandler, buttonText, buttonIcon, buttonType, dimension, transformed = false, isLoading = false, }) => {
-    return ((0, jsx_runtime_1.jsxs)(RoundButton_styled_1.StyledRoundButtonContainer, { children: [(0, jsx_runtime_1.jsx)(RoundButton_styled_1.StyledRoundButton, Object.assign({ disabled: disabled, dimension: dimension, buttonType: buttonType, onClick: onClickHandler, transformed: transformed }, { children: isLoading ? (0, jsx_runtime_1.jsx)(RoundButton_styled_1.Loader, { name: "crescent" }) : (0, jsx_runtime_1.jsx)(react_1.IonIcon, { icon: buttonIcon }) })), (0, jsx_runtime_1.jsx)(RoundButton_styled_1.StyledRoundButtonText, { children: buttonText })] }));
-};
-exports.default = RoundButton;