@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

package/dist/cjs/lib/AgoraMediaPlayer/AgoraMediaPlayer.js

@@ -0,0 +1,69 @@
+"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 __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.prototype.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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const AgoraMediaPlayer_style_1 = require("./AgoraMediaPlayer.style");
+const NetworkQualityComponent_1 = __importDefault(require("./NetworkQuality/NetworkQualityComponent"));
+const react_2 = require("@ionic/react");
+const icons_1 = require("ionicons/icons");
+const Avatar_1 = require("../Avatar");
+const AgoraMediaPlayer = (_a) => {
+    var { fullwidth = false, cameraTrack, audioTrack, isVideoTrackMuted, isAudioTrackMuted, networkQuality, fallbackAvatar, fallbackAvatarDimensions = 72, fallbackName, showControls, isScreenSharing = false } = _a, props = __rest(_a, ["fullwidth", "cameraTrack", "audioTrack", "isVideoTrackMuted", "isAudioTrackMuted", "networkQuality", "fallbackAvatar", "fallbackAvatarDimensions", "fallbackName", "showControls", "isScreenSharing"]);
+    const localVideoContainer = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!(localVideoContainer === null || localVideoContainer === void 0 ? void 0 : localVideoContainer.current))
+            return;
+        if (cameraTrack) {
+            cameraTrack.play(localVideoContainer.current, {
+                fit: fullwidth ? 'contain' : 'cover',
+            });
+        }
+    }, [localVideoContainer === null || localVideoContainer === void 0 ? void 0 : localVideoContainer.current, cameraTrack]);
+    (0, react_1.useEffect)(() => {
+        if (audioTrack)
+            audioTrack.play();
+    }, [localVideoContainer]);
+    return ((0, jsx_runtime_1.jsxs)(AgoraMediaPlayer_style_1.AgoraMediaWrapper, { children: [localVideoContainer &&
+                (typeof isVideoTrackMuted !== 'undefined' && !isVideoTrackMuted ? ((0, jsx_runtime_1.jsx)(AgoraMediaPlayer_style_1.AgoraMediaPlayerWrapper, Object.assign({ fullwidth: fullwidth, ref: localVideoContainer }, props))) : ((0, jsx_runtime_1.jsxs)(AgoraMediaPlayer_style_1.AgoraMediaNoVideoWrapper, Object.assign({ fullwidth: fullwidth }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { dimensions: fallbackAvatarDimensions, src: fallbackAvatar, firstName: fallbackName }), fullwidth && ((0, jsx_runtime_1.jsx)(AgoraMediaPlayer_style_1.AgoraMediaFallbackName, { children: fallbackName }))] })))), !isScreenSharing && ((0, jsx_runtime_1.jsx)(AgoraMediaPlayer_style_1.AgoraMediaControlsWrapper, Object.assign({ isStatusData: Boolean(!isVideoTrackMuted &&
+                    !isAudioTrackMuted &&
+                    fullwidth &&
+                    showControls) }, { children: isVideoTrackMuted || isAudioTrackMuted ? ((0, jsx_runtime_1.jsxs)(AgoraMediaPlayer_style_1.ControlsWrapper, { children: [isVideoTrackMuted && ((0, jsx_runtime_1.jsx)(AgoraMediaPlayer_style_1.ControlItemWrapper, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.videocamOffOutline }) })), isAudioTrackMuted && ((0, jsx_runtime_1.jsx)(AgoraMediaPlayer_style_1.ControlItemWrapper, { children: (0, jsx_runtime_1.jsx)(react_2.IonIcon, { icon: icons_1.micOffOutline }) }))] })) : ((0, jsx_runtime_1.jsx)(NetworkQualityComponent_1.default, { fullScreen: fullwidth, networkQuality: networkQuality, showingAdditionalInfo: fullwidth && showControls })) })))] }));
+};
+exports.default = react_1.default.memo(AgoraMediaPlayer);

