@mindly/ui-components 0.1.14 → 0.1.16

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("styled-components"),t=require("@ionic/react");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=i(n),a=i(e);
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function l(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var r,d,s,p,c,f,h="#21ABD2",u="#5B5B5B",x="#1D201F",g="#C1C1C1",m="#f1646f",b="#FFFFFF",w="#F2F4F7",v="#E9F7FB",y="#F5939A",E="#90D5E8",C="#E5E5E5",k=a.default.button(f||(f=l(["\n  padding: 8px 0;\n  width: 100%;\n  border-radius: 4px;\n  border: 0;\n  background: ",";\n  color: ",";\n\n  &:hover, &:active {\n    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 -4px 15px rgba(0, 0, 0, 0.2);\n  }\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  padding: 8px 0;\n  width: 100%;\n  border-radius: 4px;\n  border: 0;\n  background: ",";\n  color: ",";\n\n  &:hover, &:active {\n    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 -4px 15px rgba(0, 0, 0, 0.2);\n  }\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),h,b,(function(n){return"secondary"===n.buttonType&&e.css(r||(r=l(["\n    background: inherit;\n    color: ",";\n\n    &:hover, &:active {\n      box-shadow: none;\n      color: ",";\n    }\n  "],["\n    background: inherit;\n    color: ",";\n\n    &:hover, &:active {\n      box-shadow: none;\n      color: ",";\n    }\n  "])),h,E)}),(function(n){return"secondaryWithStroke"===n.buttonType&&e.css(d||(d=l(["\n    color: ",";\n    background: inherit;\n    box-shadow: none;\n    border: 1px solid ",";\n\n    &:hover, &: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, &:active {\n      box-shadow: none;\n      color: ",";\n      background: inherit;\n      border: 1px solid ",";\n    }\n  "])),h,h,E,E)}),(function(n){return"secondaryCancel"===n.buttonType&&e.css(s||(s=l(["\n    color: ",";\n    background: inherit;\n    box-shadow: none;\n    border: 0;\n\n    &:hover, &: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, &:active {\n      box-shadow: none;\n      color: ",";\n      background: inherit;\n      border: 0;\n    }\n  "])),m,y)}),(function(n){return"survey"===n.buttonType&&e.css(p||(p=l(["\n    color: ",";\n    background: inherit;\n    box-shadow: none;\n    border: 1px solid ",";\n\n    &:hover, &:active {\n      box-shadow: none;\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n    }\n  "],["\n    color: ",";\n    background: inherit;\n    box-shadow: none;\n    border: 1px solid ",";\n\n    &:hover, &:active {\n      box-shadow: none;\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n    }\n  "])),u,u,h,v,g)}),(function(n){return n.isDisabled&&e.css(c||(c=l(["\n    background: ",";\n    color: ",";\n    box-shadow: none;\n\n\n    &:hover, &:active {\n      box-shadow: none;\n    }\n  "],["\n    background: ",";\n    color: ",";\n    box-shadow: none;\n\n\n    &:hover, &:active {\n      box-shadow: none;\n    }\n  "])),E,b)}));!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}('@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, p {\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, p.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, p.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 B,I=function(n){return o.default.createElement(k,{onClick:n.onClick,disabled:n.isDisabled,isDisabled:n.isDisabled,buttonType:n.buttonType},o.default.createElement("h4",null,n.children))},z=a.default.a(B||(B=l(["\n  display: block;\n  width: 54px;\n  height: 54px;\n  position: fixed;\n  bottom: ","px;\n  right: ","px;\n  z-index: 100000000;\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: 100000000;\n  \n  img {\n    background: none;\n    border-radius: 50%;\n  }\n"])),(function(n){return n.bottomHeight}),(function(n){return n.rightWidth}));function L(){return(new DOMParser).parseFromString('<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect width="54" height="54" fill="#21ABD2"/>\n<path d="M27.0002 15C21.9405 15 17.8237 19.1168 17.8237 24.1765V32.647C17.8237 33.8148 18.7737 34.7648 19.9413 34.7648C21.1092 34.7648 22.0591 33.8148 22.0591 32.647V25.5883C22.0591 24.4206 21.1092 23.4706 19.9413 23.4706C19.7037 23.4706 19.4788 23.5188 19.2651 23.5913C19.5663 19.5829 22.9168 16.4117 27.0002 16.4117C31.0815 16.4117 34.431 19.58 34.735 23.5856C34.5226 23.5129 34.2964 23.4706 34.0591 23.4706C32.8913 23.4706 31.9413 24.4206 31.9413 25.5883V32.647C31.9413 33.8148 32.8913 34.7648 34.0591 34.7648C34.3078 34.7648 34.5431 34.7139 34.765 34.6348V35.4706C34.765 35.8601 34.4479 36.1765 34.0591 36.1765H28.9879C28.6954 35.3566 27.9192 34.7648 27.0002 34.7648C25.8326 34.7648 24.8826 35.7147 24.8826 36.8824C24.8826 38.05 25.8326 39 27.0002 39C27.9192 39 28.6954 38.408 28.9879 37.5883H34.0591C35.2268 37.5883 36.1768 36.6383 36.1768 35.4706C36.1768 31.2248 36.1768 28.4269 36.1768 24.1765C36.1768 19.1168 32.06 15 27.0002 15V15Z" fill="white"/>\n<path d="M37.5884 25.0122V33.2227C38.4081 32.9304 39.0001 32.1542 39.0001 31.235V26.9998C39.0001 26.0808 38.4081 25.3046 37.5884 25.0122Z" fill="white"/>\n<path d="M15 26.9998V31.235C15 32.1542 15.592 32.9304 16.4117 33.2227V25.0122C15.592 25.3046 15 26.0808 15 26.9998Z" fill="white"/>\n</svg>\n',"image/svg+xml").firstChild}var T,j,S,M=a.default.div(T||(T=l(["\n  padding: ",";\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);\n  display: flex;\n  position: fixed;\n  bottom: 0;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  button {\n    height: 44px;\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  bottom: 0;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  button {\n    height: 44px;\n    width: 132px;\n  }\n"])),(function(n){return n.isIos?"16px 24px 50px":"16px 24px"})),F=a.default.div(j||(j=l(["\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"])),x),N=a.default(t.IonIcon)(S||(S=l(["\n  margin: 0 5px -4px 0;\n  font-size: 18px;\n\n  &.ion-color {\n    --ion-color-base: "," !important;\n  }\n"],["\n  margin: 0 5px -4px 0;\n  font-size: 18px;\n\n  &.ion-color {\n    --ion-color-base: "," !important;\n  }\n"])),h);const V="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>",D="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 H,P,A,R,W,O,q,Z,_,U,Y,G=a.default.button(H||(H=l(["\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"],["\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"])),x,C),J=a.default(t.IonIcon)(P||(P=l(["\n  width: 21px;\n  height: 21px;\n"],["\n  width: 21px;\n  height: 21px;\n"]))),K=a.default(t.IonHeader)(R||(R=l(["\n  padding: ",";\n  background: #ffffff;\n  position: fixed;\n  display: flex;\n  z-index: 1000;\n  text-align: center;\n  justify-content: center;\n  min-height: ",";\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);\n  color: ",";\n\n  .left {\n    position: absolute;\n    color: ",";\n    left: 10px;\n    top: ",";\n  }\n\n  .right {\n    color: ",";\n    position: absolute;\n    right: 10px;\n    top: ",";\n  }\n  \n  &:after {\n    background-image: none;\n  }\n\n  ","\n"],["\n  padding: ",";\n  background: #ffffff;\n  position: fixed;\n  display: flex;\n  z-index: 1000;\n  text-align: center;\n  justify-content: center;\n  min-height: ",";\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);\n  color: ",";\n\n  .left {\n    position: absolute;\n    color: ",";\n    left: 10px;\n    top: ",";\n  }\n\n  .right {\n    color: ",";\n    position: absolute;\n    right: 10px;\n    top: ",";\n  }\n  \n  &:after {\n    background-image: none;\n  }\n\n  ","\n"])),(function(n){return n.isInternetConnected?"10px":"40px 10px 10px"}),(function(n){return n.isInternetConnected?"44px":"74px"}),u,h,(function(n){return n.isInternetConnected?"calc(50% - 12px)":"calc(50% + 3px)"}),h,(function(n){return n.isInternetConnected?"calc(50% - 12px)":"calc(50% + 3px)"}),(function(n){return n.isIos&&e.css(A||(A=l(["\n    padding: ",";\n    min-height: ",";\n\n    .left {\n      position: absolute;\n      left: 10px;\n      top: ",";\n    }\n\n    .right {\n      position: absolute;\n      right: 10px;\n      top: ",";\n    }\n  "],["\n    padding: ",";\n    min-height: ",";\n\n    .left {\n      position: absolute;\n      left: 10px;\n      top: ",";\n    }\n\n    .right {\n      position: absolute;\n      right: 10px;\n      top: ",";\n    }\n  "])),n.isInternetConnected?"54px 10px 10px":"64px 10px 10px",n.isInternetConnected?"88px":"98px",n.isInternetConnected?"calc(50% + 10px)":"calc(50% + 15px)",n.isInternetConnected?"calc(50% + 10px)":"calc(50% + 15px)")})),Q=a.default(t.IonTabBar)(W||(W=l(["\n  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  border: none;\n  padding-bottom: ",";\n"],["\n  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  border: none;\n  padding-bottom: ",";\n"])),(function(n){return n.isIos?"34px":"0"})),X=a.default.div(O||(O=l(["\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"])),w),$=a.default.div(q||(q=l(["\n  display: flex;\n  justify-content: space-between;\n  height: 104px;\n  margin-bottom: 16px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  height: 104px;\n  margin-bottom: 16px;\n"]))),nn=a.default.div(Z||(Z=l(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-right: 8px;\n\n  h3 {\n    color: ",";\n  }\n\n  h3.semiBold {\n    color: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-right: 8px;\n\n  h3 {\n    color: ",";\n  }\n\n  h3.semiBold {\n    color: ",";\n  }\n"])),x,u),en=a.default.img(_||(_=l(["\n  width: 104px;\n  height: 104px;\n  border-radius: 8px;\n"],["\n  width: 104px;\n  height: 104px;\n  border-radius: 8px;\n"]))),tn=a.default.div(U||(U=l(["\n  margin: 4px 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  div.divider {\n    height: 1px;\n    width: 133px;\n    background: ",";\n  }\n  \n  h4{\n    color: ",";\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    width: 133px;\n    background: ",";\n  }\n  \n  h4{\n    color: ",";\n  }\n"])),g,g),on=a.default.div(Y||(Y=l(["\n  display: flex;\n"],["\n  display: flex;\n"])));a.default(t.IonCol)(an||(an=l(["\n  padding: 0;\n  margin: 0;\n"],["\n  padding: 0;\n  margin: 0;\n"])));var an,ln,rn,dn,sn,pn,cn,fn,hn,un,xn,gn,mn,bn,wn,vn,yn,En,Cn,kn=a.default.div(ln||(ln=l(["\n  margin: 0 16px 24px;\n  border-radius: 8px;\n  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n\n  &:first-child {\n    margin-top: ",";\n  }\n\n  &:last-of-type {\n    margin-bottom: 80px;\n  }\n"],["\n  margin: 0 16px 24px;\n  border-radius: 8px;\n  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n\n  &:first-child {\n    margin-top: ",";\n  }\n\n  &:last-of-type {\n    margin-bottom: 80px;\n  }\n"])),(function(n){return n.isIos?"28px":"20px"})),Bn=a.default.div(rn||(rn=l(["\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"})),In=a.default.div(dn||(dn=l(["\n  visibility: ",";\n"],["\n  visibility: ",";\n"])),(function(n){return n.isLoading?"hidden":"visible"})),zn=a.default(t.IonCard)(sn||(sn=l(["\n  height: 100%;\n  border-radius: 8px;\n  margin: 0;\n  position: relative;\n  box-shadow: none;\n\n  img {\n    height: 222px;\n    width: 100%;\n    object-fit: cover;\n  }\n"],["\n  height: 100%;\n  border-radius: 8px;\n  margin: 0;\n  position: relative;\n  box-shadow: none;\n\n  img {\n    height: 222px;\n    width: 100%;\n    object-fit: cover;\n  }\n"]))),Ln=a.default(t.IonCardHeader)(pn||(pn=l(["\n  padding: 16px 16px 0;\n"],["\n  padding: 16px 16px 0;\n"]))),Tn=a.default(t.IonCardSubtitle)(cn||(cn=l(["\n  display: flex;\n  align-items: flex-start;\n  text-transform: none;\n  letter-spacing: 0;\n  margin: 4px 0 16px;\n  color: ",";\n"],["\n  display: flex;\n  align-items: flex-start;\n  text-transform: none;\n  letter-spacing: 0;\n  margin: 4px 0 16px;\n  color: ",";\n"])),u),jn=a.default(t.IonCardTitle)(fn||(fn=l(["\n  color: ",";\n  margin: 0;\n"],["\n  color: ",";\n  margin: 0;\n"])),x),Sn=a.default(t.IonCardContent)(hn||(hn=l(["\n  padding: 0 16px 16px;\n"],["\n  padding: 0 16px 16px;\n"]))),Mn=a.default(t.IonIcon)(un||(un=l(["\n  color: ",";\n  width: 20px;\n  height: 20px;\n  margin: 0;\n    \n  @media (max-width: 320px) {\n    width: 19px;\n  }\n"],["\n  color: ",";\n  width: 20px;\n  height: 20px;\n  margin: 0;\n    \n  @media (max-width: 320px) {\n    width: 19px;\n  }\n"])),h),Fn=a.default.div(xn||(xn=l(["\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n\n  p {\n    color: ",";\n    font-size: 14px;\n    padding-left: 5px;\n    margin: 0;\n      \n    @media (max-width: 320px) {\n      font-size: 11.5px;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n\n  p {\n    color: ",";\n    font-size: 14px;\n    padding-left: 5px;\n    margin: 0;\n      \n    @media (max-width: 320px) {\n      font-size: 11.5px;\n    }\n  }\n"])),x),Nn=a.default.div(gn||(gn=l(["\n  display: flex;\n    justify-content: space-between;\n"],["\n  display: flex;\n    justify-content: space-between;\n"]))),Vn=a.default(t.IonSkeletonText)(mn||(mn=l(["\n    width: 100%;\n    height: ",";\n    \n    &:first-child {\n        margin-bottom: 16px;\n    }\n    \n    &:last-child{\n        margin-top: 16px;\n    }\n"],["\n    width: 100%;\n    height: ",";\n    \n    &:first-child {\n        margin-bottom: 16px;\n    }\n    \n    &:last-child{\n        margin-top: 16px;\n    }\n"])),(function(n){return n.height+"px"})),Dn=a.default.div(bn||(bn=l(["\n  border: 1px solid ",";\n  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n"],["\n  border: 1px solid ",";\n  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n"])),w),Hn=a.default.a(wn||(wn=l(["\n  width: 100%;\n  height: 192px;\n  display: block;\n\n  img {\n    width: 100%;\n    height: 192px;\n  }\n"],["\n  width: 100%;\n  height: 192px;\n  display: block;\n\n  img {\n    width: 100%;\n    height: 192px;\n  }\n"]))),Pn=a.default.iframe(vn||(vn=l(["\n  width: 100%;\n  height: 192px;\n"],["\n  width: 100%;\n  height: 192px;\n"]))),An=a.default.h3(yn||(yn=l(["\n  padding: 16px !important;\n  height: 104px;\n  color: ",";\n"],["\n  padding: 16px !important;\n  height: 104px;\n  color: ",";\n"])),u),Rn=a.default.div(En||(En=l(["\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"})),Wn=a.default(t.IonSkeletonText)(Cn||(Cn=l(["\n  height: 192px;\n  border-radius: 4px 4px 0 0;\n  border: none;\n"],["\n  height: 192px;\n  border-radius: 4px 4px 0 0;\n  border: none;\n"])));exports.Button=I,exports.ConsultationCard=function(n){return o.default.createElement(X,null,o.default.createElement($,null,o.default.createElement(nn,null,o.default.createElement("h3",null,"Консультация с ",n.consultationWith),o.default.createElement("h3",{className:"semiBold"},n.time)),o.default.createElement(en,{src:n.avatar,alt:"avatar"})),o.default.createElement(I,{buttonType:"primary",isDisabled:!1,onClick:n.startConsultation},"Начать консультацию"),o.default.createElement(tn,null,o.default.createElement("div",{className:"divider"}),o.default.createElement("h4",null,"или"),o.default.createElement("div",{className:"divider"})),o.default.createElement(on,null,o.default.createElement(I,{buttonType:"secondary",isDisabled:!1,onClick:n.handlePurchase},"Перенести"),o.default.createElement(I,{buttonType:"secondaryCancel",isDisabled:!1,onClick:n.handleRefund},"Отменить")))},exports.ContentCard=function(e){var t=e.contentVideo,i=e.contentArticle,a=n.useState(!0),l=a[0],r=a[1],d=(null==t?void 0:t.title)||(null==i?void 0:i.title),s=i?o.default.createElement(Hn,{href:i.link},o.default.createElement("img",{src:i.photoURL,alt:"article-img",onLoad:function(){r(!1)}})):o.default.createElement(Pn,{src:"https://www.youtube.com/embed/"+(null==t?void 0:t.url),title:"YouTube video player",frameBorder:"0",onLoad:function(){r(!1)},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0});return o.default.createElement(Dn,null,s,o.default.createElement(Rn,{isLoading:l},o.default.createElement(Wn,{animated:!0})),o.default.createElement(An,{className:"semiBold"},d))},exports.FloatingButton=function(n){var e=n.bottomHeight,t=void 0===e?0:e,i=n.rightWidth,a=void 0===i?0:i;return o.default.createElement(z,{href:"https://t.me/MindlySupport",bottomHeight:t,rightWidth:a},o.default.createElement("img",{src:L,alt:"support mindly"}))},exports.FooterForBooking=function(n){return o.default.createElement(M,{isIos:t.isPlatform("ios")},o.default.createElement(F,null,o.default.createElement("h4",null,o.default.createElement(N,{icon:D,color:"primary"}),o.default.createElement(o.default.Fragment,null,n.time)),o.default.createElement("h4",null,o.default.createElement(N,{icon:V,color:"primary"}),o.default.createElement(o.default.Fragment,null,n.price))),o.default.createElement(I,{buttonType:"primary",isDisabled:!1,onClick:n.eventHandler},o.default.createElement("h4",{className:"semiBold"},"Записаться")))},exports.ListButton=function(n){return o.default.createElement(G,null,o.default.createElement("h4",null,n.text),o.default.createElement(J,{icon:n.icon}))},exports.NavigationBar=function(n){return o.default.createElement(K,{isIos:t.isPlatform("ios"),isInternetConnected:n.isInternetConnected},o.default.createElement("h4",{className:"left"},"first"),o.default.createElement("h4",{className:"second"},"second"),o.default.createElement("h4",{className:"right"},"third"))},exports.TabBar=function(){return o.default.createElement(o.default.Fragment,null,o.default.createElement(Q,{isIos:t.isPlatform("ios"),slot:"bottom"},o.default.createElement(t.IonTabButton,{tab:"schedule"},o.default.createElement(t.IonIcon,{icon:"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Calendar</title><path d='M480 128a64 64 0 00-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 00112 48v16H96a64 64 0 00-64 64v12a4 4 0 004 4h440a4 4 0 004-4zM32 416a64 64 0 0064 64h320a64 64 0 0064-64V179a3 3 0 00-3-3H35a3 3 0 00-3 3zm344-208a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24zm-80-80a24 24 0 11-24 24 24 24 0 0124-24zm0 80a24 24 0 11-24 24 24 24 0 0124-24z'/></svg>"}),o.default.createElement(t.IonLabel,null,"Schedule"),o.default.createElement(t.IonBadge,null,"6")),o.default.createElement(t.IonTabButton,{tab:"speakers"},o.default.createElement(t.IonIcon,{icon:"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Person Circle</title><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm-50.22 116.82C218.45 151.39 236.28 144 256 144s37.39 7.44 50.11 20.94c12.89 13.68 19.16 32.06 17.68 51.82C320.83 256 290.43 288 256 288s-64.89-32-67.79-71.25c-1.47-19.92 4.79-38.36 17.57-51.93zM256 432a175.49 175.49 0 01-126-53.22 122.91 122.91 0 0135.14-33.44C190.63 329 222.89 320 256 320s65.37 9 90.83 25.34A122.87 122.87 0 01382 378.78 175.45 175.45 0 01256 432z'/></svg>"}),o.default.createElement(t.IonLabel,null,"Speakers")),o.default.createElement(t.IonTabButton,{tab:"map"},o.default.createElement(t.IonIcon,{icon:"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Map</title><path d='M48.17 113.34A32 32 0 0032 141.24V438a32 32 0 0047 28.37c.43-.23.85-.47 1.26-.74l84.14-55.05a8 8 0 003.63-6.72V46.45a8 8 0 00-12.51-6.63zM212.36 39.31A8 8 0 00200 46v357.56a8 8 0 003.63 6.72l96 62.42A8 8 0 00312 466V108.67a8 8 0 00-3.64-6.73zM464.53 46.47a31.64 31.64 0 00-31.5-.88 12.07 12.07 0 00-1.25.74l-84.15 55a8 8 0 00-3.63 6.72v357.46a8 8 0 0012.52 6.63l107.07-73.46a32 32 0 0016.41-28v-296a32.76 32.76 0 00-15.47-28.21z'/></svg>"}),o.default.createElement(t.IonLabel,null,"Map")),o.default.createElement(t.IonTabButton,{tab:"about"},o.default.createElement(t.IonIcon,{icon:"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Information Circle</title><path d='M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z'/></svg>"}),o.default.createElement(t.IonLabel,null,"About"))))},exports.TherapistCard=function(e){var i=e.psychologistName,a=e.psychologistLastName,l=e.psychologistType,r=e.psychologistPhoto,d=e.psychologistPrice,s=e.psychologistDuration,p=e.psychologistExperience,c=e.handleClick,f=n.useState(!0),h=f[0],u=f[1];return o.default.createElement(kn,{isIos:t.isPlatform("ios")},o.default.createElement(zn,{onClick:c},o.default.createElement(In,{isLoading:h},o.default.createElement("img",{src:r,onLoad:function(){return u(!1)},alt:"psychologistPhoto"}),o.default.createElement(Ln,null,o.default.createElement(jn,null,o.default.createElement("h1",{className:"bold"},i+" "+a)),o.default.createElement(Tn,null,o.default.createElement("h3",{className:"semiBold"},l))),o.default.createElement(Sn,null,o.default.createElement(Nn,null,o.default.createElement(Fn,null,o.default.createElement(Mn,{icon:D}),o.default.createElement("p",{className:"semiBold"},s+" минут")),o.default.createElement(Fn,null,o.default.createElement(Mn,{icon:V}),o.default.createElement("p",{className:"semiBold"},d+" грн")),o.default.createElement(Fn,null,o.default.createElement(Mn,{icon:"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>"}),o.default.createElement("p",{className:"semiBold"},p>=5?p+" лет опыта":1===p?p+" год опыта":p+" года опыта"))))),o.default.createElement(Bn,{isLoading:h},o.default.createElement(Vn,{height:222,animated:!0}),o.default.createElement(Vn,{animated:!0,height:60}),o.default.createElement(Vn,{animated:!0,height:22}))))};
+//# sourceMappingURL=index.js.map