@mindly/ui-components 1.1.5 → 1.1.6

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.
package/dist/esm/index.js CHANGED
@@ -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: 100%;\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: 100%;\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 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 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 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: 100%;\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: 100%;\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 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 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};
16
16
  //# sourceMappingURL=index.js.map