package/dist/cjs/lib/AgoraMediaPlayer/AgoraMediaPlayer.style.d.ts

@@ -1,17 +1,18 @@
-export declare const AgoraMediaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const AgoraMediaWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type AgoraMediaPlayerWrapperProps = {
     fullwidth: boolean;
 };
-export declare const AgoraMediaPlayerWrapper: import("styled-components").StyledComponent<"div", any, AgoraMediaPlayerWrapperProps, never>;
+export declare const AgoraMediaPlayerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AgoraMediaPlayerWrapperProps>> & string;
 type AgoraMediaNoVideoWrapperProps = {
     fullwidth: boolean;
 };
-export declare const AgoraMediaNoVideoWrapper: import("styled-components").StyledComponent<"div", any, AgoraMediaNoVideoWrapperProps, never>;
-export declare const AgoraMediaFallbackName: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AgoraMediaNoVideoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AgoraMediaNoVideoWrapperProps>> & string;
+export declare const AgoraMediaFallbackName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type AgoraMediaControlsWrapperProps = {
     isStatusData: boolean;
 };
-export declare const AgoraMediaControlsWrapper: import("styled-components").StyledComponent<"div", any, AgoraMediaControlsWrapperProps, never>;
-export declare const ControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ControlItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AgoraMediaControlsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AgoraMediaControlsWrapperProps>> & string;
+export declare const ControlsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ControlItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

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

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlItemWrapper = exports.ControlsWrapper = exports.AgoraMediaControlsWrapper = exports.AgoraMediaFallbackName = exports.AgoraMediaNoVideoWrapper = exports.AgoraMediaPlayerWrapper = exports.AgoraMediaWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.AgoraMediaWrapper = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+  height: 100%;
+`;
+exports.AgoraMediaPlayerWrapper = styled_components_1.default.div `
+  width: 100%;
+  height: 100%;
+
+  & > div {
+    background: ${({ fullwidth }) => fullwidth ? 'rgba(48, 48, 48, 0.55)' : 'none'} !important;
+
+    border-radius: ${({ fullwidth }) => (fullwidth ? '10px' : 'none')};
+  }
+
+  & video {
+    border-radius: 10px;
+  }
+`;
+exports.AgoraMediaNoVideoWrapper = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+`;
+exports.AgoraMediaFallbackName = styled_components_1.default.div `
+  position: absolute;
+  bottom: 16px;
+  left: 16px;
+  font-size: 18px;
+  line-height: 24px;
+  color: #ffffff;
+`;
+exports.AgoraMediaControlsWrapper = styled_components_1.default.div `
+  position: absolute;
+  top: ${(props) => (props.isStatusData ? '6px' : '11px')};
+  right: ${(props) => (props.isStatusData ? '6px' : '11px')};
+`;
+exports.ControlsWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  column-gap: 6px;
+`;
+exports.ControlItemWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffff;
+  font-size: 18px;
+  width: 25px;
+  height: 25px;
+  background: #1d201f;
+  border-radius: 50%;
+`;

package/dist/cjs/lib/AgoraMediaPlayer/NetworkQuality/NetworkQualityComponent.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utilts_1 = require("./utilts");
+const NetworkQualityComponents_style_1 = require("./NetworkQualityComponents.style");
+const NetworkQualityComponent = (props) => {
+    var _a;
+    const networkCssInfo = (0, utilts_1.getNetworkCssInformation)((_a = props.networkQuality) !== null && _a !== void 0 ? _a : 0);
+    return ((0, jsx_runtime_1.jsxs)(NetworkQualityComponents_style_1.StyledNetworkQualityComponentContainer, Object.assign({ fullScreen: !!props.fullScreen, showingAdditionalInfo: props.showingAdditionalInfo }, { children: [props.showingAdditionalInfo && ((0, jsx_runtime_1.jsx)(NetworkQualityComponents_style_1.StyledNetworkQualityTextContainer, { children: (0, jsx_runtime_1.jsx)("p", { children: networkCssInfo.hint }) })), (0, jsx_runtime_1.jsx)(NetworkQualityComponents_style_1.StyledNetworkQualityComponent, { color: networkCssInfo.color, icon: networkCssInfo.icon })] })));
+};
+exports.default = NetworkQualityComponent;

