profinansy-ui-lib 3.5.8 → 3.5.10

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.
@@ -6,6 +6,7 @@ export declare const Popup: import("styled-components").StyledComponent<"div", i
6
6
  mode: string;
7
7
  }, never>;
8
8
  export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
+ export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
9
10
  export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
10
11
  isOpenChat: boolean;
11
12
  }, never>;
@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
43
43
  };
44
44
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
45
45
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
46
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
46
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
47
47
  active?: boolean;
48
48
  selected?: boolean;
49
49
  }) => Record<string, unknown>;
@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
42
42
  };
43
43
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
44
44
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
45
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
45
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
46
46
  active?: boolean;
47
47
  selected?: boolean;
48
48
  }) => Record<string, unknown>;
@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
44
44
  };
45
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
46
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
47
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
47
47
  };
48
48
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
49
49
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
50
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
50
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
51
51
  active?: boolean;
52
52
  selected?: boolean;
53
53
  }) => Record<string, unknown>;
@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
44
44
  };
45
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
46
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
47
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
package/dist/index.js CHANGED
@@ -344,7 +344,7 @@
344
344
  & path {
345
345
  fill: ${e=>e.theme.text.primary};
346
346
  }
347
- `},76088:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ShareList=void 0;const u=o(n(8156)),l=i(n(12493)),s=n(91196),d=n(65492),c=o(n(3670));t.ShareList=({targetElement:e,link:t,linkCallback:n})=>u.default.createElement(s.Dropdown,{padding:"8px",targetElement:e},u.default.createElement(d.Typography,{variant:"header6-SemiBold",tag:"span",colorName:"primary",marginBottom:"8px"},"Поделиться"),u.default.createElement(l.Button,{onClick:e=>{e.stopPropagation(),navigator.clipboard.writeText(t),n&&n()}},u.default.createElement(c.default,null),u.default.createElement(d.Typography,{variant:"description-Regular",tag:"span",colorName:"primary"},"Скопировать ссылку")))},38279:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ShareList=void 0;var r=n(76088);Object.defineProperty(t,"ShareList",{enumerable:!0,get:function(){return r.ShareList}})},43912:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Chevron=t.Texts=t.Icon=t.Item=t.Content=t.Header=t.Popup=t.Button=t.Container=void 0;const u=i(n(11608)),l=o(n(21578)),s=n(64542),d=u.keyframes`
347
+ `},76088:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ShareList=void 0;const u=o(n(8156)),l=i(n(12493)),s=n(91196),d=n(65492),c=o(n(3670));t.ShareList=({targetElement:e,link:t,linkCallback:n})=>u.default.createElement(s.Dropdown,{padding:"8px",targetElement:e},u.default.createElement(d.Typography,{variant:"header6-SemiBold",tag:"span",colorName:"primary",marginBottom:"8px"},"Поделиться"),u.default.createElement(l.Button,{onClick:e=>{e.stopPropagation(),navigator.clipboard.writeText(t),n&&n()}},u.default.createElement(c.default,null),u.default.createElement(d.Typography,{variant:"description-Regular",tag:"span",colorName:"primary"},"Скопировать ссылку")))},38279:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ShareList=void 0;var r=n(76088);Object.defineProperty(t,"ShareList",{enumerable:!0,get:function(){return r.ShareList}})},43912:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Chevron=t.Texts=t.Icon=t.Item=t.Content=t.CloseButton=t.Header=t.Popup=t.Button=t.Container=void 0;const u=i(n(11608)),l=o(n(21578)),s=n(64542),d=n(40140),c=n(60098),f=u.keyframes`
348
348
  from {
349
349
  transform: scale(0);
350
350
  opacity: 0;
@@ -358,6 +358,9 @@
358
358
  position: fixed;
359
359
  bottom: 20px;
360
360
  right: 20px;
361
+ @media (max-width: ${d.MOBILE_WIDTH}px) {
362
+ z-index: ${c.zIndex.zIndex8};
363
+ }
361
364
  `,t.Button=u.default.button`
362
365
  display: flex;
363
366
  align-items: center;
@@ -372,6 +375,13 @@
372
375
  &:hover {
373
376
  background: ${e=>e.theme.background.accent};
374
377
  }
378
+ @media (max-width: ${d.MOBILE_WIDTH}px) {
379
+ width: 50px;
380
+ height: 50px;
381
+ & svg {
382
+ transform: scale(0.8);
383
+ }
384
+ }
375
385
  `,t.Popup=u.default.div`
376
386
  position: absolute;
377
387
  bottom: 70px;
@@ -382,15 +392,36 @@
382
392
  border-radius: 16px;
383
393
  overflow: hidden;
384
394
  box-shadow: ${e=>e.theme.shadow.overlay};
385
- animation: ${d} 0.3s ease forwards;
395
+ animation: ${f} 0.3s ease forwards;
386
396
  transform-origin: bottom right;
387
397
  opacity: 0;
388
398
  ${e=>"dark"===e.mode&&u.css`
389
399
  border: 0.5px solid ${e=>e.theme.stroke.contrast};
390
400
  `}
401
+ @media (max-width: ${d.MOBILE_WIDTH}px) {
402
+ position: fixed;
403
+ width: 100vw;
404
+ left: 0;
405
+ bottom: 0;
406
+ border-radius: 0;
407
+ height: 100dvh;
408
+ transform-origin: bottom;
409
+ }
391
410
  `,t.Header=u.default.div`
392
411
  padding: 16px 16px 32px 16px;
393
412
  background: ${e=>e.theme.background.accent};
413
+ display: flex;
414
+ align-items: center;
415
+ justify-content: space-between;
416
+ gap: 16px;
417
+ `,t.CloseButton=u.default.button`
418
+ display: flex;
419
+ align-items: center;
420
+ justify-content: center;
421
+ border: none;
422
+ outline: none;
423
+ cursor: pointer;
424
+ background: transparent;
394
425
  `,t.Content=u.default.div`
395
426
  background-color: ${e=>e.theme.background.content};
396
427
  position: relative;
@@ -439,7 +470,7 @@
439
470
  & path {
440
471
  fill: ${e=>e.theme.icons.primary};
441
472
  }
442
- `},9024:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Support=void 0;const u=i(n(8156)),l=i(n(43912)),s=o(n(71815)),d=o(n(12275)),c=o(n(81281)),f=n(11608),m=n(91197),h=n(41899),p=n(65492),g=o(n(35431));t.Support=()=>{const e=(0,u.useRef)(null),[t,n]=(0,u.useState)(!1),[r,a]=u.default.useState(!1),{mode:i}=(0,m.useMode)(),o=e=>{e?n(!0):(n(!1),a(!1))};return(0,g.default)(t,(()=>o(!1)),e),u.default.createElement(f.ThemeProvider,{theme:h.palette[i]},u.default.createElement(l.Container,null,u.default.createElement(l.Button,{mode:i,onClick:()=>o(!0)},u.default.createElement(s.default,null)),t&&u.default.createElement(l.Popup,{mode:i,ref:e},!r&&u.default.createElement(l.Header,null,u.default.createElement(p.Typography,{variant:"header5-Bold",tag:"h5",colorName:"contrastThemed"},"Выберите действие")),u.default.createElement(l.Content,{isOpenChat:r},r?u.default.createElement("iframe",{style:{border:"none"},height:"500px",width:"360px",src:"\thttps://chat.integracio.ru/37839eea394fa0761a23938bd2371bc3/profinansy.ru/ru"}):u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Item,{onClick:()=>a(!0)},u.default.createElement(l.Icon,{isGreen:!0},u.default.createElement(c.default,null)),u.default.createElement(l.Texts,null,u.default.createElement(p.Typography,{variant:"text-Bold",colorName:"primary",tag:"span"},"Поддержка"),u.default.createElement(p.Typography,{variant:"description-Regular",colorName:"fourth",tag:"span"},"Задайте вопрос консультанту"))),u.default.createElement(l.Item,{onClick:()=>{window.open("https://profinansy.ru/account/bank-ideas","_blank")}},u.default.createElement(l.Icon,null,u.default.createElement(d.default,null)),u.default.createElement(l.Texts,null,u.default.createElement(p.Typography,{variant:"text-Bold",colorName:"primary",tag:"span"},"Банк обращений"),u.default.createElement(p.Typography,{variant:"description-Regular",colorName:"fourth",tag:"span"},"Сообщите нам об ошибке или предложите идею")),u.default.createElement(l.Chevron,null)))))))}},7569:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Support=void 0;var r=n(9024);Object.defineProperty(t,"Support",{enumerable:!0,get:function(){return r.Support}})},51042:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Eye=t.Container=void 0;const a=r(n(11608)),i=r(n(14998));t.Container=a.default.div`
473
+ `},9024:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Support=void 0;const u=i(n(8156)),l=i(n(43912)),s=o(n(71815)),d=o(n(12275)),c=o(n(81281)),f=o(n(23179)),m=n(11608),h=n(91197),p=n(41899),g=n(65492),v=o(n(35431));t.Support=()=>{const e=(0,u.useRef)(null),[t,n]=(0,u.useState)(!1),[r,a]=u.default.useState(!1),{mode:i}=(0,h.useMode)();(0,u.useEffect)((()=>{const e=document.createElement("script");return e.innerHTML="\n (function(){(function c(d,w,m,i) {\n window.supportAPIMethod = m;\n var s = d.createElement('script');\n s.id = 'supportScript'; \n var id = '37839eea394fa0761a23938bd2371bc3';\n s.src = (!i ? 'https://lcab.talk-me.ru/support/support.js' : 'https://static.site-chat.me/support/support.int.js') + '?h=' + id;\n s.onerror = i ? undefined : function(){c(d,w,m,true)};\n w[m] = w[m] || function(){(w[m].q = w[m].q || []).push(arguments);};\n (d.head || d.body).appendChild(s);\n })(document,window,'TalkMe')})();\n ",document.head.appendChild(e),()=>{document.head.removeChild(e)}}),[]);const o=e=>{e?n(!0):(n(!1),a(!1))};return(0,v.default)(t,(()=>o(!1)),e),u.default.createElement(m.ThemeProvider,{theme:p.palette[i]},u.default.createElement(l.Container,null,u.default.createElement(l.Button,{mode:i,onClick:()=>o(!0)},u.default.createElement(s.default,null)),t&&u.default.createElement(l.Popup,{mode:i,ref:e},!r&&u.default.createElement(l.Header,null,u.default.createElement(g.Typography,{variant:"header5-Bold",tag:"h5",colorName:"contrastThemed"},"Выберите действие"),u.default.createElement(l.CloseButton,{onClick:()=>o(!1)},u.default.createElement(f.default,null))),u.default.createElement(l.Content,{isOpenChat:r},r?u.default.createElement("div",{id:"onlineSupportContainer",style:{height:"500px",width:"100%"}}):u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Item,{onClick:()=>a(!0)},u.default.createElement(l.Icon,{isGreen:!0},u.default.createElement(c.default,null)),u.default.createElement(l.Texts,null,u.default.createElement(g.Typography,{variant:"text-Bold",colorName:"primary",tag:"span"},"Поддержка"),u.default.createElement(g.Typography,{variant:"description-Regular",colorName:"fourth",tag:"span"},"Задайте вопрос консультанту"))),u.default.createElement(l.Item,{onClick:()=>{window.open("https://profinansy.ru/account/bank-ideas","_blank")}},u.default.createElement(l.Icon,null,u.default.createElement(d.default,null)),u.default.createElement(l.Texts,null,u.default.createElement(g.Typography,{variant:"text-Bold",colorName:"primary",tag:"span"},"Банк обращений"),u.default.createElement(g.Typography,{variant:"description-Regular",colorName:"fourth",tag:"span"},"Сообщите нам об ошибке или предложите идею")),u.default.createElement(l.Chevron,null)))))))}},7569:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Support=void 0;var r=n(9024);Object.defineProperty(t,"Support",{enumerable:!0,get:function(){return r.Support}})},51042:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Eye=t.Container=void 0;const a=r(n(11608)),i=r(n(14998));t.Container=a.default.div`
443
474
  display: flex;
444
475
  align-items: center;
445
476
  gap: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "3.5.8",
3
+ "version": "3.5.10",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {