@mindly/ui-components 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,4 +15,5 @@ import { Input } from './lib/input/Input';
15
15
  import { ScrollTabs } from './lib/scroll-tabs/ScrollTabs';
16
16
  import { TabBar } from './lib/tab-bar/TabBar';
17
17
  import { YourLocalTimeBlock } from './lib/your-local-time-block/YourLocalTimeBlock';
18
- export { ArchivedConsultationCard, DatePicker, Button, FloatingButton, FooterForBooking, ListButton, NavigationBar, ConsultationCard, ContentCard, TherapistCard, toast, NoInternetConnection, TherapistInformationComponent, Input, ScrollTabs, TabBar, YourLocalTimeBlock, };
18
+ import { HorizontalCalendar } from './lib/HorisontalCalendar/HorizontalCalendar';
19
+ export { ArchivedConsultationCard, DatePicker, Button, FloatingButton, FooterForBooking, ListButton, NavigationBar, ConsultationCard, ContentCard, TherapistCard, toast, NoInternetConnection, TherapistInformationComponent, Input, ScrollTabs, TabBar, YourLocalTimeBlock, HorizontalCalendar };
@@ -25,5 +25,5 @@ export declare type DayToRender = {
25
25
  dayOfMonth: number;
26
26
  dayOfWeek: DayOfWeek;
27
27
  };