package/dist/cjs/lib/AgoraMediaPlayer/NetworkQuality/NetworkQualityComponents.style.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 type StyledNetworkQualityComponentContainerPropsType = {
     showingAdditionalInfo?: boolean;
     fullScreen?: boolean;
 };
-export declare const StyledNetworkQualityComponentContainer: import("styled-components").StyledComponent<"div", any, StyledNetworkQualityComponentContainerPropsType, never>;
+export declare const StyledNetworkQualityComponentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNetworkQualityComponentContainerPropsType>> & string;
 export declare const StyledNetworkQualityComponent: any;
-export declare const StyledNetworkQualityTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledNetworkQualityTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/dist/cjs/lib/AgoraMediaPlayer/NetworkQuality/NetworkQualityComponents.style.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledNetworkQualityTextContainer = exports.StyledNetworkQualityComponent = exports.StyledNetworkQualityComponentContainer = void 0;
+const react_1 = require("@ionic/react");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.StyledNetworkQualityComponentContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  border-radius: 3px;
+
+  color: #ffffff !important;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 4px;
+  padding: ${(props) => props.fullScreen && props.showingAdditionalInfo ? '5px 5px 5px 10px' : '0'};
+`;
+exports.StyledNetworkQualityComponent = (0, styled_components_1.default)(react_1.IonIcon) `
+  width: 13px;
+  height: 13px;
+
+  padding: 3px;
+
+  border-radius: 3px;
+
+  background-color: ${(props) => { var _a; return (_a = props.color) !== null && _a !== void 0 ? _a : '#7E7D78'; }};
+`;
+exports.StyledNetworkQualityTextContainer = styled_components_1.default.div `
+  line-height: 0;
+
+  p {
+    color: white;
+  }
+`;

package/dist/cjs/lib/AgoraMediaPlayer/NetworkQuality/utilts.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNetworkCssInformation = void 0;
+const icons_1 = require("ionicons/icons");
+const getNetworkCssInformation = (networkQualityNumber) => {
+    switch (networkQualityNumber) {
+        case 1:
+            return {
+                color: '#26B183',
+                hint: 'Інтернет стабільний',
+                icon: icons_1.cellular,
+            };
+        case 2:
+            return {
+                color: '#177590',
+                hint: 'Інтернет стабільний',
+                additionalHint: 'Але бітрейт нижчий за оптимальний',
+                icon: icons_1.cellular,
+            };
+        case 3:
+            return {
+                color: '#F8AE1A',
+                hint: 'Інтернет нестабільний',
+                icon: icons_1.cellular,
+            };
+        case 4:
+            return {
+                color: '#F8752B',
+                hint: 'Інтернет нестабільний',
+                additionalHint: "Зв'язок може зникати",
+                icon: icons_1.cellular,
+            };
+        case 5:
+            return {
+                color: '#C13E18',
+                hint: 'Інтернет дуже поганий',
+                icon: icons_1.cellular,
+            };
+        case 6:
+            return {
+                color: '#1D201F',
+                hint: 'Інтернет підключення відсутнє',
+                icon: icons_1.close,
+            };
+        default:
+            return {
+                color: '#7E7D78',
+                hint: 'Неможливо встановити якість інтернету',
+                icon: icons_1.helpOutline,
+            };
+    }
+};
+exports.getNetworkCssInformation = getNetworkCssInformation;

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

@@ -0,0 +1,8 @@
+"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 AgoraMediaPlayer_1 = require("./AgoraMediaPlayer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AgoraMediaPlayer_1).default; } });

package/dist/cjs/lib/AppFooter/AppFooter.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties, FC } from 'react';
-type AppFooterProps = {
+import React, { CSSProperties, FC } from 'react';
+type AppFooterProps = React.PropsWithChildren<{
     fullwidth?: boolean;
     style?: CSSProperties;
     className?: string;
-};
+}>;
 declare const AppFooter: FC<AppFooterProps>;
 export default AppFooter;

package/dist/cjs/lib/AppFooter/AppFooter.js

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

package/dist/cjs/lib/AppFooter/AppFooter.style.d.ts

@@ -2,6 +2,6 @@
 type AppFooterToolbarProps = {
     isNotMobile: boolean;
 };
-export declare const AppFooterContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonFooter & Pick<import("react").HTMLAttributes<HTMLIonFooterElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "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/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>, any, {}, never>;
-export declare const AppFooterToolbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Pick<import("react").HTMLAttributes<HTMLIonToolbarElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "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/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, any, AppFooterToolbarProps, never>;
+export declare const AppFooterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const AppFooterToolbar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@ionic/core/dist/types/components").JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>, AppFooterToolbarProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppFooterToolbar = exports.AppFooterContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = require("@ionic/react");
+const mindly_constants_1 = require("../Theme/mindly_constants");
+exports.AppFooterContainer = (0, styled_components_1.default)(react_1.IonFooter) `
+  background: #ffffff;
+  display: flex;
+  justify-content: center;
+  border-top: 1px solid #f2f2f2;
+  box-shadow: 0px;
+
+  &::before {
+    display: none;
+  }
+`;
+exports.AppFooterToolbar = (0, styled_components_1.default)(react_1.IonToolbar) `
+  position: relative;
+  max-width: ${({ isNotMobile }) => (isNotMobile ? mindly_constants_1.maxContainerWidth : '100%')};
+  --background: #fff;
+  --border-color: #f2f2f2;
+  --border-width: 0 0 0 !important;
+  --padding-bottom: 0;
+  --padding-end: 16px;
+  --padding-start: 16px;
+  --padding-top: 0;
+`;

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

@@ -0,0 +1,8 @@
+"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 AppFooter_1 = require("./AppFooter");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AppFooter_1).default; } });

package/dist/cjs/lib/AppHeader/AppHeader.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
-type AppHeaderProps = {
+import React, { FC } from 'react';
+type AppHeaderProps = React.PropsWithChildren<{
     fullwidth?: boolean;
     className?: string;
     toolbarClassName?: string;
-};
+}>;
 /**
  * @deprecated
  */

package/dist/cjs/lib/AppHeader/AppHeader.js

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

package/dist/cjs/lib/AppHeader/AppHeader.style.d.ts

@@ -2,6 +2,6 @@
 type AppHeaderToolbarProps = {
     isNotMobile: boolean;
 };
-export declare const AppHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonHeader & Pick<import("react").HTMLAttributes<HTMLIonHeaderElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "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/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>>, any, {}, never>;
-export declare const AppHeaderToolbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Pick<import("react").HTMLAttributes<HTMLIonToolbarElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "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/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, any, AppHeaderToolbarProps, never>;
+export declare const AppHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonHeader & Omit<import("react").HTMLAttributes<HTMLIonHeaderElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonHeader & Omit<import("react").HTMLAttributes<HTMLIonHeaderElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const AppHeaderToolbar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@ionic/core/dist/types/components").JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>, AppHeaderToolbarProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppHeaderToolbar = exports.AppHeaderContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = require("@ionic/react");
+const mindly_constants_1 = require("../Theme/mindly_constants");
+exports.AppHeaderContainer = (0, styled_components_1.default)(react_1.IonHeader) `
+  background: #ffffff;
+  box-shadow: none;
+  display: flex;
+  justify-content: center;
+
+  &::after {
+    background-image: none !important;
+  }
+`;
+exports.AppHeaderToolbar = (0, styled_components_1.default)(react_1.IonToolbar) `
+  max-width: ${({ isNotMobile }) => (isNotMobile ? mindly_constants_1.maxContainerWidth : '100%')};
+  --padding-bottom: 0;
+  --padding-end: 16px;
+  --padding-start: 16px;
+  --padding-top: 0;
+  --background: #fff;
+  --border-width: 0 !important;
+  --border-style: none;
+
+  .buttons-first-slot {
+    margin: 0;
+  }
+
+  .buttons-last-slot {
+    margin: 0;
+  }
+`;

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

@@ -0,0 +1,8 @@
+"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 AppHeader_1 = require("./AppHeader");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AppHeader_1).default; } });

package/dist/cjs/lib/Avatar/Avatar.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Avatar_style_1 = require("./Avatar.style");
+const ImageWithFallback_1 = __importDefault(require("../ImageWithFallback/ImageWithFallback"));
+const react_2 = require("@ionic/react");
+const no_avatar_svg_1 = require("./no-avatar.svg");
+exports.Avatar = (0, react_1.memo)(({ src = '', dimensions = 56, width, height, borderRadius, style = {}, className = '', withBorder = false, onClick, }) => {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const imageFallback = (0, jsx_runtime_1.jsx)(no_avatar_svg_1.ReactComponent, { className: 'empty-icon' });
+    if (src) {
+        return ((0, jsx_runtime_1.jsxs)(Avatar_style_1.AvatarWrapper, Object.assign({ dimensions: dimensions, style: style, className: className, withBorder: withBorder, borderRadius: borderRadius, width: width, height: height, onClick: onClick, isLoading: isLoading }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonSkeletonText, { animated: true, style: {
+                        margin: 0,
+                        width: `${width ? width - 8 : dimensions - 8}px`,
+                        height: `${height ? height - 8 : dimensions - 8}px`,
+                        display: isLoading ? 'block' : 'none',
+                        borderRadius: `${borderRadius ? borderRadius : '50%'}`,
+                        flexShrink: 0,
+                    } }), (0, jsx_runtime_1.jsx)(ImageWithFallback_1.default, { src: src, onErrorContent: imageFallback, onError: () => setIsLoading(false), onLoad: () => setIsLoading(false), style: { display: isLoading ? 'none' : 'block' } })] })));
+    }
+    return ((0, jsx_runtime_1.jsx)(Avatar_style_1.AvatarWrapper, Object.assign({ dimensions: dimensions, style: style, className: className, withBorder: withBorder, borderRadius: borderRadius, width: width, height: height, onClick: onClick, isLoading: false }, { children: imageFallback })));
+});
+exports.Avatar.displayName = 'Avatar';

package/dist/cjs/lib/Avatar/Avatar.style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type AvatarWrapperProps = {
     dimensions: number;
     width?: number;
@@ -6,5 +7,5 @@ type AvatarWrapperProps = {
     borderRadius?: string;
     isLoading: boolean;
 };
-export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, AvatarWrapperProps, never>;
+export declare const AvatarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarWrapperProps>> & string;
 export {};

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.AvatarWrapper = styled_components_1.default.div `
+  width: ${({ dimensions, width }) => (width ? width : dimensions)}px;
+  height: ${({ dimensions, height }) => (height ? height : dimensions)}px;
+  border-radius: ${({ borderRadius }) => (borderRadius ? borderRadius : '50%')};
+  overflow: hidden;
+  flex: 0 0 ${({ dimensions }) => dimensions}px;
+  border: ${({ withBorder }) => (withBorder ? '1px solid #D6F2F9' : 'none')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ isLoading }) => isLoading ? 'transparent' : '#177590'};
+
+  & img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: ${({ borderRadius }) => borderRadius ? borderRadius : '50%'};
+  }
+
+  & .empty-icon {
+    width: 57%;
+    color: #fff;
+  }
+`;

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

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Avatar"), exports);