28
- declare const HorizontalCalendar: React.FC<HorizontalCalendarProps>;
29
- export default HorizontalCalendar;
28
+ export declare const HorizontalCalendar: React.FC<HorizontalCalendarProps>;
29
+ export {};
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as n,jsxs as i,Fragment as e}from"react/jsx-runtime";import t,{css as o}from"styled-components";import*as r from"react";import a,{useState as d}from"react";import{IonIcon as l,IonHeader as p,IonSkeletonText as s,isPlatform as c,IonInput as h,IonSegment as x,IonSegmentButton as g,IonLabel as f}from"@ionic/react";
1
+ import{jsx as n,jsxs as e,Fragment as i}from"react/jsx-runtime";import t,{css as o}from"styled-components";import*as r from"react";import a,{useState as d,useRef as l,useMemo as s,useEffect as c}from"react";import{IonIcon as p,IonHeader as h,IonSkeletonText as x,isPlatform as g,IonInput as f,IonSegment as u,IonSegmentButton as m,IonLabel as b}from"@ionic/react";
2
2
  /*! *****************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
12
12
  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
- ***************************************************************************** */var m=function(){return m=Object.assign||function(n){for(var i,e=1,t=arguments.length;e<t;e++)for(var o in i=arguments[e])Object.prototype.hasOwnProperty.call(i,o)&&(n[o]=i[o]);return n},m.apply(this,arguments)};function u(n,i){return Object.defineProperty?Object.defineProperty(n,"raw",{value:i}):n.raw=i,n}var b,w,v,y,k,z,C,B,F,j="#21ABD2",L="#F0FBFF",D="#1D201F",N="#5B5B5B",E="#C1C1C1",I="#478862",A="#F5F9FF",S="#D6F2F9",M="#f1646f",T="#FFFFFF",R="#F2F4F7",V="#E9F7FB",O="#F5939A",q="#90D5E8",H="#E5E5E5",P="#E8ECF2",_=t.button(F||(F=u(["\n padding: 8px 0;\n width: 100%;\n border-radius: 4px;\n max-height: 40px;\n border: 0;\n background: ",";\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2),\n inset 0 -4px 15px rgba(0, 0, 0, 0.2);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n padding: 8px 0;\n width: 100%;\n border-radius: 4px;\n max-height: 40px;\n border: 0;\n background: ",";\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2),\n inset 0 -4px 15px rgba(0, 0, 0, 0.2);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n\n\n ","\n\n ","\n\n ","\n\n ","\n"])),j,T,(function(n){return"secondary"===n.buttonType&&o(b||(b=u(["\n background: inherit;\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n }\n "],["\n background: inherit;\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n }\n "])),j,q)}),(function(n){return"secondaryWithStroke"===n.buttonType&&o(w||(w=u(["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 1px solid ",";\n }\n "],["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 1px solid ",";\n }\n "])),j,j,q,q)}),(function(n){return"secondaryCancel"===n.buttonType&&o(v||(v=u(["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 0;\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 0;\n }\n "],["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 0;\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 0;\n }\n "])),M,O)}),(function(n){return"actionButton"===n.buttonType&&o(y||(y=u(["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n }\n "],["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n }\n "])),E,E,E,E)}),(function(n){return n.isDisabled&&o(k||(k=u(["\n background: ",";\n color: ",";\n box-shadow: none;\n\n &:hover,\n &:active {\n box-shadow: none;\n background: ",";\n color: ",";\n }\n "],["\n background: ",";\n color: ",";\n box-shadow: none;\n\n &:hover,\n &:active {\n box-shadow: none;\n background: ",";\n color: ",";\n }\n "])),E,T,E,T)}),(function(n){return"actionButtonDisabled"===n.buttonType&&o(z||(z=u(["\n color: ",";\n background: inherit;\n box-shadow: none !important;\n border: 1px solid ",";\n text-decoration: line-through;\n "],["\n color: ",";\n background: inherit;\n box-shadow: none !important;\n border: 1px solid ",";\n text-decoration: line-through;\n "])),E,E)}),(function(n){return"actionButtonActive"===n.buttonType&&o(C||(C=u(["\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n }\n "],["\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n }\n "])),j,V,j,j,V,j)}),(function(n){return"actionButtonGreen"===n.buttonType&&o(B||(B=u(["\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n border: 1px solid ",";\n }\n "],["\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n border: 1px solid ",";\n }\n "])),I,I,I,I,I,I)}));function W(n,i){void 0===i&&(i={});var e=i.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}W("@font-face {\n font-family: 'Lato Regular';\n src: url('../../fonts/Lato-Regular.ttf');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Lato SemiBold';\n src: url('../../fonts/Lato-Semibold.ttf');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Lato Bold';\n src: url('../../fonts/Lato-Bold.ttf');\n font-weight: bold;\n font-style: normal;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\nspan,\np {\n font-family: 'Lato Regular', sans-serif;\n font-size: 10px;\n line-height: 14px;\n margin: 0;\n font-weight: 400;\n padding: 0;\n}\n\nh5 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n}\n\nh4 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\nh3 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 18px;\n font-weight: 400;\n line-height: 24px;\n}\n\nh2 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 20px;\n font-weight: 400;\n line-height: 24px;\n}\n\nh1 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-weight: 400;\n font-size: 24px;\n line-height: 32px;\n}\n\nspan.semiBold,\np.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n font-size: 10px;\n line-height: 14px;\n margin: 0;\n padding: 0;\n font-weight: 600;\n}\n\nh5.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 16px;\n font-weight: 600;\n}\n\nh4.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n}\n\nh3.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 18px;\n line-height: 24px;\n font-weight: 600;\n}\n\nh2.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 20px;\n line-height: 24px;\n font-weight: 600;\n}\n\nh1.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 24px;\n line-height: 32px;\n font-weight: 600;\n}\n\nspan.bold,\np.bold {\n font-family: 'Lato Bold', sans-serif;\n font-size: 10px;\n line-height: 14px;\n margin: 0;\n padding: 0;\n font-weight: 700;\n}\n\nh5.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 16px;\n font-weight: 700;\n}\n\nh4.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n}\n\nh3.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 18px;\n line-height: 24px;\n font-weight: 700;\n}\n\nh2.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 20px;\n line-height: 24px;\n font-weight: 700;\n}\n\nh1.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 24px;\n line-height: 32px;\n font-weight: 700;\n}\n");var Z,J,Y,G,U=function(i){return n(_,m({"data-testid":i["data-testid"],onClick:i.onClick,disabled:i.isDisabled,isDisabled:i.isDisabled,buttonType:i.buttonType},{children:n("h4",{children:i.children})}))},K=t.a(Z||(Z=u(["\n display: block;\n width: 54px;\n height: 54px;\n position: fixed;\n bottom: ","px;\n right: ","px;\n z-index: 10000000000000;\n\n img {\n background: none;\n border-radius: 50%;\n }\n"],["\n display: block;\n width: 54px;\n height: 54px;\n position: fixed;\n bottom: ","px;\n right: ","px;\n z-index: 10000000000000;\n\n img {\n background: none;\n border-radius: 50%;\n }\n"])),(function(n){return n.bottomHeight}),(function(n){return n.rightWidth})),Q=function(i){return n(K,m({href:"https://t.me/MindlySupport",bottomHeight:i.bottomHeight,rightWidth:i.rightWidth},{children:n("img",{"data-testid":i["data-testid"],src:"data:image/svg+xml,%3Csvg%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2254%22%20height%3D%2254%22%20fill%3D%22%2321ABD2%22%2F%3E%3Cpath%20d%3D%22M27.0002%2015C21.9405%2015%2017.8237%2019.1168%2017.8237%2024.1765V32.647C17.8237%2033.8148%2018.7737%2034.7648%2019.9413%2034.7648C21.1092%2034.7648%2022.0591%2033.8148%2022.0591%2032.647V25.5883C22.0591%2024.4206%2021.1092%2023.4706%2019.9413%2023.4706C19.7037%2023.4706%2019.4788%2023.5188%2019.2651%2023.5913C19.5663%2019.5829%2022.9168%2016.4117%2027.0002%2016.4117C31.0815%2016.4117%2034.431%2019.58%2034.735%2023.5856C34.5226%2023.5129%2034.2964%2023.4706%2034.0591%2023.4706C32.8913%2023.4706%2031.9413%2024.4206%2031.9413%2025.5883V32.647C31.9413%2033.8148%2032.8913%2034.7648%2034.0591%2034.7648C34.3078%2034.7648%2034.5431%2034.7139%2034.765%2034.6348V35.4706C34.765%2035.8601%2034.4479%2036.1765%2034.0591%2036.1765H28.9879C28.6954%2035.3566%2027.9192%2034.7648%2027.0002%2034.7648C25.8326%2034.7648%2024.8826%2035.7147%2024.8826%2036.8824C24.8826%2038.05%2025.8326%2039%2027.0002%2039C27.9192%2039%2028.6954%2038.408%2028.9879%2037.5883H34.0591C35.2268%2037.5883%2036.1768%2036.6383%2036.1768%2035.4706C36.1768%2031.2248%2036.1768%2028.4269%2036.1768%2024.1765C36.1768%2019.1168%2032.06%2015%2027.0002%2015V15Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M37.5884%2025.0122V33.2227C38.4081%2032.9304%2039.0001%2032.1542%2039.0001%2031.235V26.9998C39.0001%2026.0808%2038.4081%2025.3046%2037.5884%2025.0122Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M15%2026.9998V31.235C15%2032.1542%2015.592%2032.9304%2016.4117%2033.2227V25.0122C15.592%2025.3046%2015%2026.0808%2015%2026.9998Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E",alt:"support mindly"})}))},X=t.div(J||(J=u(["\n padding: ",";\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);\n display: flex;\n position: fixed;\n z-index: 10000000000000;\n background: ",";\n bottom: -1px;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n button {\n min-height: 44px !important;\n width: 132px;\n }\n"],["\n padding: ",";\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);\n display: flex;\n position: fixed;\n z-index: 10000000000000;\n background: ",";\n bottom: -1px;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n button {\n min-height: 44px !important;\n width: 132px;\n }\n"])),(function(n){return n.isIos?"16px 24px 50px":"16px 24px"}),T),$=t.div(Y||(Y=u(["\n h4 {\n color: ",";\n }\n\n h4:first-child {\n margin-bottom: 4px;\n }\n"],["\n h4 {\n color: ",";\n }\n\n h4:first-child {\n margin-bottom: 4px;\n }\n"])),D),nn=t(l)(G||(G=u(["\n // #skipcq\n margin: 0 5px -4px 0;\n font-size: 18px;\n\n &.ion-color {\n --ion-color-base: "," !important;\n }\n"],["\n // #skipcq\n margin: 0 5px -4px 0;\n font-size: 18px;\n\n &.ion-color {\n --ion-color-base: "," !important;\n }\n"])),j);const en="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Briefcase</title><rect x='32' y='128' width='448' height='320' rx='48' ry='48' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/><path d='M144 128V96a32 32 0 0132-32h160a32 32 0 0132 32v32M480 240H32M320 240v24a8 8 0 01-8 8H200a8 8 0 01-8-8v-24' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>",tn="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Card</title><rect x='48' y='96' width='416' height='320' rx='56' ry='56' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linejoin='round' stroke-width='60' d='M48 192h416M128 300h48v20h-48z' class='ionicon-fill-none'/></svg>",on="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Time</title><path d='M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linecap='round' stroke-linejoin='round' d='M256 128v144h96' class='ionicon-fill-none ionicon-stroke-width'/></svg>";var rn,an,dn,ln,pn,sn,cn,hn,xn,gn,fn,mn,un,bn,wn,vn,yn,kn,zn,Cn,Bn,Fn,jn=function(t){return i(X,m({isIos:t.isIos},{children:[i($,{children:[i("h4",{children:[n(nn,{icon:on,color:"primary"}),i(e,{children:[t.duration," хв"]})]}),i("h4",{children:[n(nn,{icon:tn,color:"primary"}),t.price]})]}),n(U,m({buttonType:"primary",isDisabled:!1,"data-testid":t["data-testid"],onClick:t.eventHandler},{children:"Записатися"}))]}))},Ln=t.button(rn||(rn=u(["\n display: flex;\n justify-content: space-between;\n color: ",";\n border: 0;\n border-bottom: 1px solid ",";\n width: 100%;\n padding: 10px 16px;\n background: inherit;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n color: ",";\n border: 0;\n border-bottom: 1px solid ",";\n width: 100%;\n padding: 10px 16px;\n background: inherit;\n align-items: center;\n"])),D,H),Dn=t(l)(an||(an=u(["\n // #skipcq\n font-size: 24px;\n"],["\n // #skipcq\n font-size: 24px;\n"]))),Nn=function(e){return i(Ln,m({"data-testid":e["data-testid"],onClick:e.onClick},{children:[n("h4",{children:e.children}),n(Dn,{src:e.icon})]}))},En=t(p)(ln||(ln=u(["\n padding: ",";\n background: #ffffff;\n position: fixed;\n z-index: 1000;\n min-height: ",";\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n color: ",";\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n .left {\n cursor: pointer;\n position: absolute;\n color: ",";\n left: 0;\n }\n\n .right {\n cursor: pointer;\n color: ",";\n position: absolute;\n right: 0;\n }\n\n &:after {\n background-image: none;\n }\n\n ","\n"],["\n padding: ",";\n background: #ffffff;\n position: fixed;\n z-index: 1000;\n min-height: ",";\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n color: ",";\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n .left {\n cursor: pointer;\n position: absolute;\n color: ",";\n left: 0;\n }\n\n .right {\n cursor: pointer;\n color: ",";\n position: absolute;\n right: 0;\n }\n\n &:after {\n background-image: none;\n }\n\n ","\n"])),(function(n){return n.isInternetConnected?"10px 16px":"40px 16px 16px"}),(function(n){return n.isInternetConnected?"44px":"74px"}),N,j,j,(function(n){return n.isIos&&o(dn||(dn=u(["\n padding: ",";\n min-height: ",";\n\n .left {\n position: absolute;\n left: 0;\n }\n\n .right {\n position: absolute;\n right: 0;\n }\n "],["\n padding: ",";\n min-height: ",";\n\n .left {\n position: absolute;\n left: 0;\n }\n\n .right {\n position: absolute;\n right: 0;\n }\n "])),n.isInternetConnected?"54px 16px 10px":"64px 16px 10px",n.isInternetConnected?"88px":"98px")})),In=t.div(pn||(pn=u(["\n position: relative;\n display: flex;\n text-align: center;\n justify-content: center;\n\n @media (min-width: 600px) {\n width: 468px;\n }\n\n @media (min-width: 1024px) {\n width: 960px;\n }\n"],["\n position: relative;\n display: flex;\n text-align: center;\n justify-content: center;\n\n @media (min-width: 600px) {\n width: 468px;\n }\n\n @media (min-width: 1024px) {\n width: 960px;\n }\n"]))),An=function(i){return n(En,m({isIos:i.isIos,isInternetConnected:i.isInternetConnected},{children:n(In,{children:i.children})}))},Sn=t.div(sn||(sn=u(["\n width: 100%;\n padding: 16px;\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n"],["\n width: 100%;\n padding: 16px;\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n"])),R),Mn=t.div(cn||(cn=u(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 24px;\n"],["\n display: flex;\n justify-content: space-between;\n margin-bottom: 24px;\n"]))),Tn=t.div(hn||(hn=u(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin-right: 8px;\n\n h3 {\n color: ",";\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n }\n\n h2.time {\n margin-top: 8px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n div.is-free {\n margin-top: 12px;\n padding: 2px 7px;\n border-radius: 12px;\n max-width: max-content;\n text-align: center;\n &.greeny {\n background-color: #cfe2d7;\n }\n &.reddy {\n background-color: #ffc7c7;\n }\n h2 {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin-right: 8px;\n\n h3 {\n color: ",";\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n }\n\n h2.time {\n margin-top: 8px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n div.is-free {\n margin-top: 12px;\n padding: 2px 7px;\n border-radius: 12px;\n max-width: max-content;\n text-align: center;\n &.greeny {\n background-color: #cfe2d7;\n }\n &.reddy {\n background-color: #ffc7c7;\n }\n h2 {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n }\n }\n"])),N,D),Rn=t.img(xn||(xn=u(["\n width: 104px;\n height: 104px;\n border-radius: 8px;\n"],["\n width: 104px;\n height: 104px;\n border-radius: 8px;\n"]))),Vn=t.div(gn||(gn=u(["\n margin: 4px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n div.divider {\n height: 1px;\n flex-grow: 1;\n background: ",";\n }\n\n h4 {\n color: ",";\n margin: 0 4px;\n }\n"],["\n margin: 4px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n div.divider {\n height: 1px;\n flex-grow: 1;\n background: ",";\n }\n\n h4 {\n color: ",";\n margin: 0 4px;\n }\n"])),E,E),On=t.div(fn||(fn=u(["\n display: flex;\n"],["\n display: flex;\n"]))),qn=function(e){var t=a.useState(!1),o=t[0],r=t[1];return i(Sn,m({"data-testid":e["data-container-testid"]},{children:[i(Mn,{children:[i(Tn,{children:[i("h3",{children:["Консультація з ",e.consultationWith]}),i("h2",m({className:"time"},{children:[e.day," о ",e.time]})),"boolean"==typeof e.isFree&&(e.isFree?n("div",m({className:"is-free reddy"},{children:n("h2",{children:"Безкоштовна"})})):n("div",m({className:"is-free greeny"},{children:n("h2",{children:"Платна - ".concat(e.price," грн")})})))]}),n(Rn,{src:e.avatar,alt:"avatar",style:{display:o?"inline":"none"},onLoad:function(){return r(!0)}}),n(s,{animated:!0,style:{minWidth:"104px",width:"104px",height:"104px",minHeight:"104px",borderRadius:"8px",display:o?"none":"inline"}})]}),n(U,m({buttonType:"primary",isDisabled:!1,"data-testid":e["data-start-testid"],onClick:e.startConsultation},{children:"Почати консультацію"})),i(Vn,{children:[n("div",{className:"divider"}),n("h4",{children:"або"}),n("div",{className:"divider"})]}),i(On,{children:[n(U,m({buttonType:"secondary",isDisabled:!1,onClick:e.handleReschedule,"data-testid":e["data-refund-testid"]},{children:"Перенести"})),n(U,m({buttonType:"secondaryCancel",isDisabled:!1,onClick:e.handleRefund,"data-testid":e["data-refund-testid"]},{children:"Скасувати"}))]})]}))},Hn=t.div(mn||(mn=u(["\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n position: relative;\n display: flex;\n flex-direction: column;\n text-align: left;\n"],["\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n position: relative;\n display: flex;\n flex-direction: column;\n text-align: left;\n"])),R),Pn=t.a(un||(un=u(["\n width: 100%;\n min-height: 192px;\n max-height: 192px;\n display: block;\n\n img {\n border-radius: 8px 8px 0 0;\n width: 100%;\n height: 192px;\n }\n"],["\n width: 100%;\n min-height: 192px;\n max-height: 192px;\n display: block;\n\n img {\n border-radius: 8px 8px 0 0;\n width: 100%;\n height: 192px;\n }\n"]))),_n=t.iframe(bn||(bn=u(["\n width: 100%;\n height: 192px;\n margin: 0;\n padding: 0;\n border-radius: 8px 8px 0 0;\n"],["\n width: 100%;\n height: 192px;\n margin: 0;\n padding: 0;\n border-radius: 8px 8px 0 0;\n"]))),Wn=t.h3(wn||(wn=u(["\n padding: 16px !important;\n height: 104px;\n color: ",";\n"],["\n padding: 16px !important;\n height: 104px;\n color: ",";\n"])),D),Zn=t.div(vn||(vn=u(["\n visibility: ",";\n position: absolute;\n width: 100%;\n top: 0;\n"],["\n visibility: ",";\n position: absolute;\n width: 100%;\n top: 0;\n"])),(function(n){return n.isLoading?"visible":"hidden"})),Jn=t(s)(yn||(yn=u(["\n height: 192px;\n border-radius: 4px 4px 0 0;\n border: none;\n margin: 0;\n padding: 0;\n"],["\n height: 192px;\n border-radius: 4px 4px 0 0;\n border: none;\n margin: 0;\n padding: 0;\n"]))),Yn=function(e){var t,o,r,a=d(!0),l=a[0],p=a[1],s=(null===(t=e.contentVideo)||void 0===t?void 0:t.title)||(null===(o=e.contentArticle)||void 0===o?void 0:o.title),c=e.contentArticle?n(Pn,m({"data-testID":e["data-testid"],href:e.contentArticle.link},{children:n("img",{src:e.contentArticle.photoURL,alt:"article-img",onLoad:function(){p(!1)}})})):n(_n,{"data-testid":e["data-testid"],src:"https://www.youtube.com/embed/".concat(null===(r=e.contentVideo)||void 0===r?void 0:r.url),title:"YouTube video player",frameBorder:"0",onLoad:function(){p(!1)},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0});return i(Hn,{children:[c,n(Zn,m({isLoading:l},{children:n(Jn,{animated:!0})})),i(Wn,m({className:"semiBold"},{children:[" ",s]}))]})},Gn=t.div(kn||(kn=u(["\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);\n position: relative;\n padding: 11px;\n\n @media (min-width: 600px) {\n max-width: 452px;\n }\n"],["\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);\n position: relative;\n padding: 11px;\n\n @media (min-width: 600px) {\n max-width: 452px;\n }\n"]))),Un=t.div(zn||(zn=u(["\n display: flex;\n flex-direction: row;\n align-content: center;\n align-items: center;\n\n .img-container {\n max-height: 102px;\n max-width: 102px;\n flex: 1 0;\n }\n \n .card-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n \n .img {\n width: 102px;\n height: 102px;\n object-fit: cover;\n border-radius: 4px;\n }\n\n h1 {\n margin: 0px 16px 0;\n color: ",";\n font-size: 16px;\n line-height: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h3 {\n margin: 4px 16px 0;\n color: ",";\n font-size: 14px;\n line-height: 16px;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-content: center;\n align-items: center;\n\n .img-container {\n max-height: 102px;\n max-width: 102px;\n flex: 1 0;\n }\n \n .card-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n \n .img {\n width: 102px;\n height: 102px;\n object-fit: cover;\n border-radius: 4px;\n }\n\n h1 {\n margin: 0px 16px 0;\n color: ",";\n font-size: 16px;\n line-height: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h3 {\n margin: 4px 16px 0;\n color: ",";\n font-size: 14px;\n line-height: 16px;\n }\n"])),D,N),Kn=t(l)(Cn||(Cn=u(["\n // #skipcq\n color: ",";\n font-size: 20px;\n margin: 0;\n\n @media (max-width: 320px) {\n font-size: 19px;\n }\n"],["\n // #skipcq\n color: ",";\n font-size: 20px;\n margin: 0;\n\n @media (max-width: 320px) {\n font-size: 19px;\n }\n"])),j),Qn=t.div(Bn||(Bn=u(["\n display: flex;\n align-items: center;\n padding: 0;\n margin-right: 12px;\n margin-top: 4px;\n\n .color-green {\n // #skipcq\n color: ",";\n }\n \n p {\n color: ",";\n font-size: 12px;\n line-height: 16px;\n padding-left: 4px;\n margin: 0;\n font-family: 'Lato Regular', sans-serif;\n white-space: nowrap;\n\n @media (max-width: 320px) {\n font-size: 10.5px;\n line-height: 14px;\n }\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0;\n margin-right: 12px;\n margin-top: 4px;\n\n .color-green {\n // #skipcq\n color: ",";\n }\n \n p {\n color: ",";\n font-size: 12px;\n line-height: 16px;\n padding-left: 4px;\n margin: 0;\n font-family: 'Lato Regular', sans-serif;\n white-space: nowrap;\n\n @media (max-width: 320px) {\n font-size: 10.5px;\n line-height: 14px;\n }\n }\n"])),I,D),Xn=t.div(Fn||(Fn=u(["\n display: flex;\n margin-left: 16px;\n flex-wrap: wrap;\n"],["\n display: flex;\n margin-left: 16px;\n flex-wrap: wrap;\n"]))),$n=function(e){var t=a.useState(!1),o=t[0],r=t[1];return n(Gn,m({"data-testid":e["data-testid"],onClick:e.handleClick},{children:i(Un,{children:[i("div",m({className:"img-container"},{children:[n("img",{className:"img",src:e.psychologistPhoto,alt:"psychologistPhoto",onLoad:function(){return r(!0)},style:{display:o?"block":"none"}}),n(s,{animated:!0,className:"img",style:{display:o?"none":"block"}})]})),i("div",m({className:"card-content"},{children:[n("h1",m({className:"bold"},{children:"".concat(e.psychologistName," ").concat(e.psychologistLastName)})),n("h3",m({className:"semiBold"},{children:e.psychologistType})),i(Xn,{children:[i(Qn,{children:[n(Kn,{icon:on}),n("p",m({className:"semiBold"},{children:"".concat(e.psychologistDuration," хвилин")}))]}),i(Qn,{children:[n(Kn,{icon:en}),n("p",m({className:"semiBold"},{children:e.psychologistExperience>=5?"".concat(e.psychologistExperience," років досвіду"):1===e.psychologistExperience?"".concat(e.psychologistExperience," рік досвіду"):"".concat(e.psychologistExperience," роки досвіду")}))]}),i(Qn,{children:[n(Kn,{icon:tn,className:"color-green"}),n("p",m({className:"semiBold color-green"},{children:"".concat(e.psychologistPrice," грн")}))]})]})]}))]})}))};W(".toast_classes {\n color: #ffffff;\n --background: #1d201f;\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n margin-top: 30px;\n border-radius: 4px;\n}\n\n.toast_classes_ios {\n top: -36px;\n}\n");var ni,ii,ei,ti,oi=function(n,i){var e;void 0===i&&(i=4500);var t=document.createElement("ion-toast");return t.message=n,t.duration=i,t.position="top",t.cssClass=c("ios")?"toast_classes toast_classes_ios":"toast_classes",null===(e=document.getElementById("root"))||void 0===e||e.appendChild(t),t.present()},ri=t.div(ni||(ni=u(["\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n background: ",";\n padding: 8px;\n width: 100%;\n border-radius: 4px;\n"],["\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n background: ",";\n padding: 8px;\n width: 100%;\n border-radius: 4px;\n"])),P),ai=t.div(ii||(ii=u(["\n h3 {\n padding-top: 5px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n h5 {\n color: ",";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n }\n\n h5.isFreeStatus {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n padding: 2px 8px;\n color: ",";\n }\n\n .greeny-bg {\n max-width: max-content;\n background: #cfe2d7;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n .reddy-bg {\n max-width: max-content;\n background: #f6dfdf;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n h5.check {\n margin-top: 5px;\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n }\n\n svg {\n margin-right: 4px;\n }\n"],["\n h3 {\n padding-top: 5px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n h5 {\n color: ",";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n }\n\n h5.isFreeStatus {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n padding: 2px 8px;\n color: ",";\n }\n\n .greeny-bg {\n max-width: max-content;\n background: #cfe2d7;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n .reddy-bg {\n max-width: max-content;\n background: #f6dfdf;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n h5.check {\n margin-top: 5px;\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n }\n\n svg {\n margin-right: 4px;\n }\n"])),D,N,D,I),di=t.img(ei||(ei=u(["\n max-width: 94px;\n max-height: 94px;\n border-radius: 8px;\n"],["\n max-width: 94px;\n max-height: 94px;\n border-radius: 8px;\n"])));function li(){return li=Object.assign||function(n){for(var i=1;i<arguments.length;i++){var e=arguments[i];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},li.apply(this,arguments)}function pi(n){return r.createElement("svg",li({width:16,height:16,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),ti||(ti=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.624 3.67a.5.5 0 01.76.65l-.008.01-7 8a.5.5 0 01-.722.031l-.008-.007-3-3a.5.5 0 01.7-.716l.008.008 2.622 2.622 6.648-7.597z",fill:"#478862"})))}var si,ci,hi,xi,gi,fi=function(e){return i(ri,m({"data-testid":e["data-testid"]},{children:[i(ai,{children:["boolean"==typeof e.isFree&&(e.isFree?n("div",m({className:"reddy-bg"},{children:n("h5",m({className:"isFreeStatus"},{children:"Безкоштовна"}))})):n("div",m({className:"greeny-bg"},{children:n("h5",m({className:"isFreeStatus"},{children:"Платна - ".concat(e.price," грн")}))}))),n("h3",{children:e.nameAndSurname}),n("h5",m({className:"semiBold"},{children:e.date})),i("h5",m({className:"check"},{children:[n(pi,{}),"Завершена"]}))]}),n(di,{src:e.avatar,alt:"user-avatar"})]}))},mi=t.div(si||(si=u(["\n padding: 16px 8px;\n border-radius: 4px;\n border: 1px solid;\n width: 100%;\n min-width: 86px;\n max-height: 108px;\n box-sizing: border-box;\n border-color: ",";\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 5px 8px rgba(0, 0, 0, 0.04);\n\n h4 {\n margin-bottom: 4px;\n color: ",";\n }\n\n h1 {\n color: ",";\n }\n\n h5 {\n color: ",";\n }\n"],["\n padding: 16px 8px;\n border-radius: 4px;\n border: 1px solid;\n width: 100%;\n min-width: 86px;\n max-height: 108px;\n box-sizing: border-box;\n border-color: ",";\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 5px 8px rgba(0, 0, 0, 0.04);\n\n h4 {\n margin-bottom: 4px;\n color: ",";\n }\n\n h1 {\n color: ",";\n }\n\n h5 {\n color: ",";\n }\n"])),(function(n){return n.isActive?j:R}),(function(n){return n.isActive?L:T}),(function(n){return n.isActive?j:N}),(function(n){return n.isActive?j:D}),(function(n){return n.isActive?j:N})),ui=t.h1(ci||(ci=u(["\n line-height: 76px;\n font-weight: 700;\n margin: 0;\n"],["\n line-height: 76px;\n font-weight: 700;\n margin: 0;\n"]))),bi=function(t){return n(mi,m({"data-testid":t["data-testid"],isActive:t.isActive,onClick:function(){return t.onClick()}},{children:"weekday"===t.type?n(ui,{children:t.weekday}):i(e,{children:[n("h4",{children:t.day}),n("h1",m({className:"bold"},{children:t.date})),n("h5",{children:t.month})]})}))};function wi(){return wi=Object.assign||function(n){for(var i=1;i<arguments.length;i++){var e=arguments[i];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},wi.apply(this,arguments)}function vi(n){return r.createElement("svg",wi({width:14,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),hi||(hi=r.createElement("path",{d:"M7 13.563A6.57 6.57 0 01.437 7 6.57 6.57 0 017 .437 6.57 6.57 0 0113.563 7 6.57 6.57 0 017 13.563z",fill:"#F1646F"})),xi||(xi=r.createElement("path",{d:"M7 14c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7zM7 .875A6.132 6.132 0 00.875 7 6.132 6.132 0 007 13.125 6.132 6.132 0 0013.125 7 6.132 6.132 0 007 .875z",fill:"#fff"})),gi||(gi=r.createElement("path",{d:"M11.509 6.253a.437.437 0 01-.31-.127 5.925 5.925 0 00-.851-.707.436.436 0 01-.117-.607.435.435 0 01.608-.116c.347.235.676.508.98.81a.439.439 0 01-.31.747zM2.49 6.253a.437.437 0 01-.31-.747c1.611-1.617 3.851-2.33 6.187-1.87a.439.439 0 01.346.514.441.441 0 01-.514.345c-2.052-.404-3.995.22-5.399 1.63a.435.435 0 01-.31.128zM9.94 7.828a.437.437 0 01-.31-.127 3.905 3.905 0 00-.86-.651.438.438 0 01.427-.765c.383.214.738.482 1.053.795a.439.439 0 01-.31.748zM4.06 7.829a.438.438 0 01-.31-.747 4.513 4.513 0 012.23-1.233.437.437 0 01.187.855c-.67.146-1.29.49-1.797.996a.437.437 0 01-.31.129zM7 10.5a1.264 1.264 0 01-1.223-.939.438.438 0 01.847-.222c.045.17.196.286.376.286a.397.397 0 00.397-.397c0-.18-.115-.33-.286-.376a.438.438 0 01.222-.847c.552.146.939.648.939 1.223 0 .701-.57 1.272-1.272 1.272zM2.36 12.076a.438.438 0 01-.31-.747l9.28-9.278a.438.438 0 11.619.62l-9.28 9.277a.434.434 0 01-.308.128z",fill:"#fff"})))}var yi,ki,zi,Ci,Bi,Fi,ji,Li,Di,Ni,Ei=t.div(yi||(yi=u(["\n z-index: 999;\n position: fixed;\n box-sizing: border-box;\n background: ",";\n width: 100%;\n display: ",";\n justify-content: center;\n align-items: center;\n padding: ",";\n\n span {\n font-size: 10px;\n line-height: 14px;\n margin-left: 8px;\n color: ",";\n }\n"],["\n z-index: 999;\n position: fixed;\n box-sizing: border-box;\n background: ",";\n width: 100%;\n display: ",";\n justify-content: center;\n align-items: center;\n padding: ",";\n\n span {\n font-size: 10px;\n line-height: 14px;\n margin-left: 8px;\n color: ",";\n }\n"])),M,(function(n){return n.isInternetConnected?"none":"flex"}),(function(n){return n.isIos?"32px 0 8px":"8px 0"}),T),Ii=function(e){return i(Ei,m({isInternetConnected:e.isInternetConnected,isIos:e.isIos},{children:[n(vi,{}),n("span",{children:"Інтернет підключення відсутнє"})]}))},Ai=t.div(ki||(ki=u(["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n img {\n width: 100%;\n height: 222px;\n border-radius: 8px;\n object-fit: cover;\n\n @media (min-width: 600px) {\n height: auto;\n }\n\n @media (min-width: 1024px) {\n height: auto;\n }\n }\n"],["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n img {\n width: 100%;\n height: 222px;\n border-radius: 8px;\n object-fit: cover;\n\n @media (min-width: 600px) {\n height: auto;\n }\n\n @media (min-width: 1024px) {\n height: auto;\n }\n }\n"]))),Si=t.div(zi||(zi=u(["\n display: flex;\n justify-content: space-between;\n margin-top: 16px;\n\n h3 {\n color: ",";\n display: flex;\n align-items: center;\n\n ion-icon {\n margin-right: 4px;\n font-size: 24px;\n }\n }\n"],["\n display: flex;\n justify-content: space-between;\n margin-top: 16px;\n\n h3 {\n color: ",";\n display: flex;\n align-items: center;\n\n ion-icon {\n margin-right: 4px;\n font-size: 24px;\n }\n }\n"])),D),Mi=function(e){return i(Ai,m({"data-testid":e["data-testid"]},{children:[n("img",{src:e.avatar,alt:"therapist avatar"}),i(Si,{children:[i("h3",m({className:"semiBold"},{children:[n(l,{icon:en,color:"primary"}),e.experience]})),i("h3",m({className:"semiBold"},{children:[n(l,{icon:on,color:"primary"}),e.duration]})),i("h3",m({className:"semiBold"},{children:[n(l,{icon:tn,color:"primary"}),e.price]}))]})]}))},Ti=t(l)(Ci||(Ci=u(["\n // skipcq JS-0323\n width: 20px;\n z-index: 3;\n height: 20px;\n position: absolute;\n top: calc(50% - 10px);\n left: 20px;\n color: "," !important;\n"],["\n // skipcq JS-0323\n width: 20px;\n z-index: 3;\n height: 20px;\n position: absolute;\n top: calc(50% - 10px);\n left: 20px;\n color: "," !important;\n"])),D),Ri=t(h)(Bi||(Bi=u(["\n position: relative;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n font-family: 'Lato Regular', sans-serif;\n --padding-start: 55px !important;\n --background: "," !important;\n min-height: 36px;\n line-height: 20px;\n color: ",";\n --placeholder-color: ",";\n --placeholder-opacity: 1;\n"],["\n position: relative;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n font-family: 'Lato Regular', sans-serif;\n --padding-start: 55px !important;\n --background: "," !important;\n min-height: 36px;\n line-height: 20px;\n color: ",";\n --placeholder-color: ",";\n --placeholder-opacity: 1;\n"])),A,(function(n){return n.isActive?D:E}),E),Vi=function(i){return n(Ri,m({name:i.name,placeholder:i.placeholder,value:i.value,"data-testid":i["data-testid"],onIonChange:function(n){return i.onIonChange(n)},isActive:i.isActive,type:i.type},{children:n(Ti,{icon:i.icon})}))},Oi=t(x)(Fi||(Fi=u(["\n --background: ",";\n"],["\n --background: ",";\n"])),S),qi=t(g)(ji||(ji=u(["\n --background-checked: ",";\n --background-focused: ",";\n --background-hover: ",";\n --color: ",";\n --color-checked: ",";\n --color-focused: ",";\n --color-hover: ",";\n --transition: 0;\n --indicator-transform: 0;\n"],["\n --background-checked: ",";\n --background-focused: ",";\n --background-hover: ",";\n --color: ",";\n --color-checked: ",";\n --color-focused: ",";\n --color-hover: ",";\n --transition: 0;\n --indicator-transform: 0;\n"])),T,T,T,D,D,D,D),Hi=function(e){return i(Oi,m({value:e.value,mode:"ios",onIonChange:function(n){return e.setActiveTab(n.detail.value)}},{children:[n(qi,m({value:"profile","data-testid":"profile"},{children:n(f,{children:n("h5",{children:"Профіль"})})})),n(qi,m({value:"video","data-testid":"video"},{children:n(f,{children:n("h5",{children:"Відео"})})})),n(qi,m({value:"articles","data-testid":"articles"},{children:n(f,{children:n("h5",{children:"Статті"})})}))]}))},Pi=t.div(Li||(Li=u(["\n display: flex;\n box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);\n position: fixed;\n bottom: -1px;\n width: 100vw;\n border: none;\n padding-bottom: ",";\n color: ",";\n padding-top: 10px;\n justify-content: center;\n background: white;\n\n div {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 150px;\n flex-grow: 1;\n flex-basis: 0;\n cursor: pointer;\n }\n\n ion-icon {\n font-size: 28px;\n margin: 0;\n }\n\n ion-label {\n font-weight: 700;\n font-size: 10px;\n margin: 0;\n line-height: 14px;\n font-family: 'Lato Bold', sans-serif;\n }\n"],["\n display: flex;\n box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);\n position: fixed;\n bottom: -1px;\n width: 100vw;\n border: none;\n padding-bottom: ",";\n color: ",";\n padding-top: 10px;\n justify-content: center;\n background: white;\n\n div {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 150px;\n flex-grow: 1;\n flex-basis: 0;\n cursor: pointer;\n }\n\n ion-icon {\n font-size: 28px;\n margin: 0;\n }\n\n ion-label {\n font-weight: 700;\n font-size: 10px;\n margin: 0;\n line-height: 14px;\n font-family: 'Lato Bold', sans-serif;\n }\n"])),(function(n){return n.isIos?"34px":"10px"}),N),_i=function(i){return n(Pi,m({isIos:i.isIos},{children:i.children}))},Wi=t.div(Di||(Di=u(["\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #d6f2f9;\n border-radius: 4px;\n"],["\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #d6f2f9;\n border-radius: 4px;\n"]))),Zi=t.div(Ni||(Ni=u(["\n padding: 8px 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n img {\n width: 20px;\n margin-right: 10px;\n }\n span {\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n max-width: 200px;\n overflow-wrap: break-word;\n }\n"],["\n padding: 8px 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n img {\n width: 20px;\n margin-right: 10px;\n }\n span {\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n max-width: 200px;\n overflow-wrap: break-word;\n }\n"]))),Ji=function(e){var t=e.text,o=void 0===t?"За Вашим місцевим часом":t;return n(Wi,{children:i(Zi,{children:[n("img",{src:"./YourLocalTimeBlock.png",alt:"clock"}),n("span",{children:o})]})})};export{fi as ArchivedConsultationCard,U as Button,qn as ConsultationCard,Yn as ContentCard,bi as DatePicker,Q as FloatingButton,jn as FooterForBooking,Vi as Input,Nn as ListButton,An as NavigationBar,Ii as NoInternetConnection,Hi as ScrollTabs,_i as TabBar,$n as TherapistCard,Mi as TherapistInformationComponent,Ji as YourLocalTimeBlock,oi as toast};
15
+ ***************************************************************************** */var w=function(){return w=Object.assign||function(n){for(var e,i=1,t=arguments.length;i<t;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},w.apply(this,arguments)};function v(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var y,k,z,C,B,D,F,j,L,N="#21ABD2",E="#F0FBFF",S="#1D201F",I="#5B5B5B",T="#C1C1C1",A="#478862",M="#F5F9FF",R="#D6F2F9",O="#f1646f",V="#FFFFFF",H="#F2F4F7",q="#E9F7FB",W="#F5939A",P="#90D5E8",U="#E5E5E5",_="#E8ECF2",Y=t.button(L||(L=v(["\n padding: 8px 0;\n width: 100%;\n border-radius: 4px;\n max-height: 40px;\n border: 0;\n background: ",";\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2),\n inset 0 -4px 15px rgba(0, 0, 0, 0.2);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n padding: 8px 0;\n width: 100%;\n border-radius: 4px;\n max-height: 40px;\n border: 0;\n background: ",";\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2),\n inset 0 -4px 15px rgba(0, 0, 0, 0.2);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n\n\n ","\n\n ","\n\n ","\n\n ","\n"])),N,V,(function(n){return"secondary"===n.buttonType&&o(y||(y=v(["\n background: inherit;\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n }\n "],["\n background: inherit;\n color: ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n }\n "])),N,P)}),(function(n){return"secondaryWithStroke"===n.buttonType&&o(k||(k=v(["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 1px solid ",";\n }\n "],["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 1px solid ",";\n }\n "])),N,N,P,P)}),(function(n){return"secondaryCancel"===n.buttonType&&o(z||(z=v(["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 0;\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 0;\n }\n "],["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 0;\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: inherit;\n border: 0;\n }\n "])),O,W)}),(function(n){return"actionButton"===n.buttonType&&o(C||(C=v(["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n }\n "],["\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n color: ",";\n background: inherit;\n box-shadow: none;\n border: 1px solid ",";\n }\n "])),T,T,T,T)}),(function(n){return n.isDisabled&&o(B||(B=v(["\n background: ",";\n color: ",";\n box-shadow: none;\n\n &:hover,\n &:active {\n box-shadow: none;\n background: ",";\n color: ",";\n }\n "],["\n background: ",";\n color: ",";\n box-shadow: none;\n\n &:hover,\n &:active {\n box-shadow: none;\n background: ",";\n color: ",";\n }\n "])),T,V,T,V)}),(function(n){return"actionButtonDisabled"===n.buttonType&&o(D||(D=v(["\n color: ",";\n background: inherit;\n box-shadow: none !important;\n border: 1px solid ",";\n text-decoration: line-through;\n "],["\n color: ",";\n background: inherit;\n box-shadow: none !important;\n border: 1px solid ",";\n text-decoration: line-through;\n "])),T,T)}),(function(n){return"actionButtonActive"===n.buttonType&&o(F||(F=v(["\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n }\n "],["\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: ",";\n border: 1px solid ",";\n }\n "])),N,q,N,N,q,N)}),(function(n){return"actionButtonGreen"===n.buttonType&&o(j||(j=v(["\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n border: 1px solid ",";\n }\n "],["\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n box-shadow: none;\n border: 1px solid ",";\n\n &:hover,\n &:active {\n box-shadow: none;\n color: ",";\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)), ",";\n border: 1px solid ",";\n }\n "])),A,A,A,A,A,A)}));function Z(n,e){void 0===e&&(e={});var i=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}Z("@font-face {\n font-family: 'Lato Regular';\n src: url('../../fonts/Lato-Regular.ttf');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Lato SemiBold';\n src: url('../../fonts/Lato-Semibold.ttf');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Lato Bold';\n src: url('../../fonts/Lato-Bold.ttf');\n font-weight: bold;\n font-style: normal;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\nspan,\np {\n font-family: 'Lato Regular', sans-serif;\n font-size: 10px;\n line-height: 14px;\n margin: 0;\n font-weight: 400;\n padding: 0;\n}\n\nh5 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n}\n\nh4 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\nh3 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 18px;\n font-weight: 400;\n line-height: 24px;\n}\n\nh2 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 20px;\n font-weight: 400;\n line-height: 24px;\n}\n\nh1 {\n font-family: 'Lato Regular', sans-serif;\n margin: 0;\n padding: 0;\n font-weight: 400;\n font-size: 24px;\n line-height: 32px;\n}\n\nspan.semiBold,\np.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n font-size: 10px;\n line-height: 14px;\n margin: 0;\n padding: 0;\n font-weight: 600;\n}\n\nh5.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 16px;\n font-weight: 600;\n}\n\nh4.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 24px;\n font-weight: 600;\n}\n\nh3.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 18px;\n line-height: 24px;\n font-weight: 600;\n}\n\nh2.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 20px;\n line-height: 24px;\n font-weight: 600;\n}\n\nh1.semiBold {\n font-family: 'Lato SemiBold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 24px;\n line-height: 32px;\n font-weight: 600;\n}\n\nspan.bold,\np.bold {\n font-family: 'Lato Bold', sans-serif;\n font-size: 10px;\n line-height: 14px;\n margin: 0;\n padding: 0;\n font-weight: 700;\n}\n\nh5.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 14px;\n line-height: 16px;\n font-weight: 700;\n}\n\nh4.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n}\n\nh3.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 18px;\n line-height: 24px;\n font-weight: 700;\n}\n\nh2.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 20px;\n line-height: 24px;\n font-weight: 700;\n}\n\nh1.bold {\n font-family: 'Lato Bold', sans-serif;\n margin: 0;\n padding: 0;\n font-size: 24px;\n line-height: 32px;\n font-weight: 700;\n}\n");var J,G,K,Q,X=function(e){return n(Y,w({"data-testid":e["data-testid"],onClick:e.onClick,disabled:e.isDisabled,isDisabled:e.isDisabled,buttonType:e.buttonType},{children:n("h4",{children:e.children})}))},$=t.a(J||(J=v(["\n display: block;\n width: 54px;\n height: 54px;\n position: fixed;\n bottom: ","px;\n right: ","px;\n z-index: 10000000000000;\n\n img {\n background: none;\n border-radius: 50%;\n }\n"],["\n display: block;\n width: 54px;\n height: 54px;\n position: fixed;\n bottom: ","px;\n right: ","px;\n z-index: 10000000000000;\n\n img {\n background: none;\n border-radius: 50%;\n }\n"])),(function(n){return n.bottomHeight}),(function(n){return n.rightWidth})),nn=function(e){return n($,w({href:"https://t.me/MindlySupport",bottomHeight:e.bottomHeight,rightWidth:e.rightWidth},{children:n("img",{"data-testid":e["data-testid"],src:"data:image/svg+xml,%3Csvg%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2254%22%20height%3D%2254%22%20fill%3D%22%2321ABD2%22%2F%3E%3Cpath%20d%3D%22M27.0002%2015C21.9405%2015%2017.8237%2019.1168%2017.8237%2024.1765V32.647C17.8237%2033.8148%2018.7737%2034.7648%2019.9413%2034.7648C21.1092%2034.7648%2022.0591%2033.8148%2022.0591%2032.647V25.5883C22.0591%2024.4206%2021.1092%2023.4706%2019.9413%2023.4706C19.7037%2023.4706%2019.4788%2023.5188%2019.2651%2023.5913C19.5663%2019.5829%2022.9168%2016.4117%2027.0002%2016.4117C31.0815%2016.4117%2034.431%2019.58%2034.735%2023.5856C34.5226%2023.5129%2034.2964%2023.4706%2034.0591%2023.4706C32.8913%2023.4706%2031.9413%2024.4206%2031.9413%2025.5883V32.647C31.9413%2033.8148%2032.8913%2034.7648%2034.0591%2034.7648C34.3078%2034.7648%2034.5431%2034.7139%2034.765%2034.6348V35.4706C34.765%2035.8601%2034.4479%2036.1765%2034.0591%2036.1765H28.9879C28.6954%2035.3566%2027.9192%2034.7648%2027.0002%2034.7648C25.8326%2034.7648%2024.8826%2035.7147%2024.8826%2036.8824C24.8826%2038.05%2025.8326%2039%2027.0002%2039C27.9192%2039%2028.6954%2038.408%2028.9879%2037.5883H34.0591C35.2268%2037.5883%2036.1768%2036.6383%2036.1768%2035.4706C36.1768%2031.2248%2036.1768%2028.4269%2036.1768%2024.1765C36.1768%2019.1168%2032.06%2015%2027.0002%2015V15Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M37.5884%2025.0122V33.2227C38.4081%2032.9304%2039.0001%2032.1542%2039.0001%2031.235V26.9998C39.0001%2026.0808%2038.4081%2025.3046%2037.5884%2025.0122Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M15%2026.9998V31.235C15%2032.1542%2015.592%2032.9304%2016.4117%2033.2227V25.0122C15.592%2025.3046%2015%2026.0808%2015%2026.9998Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E",alt:"support mindly"})}))},en=t.div(G||(G=v(["\n padding: ",";\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);\n display: flex;\n position: fixed;\n z-index: 10000000000000;\n background: ",";\n bottom: -1px;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n button {\n min-height: 44px !important;\n width: 132px;\n }\n"],["\n padding: ",";\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);\n display: flex;\n position: fixed;\n z-index: 10000000000000;\n background: ",";\n bottom: -1px;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n button {\n min-height: 44px !important;\n width: 132px;\n }\n"])),(function(n){return n.isIos?"16px 24px 50px":"16px 24px"}),V),tn=t.div(K||(K=v(["\n h4 {\n color: ",";\n }\n\n h4:first-child {\n margin-bottom: 4px;\n }\n"],["\n h4 {\n color: ",";\n }\n\n h4:first-child {\n margin-bottom: 4px;\n }\n"])),S),on=t(p)(Q||(Q=v(["\n // #skipcq\n margin: 0 5px -4px 0;\n font-size: 18px;\n\n &.ion-color {\n --ion-color-base: "," !important;\n }\n"],["\n // #skipcq\n margin: 0 5px -4px 0;\n font-size: 18px;\n\n &.ion-color {\n --ion-color-base: "," !important;\n }\n"])),N);const rn="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Briefcase</title><rect x='32' y='128' width='448' height='320' rx='48' ry='48' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/><path d='M144 128V96a32 32 0 0132-32h160a32 32 0 0132 32v32M480 240H32M320 240v24a8 8 0 01-8 8H200a8 8 0 01-8-8v-24' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>",an="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Card</title><rect x='48' y='96' width='416' height='320' rx='56' ry='56' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linejoin='round' stroke-width='60' d='M48 192h416M128 300h48v20h-48z' class='ionicon-fill-none'/></svg>",dn="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Time</title><path d='M256 64C150 64 64 150 64 256s86 192 192 192 192-86 192-192S362 64 256 64z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linecap='round' stroke-linejoin='round' d='M256 128v144h96' class='ionicon-fill-none ionicon-stroke-width'/></svg>";var ln,sn,cn,pn,hn,xn,gn,fn,un,mn,bn,wn,vn,yn,kn,zn,Cn,Bn,Dn,Fn,jn,Ln,Nn=function(t){return e(en,w({isIos:t.isIos},{children:[e(tn,{children:[e("h4",{children:[n(on,{icon:dn,color:"primary"}),e(i,{children:[t.duration," хв"]})]}),e("h4",{children:[n(on,{icon:an,color:"primary"}),t.price]})]}),n(X,w({buttonType:"primary",isDisabled:!1,"data-testid":t["data-testid"],onClick:t.eventHandler},{children:"Записатися"}))]}))},En=t.button(ln||(ln=v(["\n display: flex;\n justify-content: space-between;\n color: ",";\n border: 0;\n border-bottom: 1px solid ",";\n width: 100%;\n padding: 10px 16px;\n background: inherit;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n color: ",";\n border: 0;\n border-bottom: 1px solid ",";\n width: 100%;\n padding: 10px 16px;\n background: inherit;\n align-items: center;\n"])),S,U),Sn=t(p)(sn||(sn=v(["\n // #skipcq\n font-size: 24px;\n"],["\n // #skipcq\n font-size: 24px;\n"]))),In=function(i){return e(En,w({"data-testid":i["data-testid"],onClick:i.onClick},{children:[n("h4",{children:i.children}),n(Sn,{src:i.icon})]}))},Tn=t(h)(pn||(pn=v(["\n padding: ",";\n background: #ffffff;\n position: fixed;\n z-index: 1000;\n min-height: ",";\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n color: ",";\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n .left {\n cursor: pointer;\n position: absolute;\n color: ",";\n left: 0;\n }\n\n .right {\n cursor: pointer;\n color: ",";\n position: absolute;\n right: 0;\n }\n\n &:after {\n background-image: none;\n }\n\n ","\n"],["\n padding: ",";\n background: #ffffff;\n position: fixed;\n z-index: 1000;\n min-height: ",";\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n color: ",";\n\n @media (min-width: 600px) {\n padding-left: calc((100vw - 468px) / 2);\n padding-right: calc((100vw - 468px) / 2);\n }\n\n @media (min-width: 1024px) {\n padding-left: calc((100vw - 960px) / 2);\n padding-right: calc((100vw - 960px) / 2);\n }\n\n .left {\n cursor: pointer;\n position: absolute;\n color: ",";\n left: 0;\n }\n\n .right {\n cursor: pointer;\n color: ",";\n position: absolute;\n right: 0;\n }\n\n &:after {\n background-image: none;\n }\n\n ","\n"])),(function(n){return n.isInternetConnected?"10px 16px":"40px 16px 16px"}),(function(n){return n.isInternetConnected?"44px":"74px"}),I,N,N,(function(n){return n.isIos&&o(cn||(cn=v(["\n padding: ",";\n min-height: ",";\n\n .left {\n position: absolute;\n left: 0;\n }\n\n .right {\n position: absolute;\n right: 0;\n }\n "],["\n padding: ",";\n min-height: ",";\n\n .left {\n position: absolute;\n left: 0;\n }\n\n .right {\n position: absolute;\n right: 0;\n }\n "])),n.isInternetConnected?"54px 16px 10px":"64px 16px 10px",n.isInternetConnected?"88px":"98px")})),An=t.div(hn||(hn=v(["\n position: relative;\n display: flex;\n text-align: center;\n justify-content: center;\n\n @media (min-width: 600px) {\n width: 468px;\n }\n\n @media (min-width: 1024px) {\n width: 960px;\n }\n"],["\n position: relative;\n display: flex;\n text-align: center;\n justify-content: center;\n\n @media (min-width: 600px) {\n width: 468px;\n }\n\n @media (min-width: 1024px) {\n width: 960px;\n }\n"]))),Mn=function(e){return n(Tn,w({isIos:e.isIos,isInternetConnected:e.isInternetConnected},{children:n(An,{children:e.children})}))},Rn=t.div(xn||(xn=v(["\n width: 100%;\n padding: 16px;\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n"],["\n width: 100%;\n padding: 16px;\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n"])),H),On=t.div(gn||(gn=v(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 24px;\n"],["\n display: flex;\n justify-content: space-between;\n margin-bottom: 24px;\n"]))),Vn=t.div(fn||(fn=v(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin-right: 8px;\n\n h3 {\n color: ",";\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n }\n\n h2.time {\n margin-top: 8px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n div.is-free {\n margin-top: 12px;\n padding: 2px 7px;\n border-radius: 12px;\n max-width: max-content;\n text-align: center;\n &.greeny {\n background-color: #cfe2d7;\n }\n &.reddy {\n background-color: #ffc7c7;\n }\n h2 {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin-right: 8px;\n\n h3 {\n color: ",";\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n }\n\n h2.time {\n margin-top: 8px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n div.is-free {\n margin-top: 12px;\n padding: 2px 7px;\n border-radius: 12px;\n max-width: max-content;\n text-align: center;\n &.greeny {\n background-color: #cfe2d7;\n }\n &.reddy {\n background-color: #ffc7c7;\n }\n h2 {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n }\n }\n"])),I,S),Hn=t.img(un||(un=v(["\n width: 104px;\n height: 104px;\n border-radius: 8px;\n"],["\n width: 104px;\n height: 104px;\n border-radius: 8px;\n"]))),qn=t.div(mn||(mn=v(["\n margin: 4px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n div.divider {\n height: 1px;\n flex-grow: 1;\n background: ",";\n }\n\n h4 {\n color: ",";\n margin: 0 4px;\n }\n"],["\n margin: 4px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n div.divider {\n height: 1px;\n flex-grow: 1;\n background: ",";\n }\n\n h4 {\n color: ",";\n margin: 0 4px;\n }\n"])),T,T),Wn=t.div(bn||(bn=v(["\n display: flex;\n"],["\n display: flex;\n"]))),Pn=function(i){var t=a.useState(!1),o=t[0],r=t[1];return e(Rn,w({"data-testid":i["data-container-testid"]},{children:[e(On,{children:[e(Vn,{children:[e("h3",{children:["Консультація з ",i.consultationWith]}),e("h2",w({className:"time"},{children:[i.day," о ",i.time]})),"boolean"==typeof i.isFree&&(i.isFree?n("div",w({className:"is-free reddy"},{children:n("h2",{children:"Безкоштовна"})})):n("div",w({className:"is-free greeny"},{children:n("h2",{children:"Платна - ".concat(i.price," грн")})})))]}),n(Hn,{src:i.avatar,alt:"avatar",style:{display:o?"inline":"none"},onLoad:function(){return r(!0)}}),n(x,{animated:!0,style:{minWidth:"104px",width:"104px",height:"104px",minHeight:"104px",borderRadius:"8px",display:o?"none":"inline"}})]}),n(X,w({buttonType:"primary",isDisabled:!1,"data-testid":i["data-start-testid"],onClick:i.startConsultation},{children:"Почати консультацію"})),e(qn,{children:[n("div",{className:"divider"}),n("h4",{children:"або"}),n("div",{className:"divider"})]}),e(Wn,{children:[n(X,w({buttonType:"secondary",isDisabled:!1,onClick:i.handleReschedule,"data-testid":i["data-refund-testid"]},{children:"Перенести"})),n(X,w({buttonType:"secondaryCancel",isDisabled:!1,onClick:i.handleRefund,"data-testid":i["data-refund-testid"]},{children:"Скасувати"}))]})]}))},Un=t.div(wn||(wn=v(["\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n position: relative;\n display: flex;\n flex-direction: column;\n text-align: left;\n"],["\n border: 1px solid ",";\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n position: relative;\n display: flex;\n flex-direction: column;\n text-align: left;\n"])),H),_n=t.a(vn||(vn=v(["\n width: 100%;\n min-height: 192px;\n max-height: 192px;\n display: block;\n\n img {\n border-radius: 8px 8px 0 0;\n width: 100%;\n height: 192px;\n }\n"],["\n width: 100%;\n min-height: 192px;\n max-height: 192px;\n display: block;\n\n img {\n border-radius: 8px 8px 0 0;\n width: 100%;\n height: 192px;\n }\n"]))),Yn=t.iframe(yn||(yn=v(["\n width: 100%;\n height: 192px;\n margin: 0;\n padding: 0;\n border-radius: 8px 8px 0 0;\n"],["\n width: 100%;\n height: 192px;\n margin: 0;\n padding: 0;\n border-radius: 8px 8px 0 0;\n"]))),Zn=t.h3(kn||(kn=v(["\n padding: 16px !important;\n height: 104px;\n color: ",";\n"],["\n padding: 16px !important;\n height: 104px;\n color: ",";\n"])),S),Jn=t.div(zn||(zn=v(["\n visibility: ",";\n position: absolute;\n width: 100%;\n top: 0;\n"],["\n visibility: ",";\n position: absolute;\n width: 100%;\n top: 0;\n"])),(function(n){return n.isLoading?"visible":"hidden"})),Gn=t(x)(Cn||(Cn=v(["\n height: 192px;\n border-radius: 4px 4px 0 0;\n border: none;\n margin: 0;\n padding: 0;\n"],["\n height: 192px;\n border-radius: 4px 4px 0 0;\n border: none;\n margin: 0;\n padding: 0;\n"]))),Kn=function(i){var t,o,r,a=d(!0),l=a[0],s=a[1],c=(null===(t=i.contentVideo)||void 0===t?void 0:t.title)||(null===(o=i.contentArticle)||void 0===o?void 0:o.title),p=i.contentArticle?n(_n,w({"data-testID":i["data-testid"],href:i.contentArticle.link},{children:n("img",{src:i.contentArticle.photoURL,alt:"article-img",onLoad:function(){s(!1)}})})):n(Yn,{"data-testid":i["data-testid"],src:"https://www.youtube.com/embed/".concat(null===(r=i.contentVideo)||void 0===r?void 0:r.url),title:"YouTube video player",frameBorder:"0",onLoad:function(){s(!1)},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0});return e(Un,{children:[p,n(Jn,w({isLoading:l},{children:n(Gn,{animated:!0})})),e(Zn,w({className:"semiBold"},{children:[" ",c]}))]})},Qn=t.div(Bn||(Bn=v(["\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);\n position: relative;\n padding: 11px;\n\n @media (min-width: 600px) {\n max-width: 452px;\n }\n"],["\n cursor: pointer;\n border-radius: 8px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);\n position: relative;\n padding: 11px;\n\n @media (min-width: 600px) {\n max-width: 452px;\n }\n"]))),Xn=t.div(Dn||(Dn=v(["\n display: flex;\n flex-direction: row;\n align-content: center;\n align-items: center;\n\n .img-container {\n max-height: 102px;\n max-width: 102px;\n flex: 1 0;\n }\n \n .card-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n \n .img {\n width: 102px;\n height: 102px;\n object-fit: cover;\n border-radius: 4px;\n }\n\n h1 {\n margin: 0px 16px 0;\n color: ",";\n font-size: 16px;\n line-height: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h3 {\n margin: 4px 16px 0;\n color: ",";\n font-size: 14px;\n line-height: 16px;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-content: center;\n align-items: center;\n\n .img-container {\n max-height: 102px;\n max-width: 102px;\n flex: 1 0;\n }\n \n .card-content {\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n \n .img {\n width: 102px;\n height: 102px;\n object-fit: cover;\n border-radius: 4px;\n }\n\n h1 {\n margin: 0px 16px 0;\n color: ",";\n font-size: 16px;\n line-height: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h3 {\n margin: 4px 16px 0;\n color: ",";\n font-size: 14px;\n line-height: 16px;\n }\n"])),S,I),$n=t(p)(Fn||(Fn=v(["\n // #skipcq\n color: ",";\n font-size: 20px;\n margin: 0;\n\n @media (max-width: 320px) {\n font-size: 19px;\n }\n"],["\n // #skipcq\n color: ",";\n font-size: 20px;\n margin: 0;\n\n @media (max-width: 320px) {\n font-size: 19px;\n }\n"])),N),ne=t.div(jn||(jn=v(["\n display: flex;\n align-items: center;\n padding: 0;\n margin-right: 12px;\n margin-top: 4px;\n\n .color-green {\n // #skipcq\n color: ",";\n }\n \n p {\n color: ",";\n font-size: 12px;\n line-height: 16px;\n padding-left: 4px;\n margin: 0;\n font-family: 'Lato Regular', sans-serif;\n white-space: nowrap;\n\n @media (max-width: 320px) {\n font-size: 10.5px;\n line-height: 14px;\n }\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0;\n margin-right: 12px;\n margin-top: 4px;\n\n .color-green {\n // #skipcq\n color: ",";\n }\n \n p {\n color: ",";\n font-size: 12px;\n line-height: 16px;\n padding-left: 4px;\n margin: 0;\n font-family: 'Lato Regular', sans-serif;\n white-space: nowrap;\n\n @media (max-width: 320px) {\n font-size: 10.5px;\n line-height: 14px;\n }\n }\n"])),A,S),ee=t.div(Ln||(Ln=v(["\n display: flex;\n margin-left: 16px;\n flex-wrap: wrap;\n"],["\n display: flex;\n margin-left: 16px;\n flex-wrap: wrap;\n"]))),ie=function(i){var t=a.useState(!1),o=t[0],r=t[1];return n(Qn,w({"data-testid":i["data-testid"],onClick:i.handleClick},{children:e(Xn,{children:[e("div",w({className:"img-container"},{children:[n("img",{className:"img",src:i.psychologistPhoto,alt:"psychologistPhoto",onLoad:function(){return r(!0)},style:{display:o?"block":"none"}}),n(x,{animated:!0,className:"img",style:{display:o?"none":"block"}})]})),e("div",w({className:"card-content"},{children:[n("h1",w({className:"bold"},{children:"".concat(i.psychologistName," ").concat(i.psychologistLastName)})),n("h3",w({className:"semiBold"},{children:i.psychologistType})),e(ee,{children:[e(ne,{children:[n($n,{icon:dn}),n("p",w({className:"semiBold"},{children:"".concat(i.psychologistDuration," хвилин")}))]}),e(ne,{children:[n($n,{icon:rn}),n("p",w({className:"semiBold"},{children:i.psychologistExperience>=5?"".concat(i.psychologistExperience," років досвіду"):1===i.psychologistExperience?"".concat(i.psychologistExperience," рік досвіду"):"".concat(i.psychologistExperience," роки досвіду")}))]}),e(ne,{children:[n($n,{icon:an,className:"color-green"}),n("p",w({className:"semiBold color-green"},{children:"".concat(i.psychologistPrice," грн")}))]})]})]}))]})}))};Z(".toast_classes {\n color: #ffffff;\n --background: #1d201f;\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n margin-top: 30px;\n border-radius: 4px;\n}\n\n.toast_classes_ios {\n top: -36px;\n}\n");var te,oe,re,ae,de=function(n,e){var i;void 0===e&&(e=4500);var t=document.createElement("ion-toast");return t.message=n,t.duration=e,t.position="top",t.cssClass=g("ios")?"toast_classes toast_classes_ios":"toast_classes",null===(i=document.getElementById("root"))||void 0===i||i.appendChild(t),t.present()},le=t.div(te||(te=v(["\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n background: ",";\n padding: 8px;\n width: 100%;\n border-radius: 4px;\n"],["\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n background: ",";\n padding: 8px;\n width: 100%;\n border-radius: 4px;\n"])),_),se=t.div(oe||(oe=v(["\n h3 {\n padding-top: 5px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n h5 {\n color: ",";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n }\n\n h5.isFreeStatus {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n padding: 2px 8px;\n color: ",";\n }\n\n .greeny-bg {\n max-width: max-content;\n background: #cfe2d7;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n .reddy-bg {\n max-width: max-content;\n background: #f6dfdf;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n h5.check {\n margin-top: 5px;\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n }\n\n svg {\n margin-right: 4px;\n }\n"],["\n h3 {\n padding-top: 5px;\n font-weight: 700;\n font-size: 18px;\n line-height: 24px;\n color: ",";\n }\n\n h5 {\n color: ",";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n }\n\n h5.isFreeStatus {\n font-weight: 700;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n padding: 2px 8px;\n color: ",";\n }\n\n .greeny-bg {\n max-width: max-content;\n background: #cfe2d7;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n .reddy-bg {\n max-width: max-content;\n background: #f6dfdf;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n border-radius: 12px;\n }\n\n h5.check {\n margin-top: 5px;\n display: flex;\n align-items: center;\n color: ",";\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n }\n\n svg {\n margin-right: 4px;\n }\n"])),S,I,S,A),ce=t.img(re||(re=v(["\n max-width: 94px;\n max-height: 94px;\n border-radius: 8px;\n"],["\n max-width: 94px;\n max-height: 94px;\n border-radius: 8px;\n"])));function pe(){return pe=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(n[t]=i[t])}return n},pe.apply(this,arguments)}function he(n){return r.createElement("svg",pe({width:16,height:16,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),ae||(ae=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.624 3.67a.5.5 0 01.76.65l-.008.01-7 8a.5.5 0 01-.722.031l-.008-.007-3-3a.5.5 0 01.7-.716l.008.008 2.622 2.622 6.648-7.597z",fill:"#478862"})))}var xe,ge,fe,ue,me,be=function(i){return e(le,w({"data-testid":i["data-testid"]},{children:[e(se,{children:["boolean"==typeof i.isFree&&(i.isFree?n("div",w({className:"reddy-bg"},{children:n("h5",w({className:"isFreeStatus"},{children:"Безкоштовна"}))})):n("div",w({className:"greeny-bg"},{children:n("h5",w({className:"isFreeStatus"},{children:"Платна - ".concat(i.price," грн")}))}))),n("h3",{children:i.nameAndSurname}),n("h5",w({className:"semiBold"},{children:i.date})),e("h5",w({className:"check"},{children:[n(he,{}),"Завершена"]}))]}),n(ce,{src:i.avatar,alt:"user-avatar"})]}))},we=t.div(xe||(xe=v(["\n padding: 16px 8px;\n border-radius: 4px;\n border: 1px solid;\n width: 100%;\n min-width: 86px;\n max-height: 108px;\n box-sizing: border-box;\n border-color: ",";\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 5px 8px rgba(0, 0, 0, 0.04);\n\n h4 {\n margin-bottom: 4px;\n color: ",";\n }\n\n h1 {\n color: ",";\n }\n\n h5 {\n color: ",";\n }\n"],["\n padding: 16px 8px;\n border-radius: 4px;\n border: 1px solid;\n width: 100%;\n min-width: 86px;\n max-height: 108px;\n box-sizing: border-box;\n border-color: ",";\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 5px 8px rgba(0, 0, 0, 0.04);\n\n h4 {\n margin-bottom: 4px;\n color: ",";\n }\n\n h1 {\n color: ",";\n }\n\n h5 {\n color: ",";\n }\n"])),(function(n){return n.isActive?N:H}),(function(n){return n.isActive?E:V}),(function(n){return n.isActive?N:I}),(function(n){return n.isActive?N:S}),(function(n){return n.isActive?N:I})),ve=t.h1(ge||(ge=v(["\n line-height: 76px;\n font-weight: 700;\n margin: 0;\n"],["\n line-height: 76px;\n font-weight: 700;\n margin: 0;\n"]))),ye=function(t){return n(we,w({"data-testid":t["data-testid"],isActive:t.isActive,onClick:function(){return t.onClick()}},{children:"weekday"===t.type?n(ve,{children:t.weekday}):e(i,{children:[n("h4",{children:t.day}),n("h1",w({className:"bold"},{children:t.date})),n("h5",{children:t.month})]})}))};function ke(){return ke=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(n[t]=i[t])}return n},ke.apply(this,arguments)}function ze(n){return r.createElement("svg",ke({width:14,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),fe||(fe=r.createElement("path",{d:"M7 13.563A6.57 6.57 0 01.437 7 6.57 6.57 0 017 .437 6.57 6.57 0 0113.563 7 6.57 6.57 0 017 13.563z",fill:"#F1646F"})),ue||(ue=r.createElement("path",{d:"M7 14c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7zM7 .875A6.132 6.132 0 00.875 7 6.132 6.132 0 007 13.125 6.132 6.132 0 0013.125 7 6.132 6.132 0 007 .875z",fill:"#fff"})),me||(me=r.createElement("path",{d:"M11.509 6.253a.437.437 0 01-.31-.127 5.925 5.925 0 00-.851-.707.436.436 0 01-.117-.607.435.435 0 01.608-.116c.347.235.676.508.98.81a.439.439 0 01-.31.747zM2.49 6.253a.437.437 0 01-.31-.747c1.611-1.617 3.851-2.33 6.187-1.87a.439.439 0 01.346.514.441.441 0 01-.514.345c-2.052-.404-3.995.22-5.399 1.63a.435.435 0 01-.31.128zM9.94 7.828a.437.437 0 01-.31-.127 3.905 3.905 0 00-.86-.651.438.438 0 01.427-.765c.383.214.738.482 1.053.795a.439.439 0 01-.31.748zM4.06 7.829a.438.438 0 01-.31-.747 4.513 4.513 0 012.23-1.233.437.437 0 01.187.855c-.67.146-1.29.49-1.797.996a.437.437 0 01-.31.129zM7 10.5a1.264 1.264 0 01-1.223-.939.438.438 0 01.847-.222c.045.17.196.286.376.286a.397.397 0 00.397-.397c0-.18-.115-.33-.286-.376a.438.438 0 01.222-.847c.552.146.939.648.939 1.223 0 .701-.57 1.272-1.272 1.272zM2.36 12.076a.438.438 0 01-.31-.747l9.28-9.278a.438.438 0 11.619.62l-9.28 9.277a.434.434 0 01-.308.128z",fill:"#fff"})))}var Ce,Be,De,Fe,je,Le,Ne,Ee,Se,Ie,Te,Ae,Me=t.div(Ce||(Ce=v(["\n z-index: 999;\n position: fixed;\n box-sizing: border-box;\n background: ",";\n width: 100%;\n display: ",";\n justify-content: center;\n align-items: center;\n padding: ",";\n\n span {\n font-size: 10px;\n line-height: 14px;\n margin-left: 8px;\n color: ",";\n }\n"],["\n z-index: 999;\n position: fixed;\n box-sizing: border-box;\n background: ",";\n width: 100%;\n display: ",";\n justify-content: center;\n align-items: center;\n padding: ",";\n\n span {\n font-size: 10px;\n line-height: 14px;\n margin-left: 8px;\n color: ",";\n }\n"])),O,(function(n){return n.isInternetConnected?"none":"flex"}),(function(n){return n.isIos?"32px 0 8px":"8px 0"}),V),Re=function(i){return e(Me,w({isInternetConnected:i.isInternetConnected,isIos:i.isIos},{children:[n(ze,{}),n("span",{children:"Інтернет підключення відсутнє"})]}))},Oe=t.div(Be||(Be=v(["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n img {\n width: 100%;\n height: 222px;\n border-radius: 8px;\n object-fit: cover;\n\n @media (min-width: 600px) {\n height: auto;\n }\n\n @media (min-width: 1024px) {\n height: auto;\n }\n }\n"],["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n img {\n width: 100%;\n height: 222px;\n border-radius: 8px;\n object-fit: cover;\n\n @media (min-width: 600px) {\n height: auto;\n }\n\n @media (min-width: 1024px) {\n height: auto;\n }\n }\n"]))),Ve=t.div(De||(De=v(["\n display: flex;\n justify-content: space-between;\n margin-top: 16px;\n\n h3 {\n color: ",";\n display: flex;\n align-items: center;\n\n ion-icon {\n margin-right: 4px;\n font-size: 24px;\n }\n }\n"],["\n display: flex;\n justify-content: space-between;\n margin-top: 16px;\n\n h3 {\n color: ",";\n display: flex;\n align-items: center;\n\n ion-icon {\n margin-right: 4px;\n font-size: 24px;\n }\n }\n"])),S),He=function(i){return e(Oe,w({"data-testid":i["data-testid"]},{children:[n("img",{src:i.avatar,alt:"therapist avatar"}),e(Ve,{children:[e("h3",w({className:"semiBold"},{children:[n(p,{icon:rn,color:"primary"}),i.experience]})),e("h3",w({className:"semiBold"},{children:[n(p,{icon:dn,color:"primary"}),i.duration]})),e("h3",w({className:"semiBold"},{children:[n(p,{icon:an,color:"primary"}),i.price]}))]})]}))},qe=t(p)(Fe||(Fe=v(["\n // skipcq JS-0323\n width: 20px;\n z-index: 3;\n height: 20px;\n position: absolute;\n top: calc(50% - 10px);\n left: 20px;\n color: "," !important;\n"],["\n // skipcq JS-0323\n width: 20px;\n z-index: 3;\n height: 20px;\n position: absolute;\n top: calc(50% - 10px);\n left: 20px;\n color: "," !important;\n"])),S),We=t(f)(je||(je=v(["\n position: relative;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n font-family: 'Lato Regular', sans-serif;\n --padding-start: 55px !important;\n --background: "," !important;\n min-height: 36px;\n line-height: 20px;\n color: ",";\n --placeholder-color: ",";\n --placeholder-opacity: 1;\n"],["\n position: relative;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n font-family: 'Lato Regular', sans-serif;\n --padding-start: 55px !important;\n --background: "," !important;\n min-height: 36px;\n line-height: 20px;\n color: ",";\n --placeholder-color: ",";\n --placeholder-opacity: 1;\n"])),M,(function(n){return n.isActive?S:T}),T),Pe=function(e){return n(We,w({name:e.name,placeholder:e.placeholder,value:e.value,"data-testid":e["data-testid"],onIonChange:function(n){return e.onIonChange(n)},isActive:e.isActive,type:e.type},{children:n(qe,{icon:e.icon})}))},Ue=t(u)(Le||(Le=v(["\n --background: ",";\n"],["\n --background: ",";\n"])),R),_e=t(m)(Ne||(Ne=v(["\n --background-checked: ",";\n --background-focused: ",";\n --background-hover: ",";\n --color: ",";\n --color-checked: ",";\n --color-focused: ",";\n --color-hover: ",";\n --transition: 0;\n --indicator-transform: 0;\n"],["\n --background-checked: ",";\n --background-focused: ",";\n --background-hover: ",";\n --color: ",";\n --color-checked: ",";\n --color-focused: ",";\n --color-hover: ",";\n --transition: 0;\n --indicator-transform: 0;\n"])),V,V,V,S,S,S,S),Ye=function(i){return e(Ue,w({value:i.value,mode:"ios",onIonChange:function(n){return i.setActiveTab(n.detail.value)}},{children:[n(_e,w({value:"profile","data-testid":"profile"},{children:n(b,{children:n("h5",{children:"Профіль"})})})),n(_e,w({value:"video","data-testid":"video"},{children:n(b,{children:n("h5",{children:"Відео"})})})),n(_e,w({value:"articles","data-testid":"articles"},{children:n(b,{children:n("h5",{children:"Статті"})})}))]}))},Ze=t.div(Ee||(Ee=v(["\n display: flex;\n box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);\n position: fixed;\n bottom: -1px;\n width: 100vw;\n border: none;\n padding-bottom: ",";\n color: ",";\n padding-top: 10px;\n justify-content: center;\n background: white;\n\n div {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 150px;\n flex-grow: 1;\n flex-basis: 0;\n cursor: pointer;\n }\n\n ion-icon {\n font-size: 28px;\n margin: 0;\n }\n\n ion-label {\n font-weight: 700;\n font-size: 10px;\n margin: 0;\n line-height: 14px;\n font-family: 'Lato Bold', sans-serif;\n }\n"],["\n display: flex;\n box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);\n position: fixed;\n bottom: -1px;\n width: 100vw;\n border: none;\n padding-bottom: ",";\n color: ",";\n padding-top: 10px;\n justify-content: center;\n background: white;\n\n div {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 150px;\n flex-grow: 1;\n flex-basis: 0;\n cursor: pointer;\n }\n\n ion-icon {\n font-size: 28px;\n margin: 0;\n }\n\n ion-label {\n font-weight: 700;\n font-size: 10px;\n margin: 0;\n line-height: 14px;\n font-family: 'Lato Bold', sans-serif;\n }\n"])),(function(n){return n.isIos?"34px":"10px"}),I),Je=function(e){return n(Ze,w({isIos:e.isIos},{children:e.children}))},Ge=t.div(Se||(Se=v(["\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #d6f2f9;\n border-radius: 4px;\n"],["\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #d6f2f9;\n border-radius: 4px;\n"]))),Ke=t.div(Ie||(Ie=v(["\n padding: 8px 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n img {\n width: 20px;\n margin-right: 10px;\n }\n span {\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n max-width: 200px;\n overflow-wrap: break-word;\n }\n"],["\n padding: 8px 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n img {\n width: 20px;\n margin-right: 10px;\n }\n span {\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n max-width: 200px;\n overflow-wrap: break-word;\n }\n"]))),Qe=function(i){var t=i.text,o=void 0===t?"За Вашим місцевим часом":t;return n(Ge,{children:e(Ke,{children:[n("img",{src:"./YourLocalTimeBlock.png",alt:"clock"}),n("span",{children:o})]})})},Xe=t.div(Te||(Te=v(["\n --contrastColor: #21ABD2;\n --highlightColor: #D6F2F9;\n user-select: none;\n \n ul {\n list-style: none;\n display: flex;\n gap: 9px;\n overflow: scroll;\n width: 100%;\n white-space: nowrap;\n padding: 0;\n &::-webkit-scrollbar {\n display: none;\n }\n \n li {\n display: inline-block;\n height: 70px;\n width: 44px;\n border-radius: 8px;\n padding: 6px;\n \n .day {\n display: flex;\n flex-direction: column;\n align-items: center;\n align-content: center;\n \n .title {\n font-size: 10px;\n line-height: 14px;\n text-transform: uppercase;\n }\n \n .tags {\n height: 11px;\n }\n \n .content {\n font-size: 16px;\n line-height: 30px;\n height: 32px;\n width: 32px;\n border: 1px solid var(--contrastColor);\n text-align: center;\n border-radius: 50%;;\n }\n }\n \n &.selected {\n background-color: var(--highlightColor);\n }\n \n &.has-consultation .day .content {\n background-color: var(--contrastColor);\n color: #fff;\n }\n }\n }\n"],["\n --contrastColor: #21ABD2;\n --highlightColor: #D6F2F9;\n user-select: none;\n \n ul {\n list-style: none;\n display: flex;\n gap: 9px;\n overflow: scroll;\n width: 100%;\n white-space: nowrap;\n padding: 0;\n &::-webkit-scrollbar {\n display: none;\n }\n \n li {\n display: inline-block;\n height: 70px;\n width: 44px;\n border-radius: 8px;\n padding: 6px;\n \n .day {\n display: flex;\n flex-direction: column;\n align-items: center;\n align-content: center;\n \n .title {\n font-size: 10px;\n line-height: 14px;\n text-transform: uppercase;\n }\n \n .tags {\n height: 11px;\n }\n \n .content {\n font-size: 16px;\n line-height: 30px;\n height: 32px;\n width: 32px;\n border: 1px solid var(--contrastColor);\n text-align: center;\n border-radius: 50%;;\n }\n }\n \n &.selected {\n background-color: var(--highlightColor);\n }\n \n &.has-consultation .day .content {\n background-color: var(--contrastColor);\n color: #fff;\n }\n }\n }\n"])));function $e(n){switch(n.getDay()){default:case 0:return Ae.SUN;case 1:return Ae.MON;case 2:return Ae.TUE;case 3:return Ae.WED;case 4:return Ae.THU;case 5:return Ae.FRI;case 6:return Ae.SAT}}function ni(n){return"".concat(n.getDate(),".").concat(n.getMonth(),".").concat(n.getFullYear())}!function(n){n.SUN="Нд",n.MON="Пн",n.TUE="Вт",n.WED="Ср",n.THU="Чт",n.FRI="Пт",n.SAT="Сб"}(Ae||(Ae={}));var ei=function(i){var t=new Date,o=d([]),r=o[0],a=o[1],p=d(ni(t)),h=p[0],x=p[1],g=l(null),f=s((function(){var n,e=(null===(n=i.consultationDatesSeconds)||void 0===n?void 0:n.map((function(n){return ni(new Date(1e3*n))})))||[];return new Set(e)}),[i.consultationDatesSeconds]);return c((function(){var n,e=function(n){for(var e=Math.floor(n/2),i=[],t=0,o=Date.now()-864e5*e;t<n;t++,o+=864e5){var r=new Date(o);i.push({shortDate:ni(r),dayOfWeek:$e(r),dayOfMonth:r.getDate()+1})}return i}(null!==(n=i.daysToRender)&&void 0!==n?n:15);a(e),x(ni(t))}),[i.daysToRender,t.getDate()]),c((function(){var n;null===(n=g.current)||void 0===n||n.scrollIntoView({behavior:"smooth",inline:"center"})}),[g.current]),n(Xe,{children:n("ul",{children:r.map((function(t){var o=t.shortDate===h,r=f.has(t.shortDate),a=[];(i.value?i.value.shortDate===t.shortDate:o)&&a.push("selected"),o&&a.push("today"),r&&a.push("has-consultation");var d={};return a.length&&(d.className=a.join(" ")),n("li",w({onClick:function(){i.onChange&&i.onChange(t)}},d,{children:e("div",w({className:"day inter-700",ref:o?g:null},{children:[n("div",w({className:"title"},{children:o?"Зараз":t.dayOfWeek})),n("div",{className:"tags"}),n("div",w({className:"content"},{children:t.dayOfMonth}))]}))}),t.shortDate)}))})})};export{be as ArchivedConsultationCard,X as Button,Pn as ConsultationCard,Kn as ContentCard,ye as DatePicker,nn as FloatingButton,Nn as FooterForBooking,ei as HorizontalCalendar,Pe as Input,In as ListButton,Mn as NavigationBar,Re as NoInternetConnection,Ye as ScrollTabs,Je as TabBar,ie as TherapistCard,He as TherapistInformationComponent,Qe as YourLocalTimeBlock,de as toast};
16
16
  //# sourceMappingURL=index.js.map