quickblox-react-ui-kit 0.2.8-beta.13 → 0.2.8-beta.14
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/index-ui.js +25 -11
- package/dist/index-ui.js.map +1 -1
- package/package.json +1 -1
package/dist/index-ui.js
CHANGED
|
@@ -241,7 +241,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
241
241
|
|
|
242
242
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
243
243
|
// Module
|
|
244
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-header,\n.dialog-header * {\n box-sizing: border-box;\n}\n\n.dialog-header {\n background: var(--main-background, #ffffff);\n padding: 12px 16px 12px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-left {\n display: flex;\n flex-direction: row;\n gap:
|
|
244
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-header,\n.dialog-header * {\n box-sizing: border-box;\n}\n\n.dialog-header {\n background: var(--main-background, #ffffff);\n padding: 12px 16px 12px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-left {\n display: flex;\n flex-direction: row;\n gap: 33px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header-left {\n gap: 3px;\n }\n}\n.dialog-header-left-headline {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n width: 100%;\n}\n\n.dialog-header-left-avatar-and-name {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-header-dialog-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font-family: var(--title-title-medium-font-family, \"Roboto-Medium\", sans-serif);\n font-size: var(--title-title-medium-font-size, 16px);\n line-height: var(--title-title-medium-line-height, 24px);\n font-weight: var(--title-title-medium-font-weight, 500);\n position: relative;\n}\n\n.dialog-header-line,\n.dialog-header-line * {\n box-sizing: border-box;\n}\n\n.dialog-header-line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 1px 0 0 0;\n height: 0px;\n position: relative;\n}\n\n.dh-avatar,\n.dh-avatar * {\n box-sizing: border-box;\n}\n\n.dh-avatar {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n position: relative;\n}\n\n.dh-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dh-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dh-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Dialog/DialogHeader/DialogHeader.scss"],"names":[],"mappings":"AAAA;;EAEE,sBAAA;AACF;;AACA;EACE,2CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAEF;;AAAA;EACE,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;EACA,WAAA;AAGF;;AADA;EACE;IACE,QAAA;EAIF;AACF;AAFA;EACE,aAAA;EACA,mBAAA;EAEA,mBAAA;EACA,2BAAA;EAEA,kBAAA;EACA,WAAA;AAEF;;AAAA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAGF;;AADA;EACE,gCAAA;EACA,gBAAA;EACA,+EAAA;EAKA,oDAAA;EACA,wDAAA;EACA,uDAAA;EACA,kBAAA;AAAF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EACE,mBAAA;EACA,2CAAA;EACA,uBAAA;EAEA,WAAA;EACA,kBAAA;AACF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAEF;;AAAA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAGF;;AADA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAIF;;AADA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAIF","sourcesContent":[".dialog-header,\n.dialog-header * {\n box-sizing: border-box;\n}\n.dialog-header {\n background: var(--main-background, #ffffff);\n padding: 12px 16px 12px 16px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-header-left {\n display: flex;\n flex-direction: row;\n gap: 33px;// todo artik 29.12.2023 changed was 18 px\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n width: 100%;\n}\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header-left {\n gap: 3px;// todo artik 29.12.2023 changed was 18 px\n }\n}\n.dialog-header-left-headline {\n display: flex;\n flex-direction: row;\n //gap: 33px;\n align-items: center;\n justify-content: flex-start;\n // flex-shrink: 0;\n position: relative;\n width: 100%;\n}\n.dialog-header-left-avatar-and-name {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-header-dialog-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font-family: var(\n --title-title-medium-font-family,\n \"Roboto-Medium\",\n sans-serif\n );\n font-size: var(--title-title-medium-font-size, 16px);\n line-height: var(--title-title-medium-line-height, 24px);\n font-weight: var(--title-title-medium-font-weight, 500);\n position: relative;\n}\n.dialog-header-line,\n.dialog-header-line * {\n box-sizing: border-box;\n}\n.dialog-header-line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 1px 0 0 0;\n //width: 360px;\n height: 0px;\n position: relative;\n}\n\n.dh-avatar,\n.dh-avatar * {\n box-sizing: border-box;\n}\n.dh-avatar {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n position: relative;\n}\n.dh-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dh-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dh-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n"],"sourceRoot":""}]);
|
|
245
245
|
// Exports
|
|
246
246
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
247
247
|
|
|
@@ -1155,7 +1155,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1155
1155
|
|
|
1156
1156
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1157
1157
|
// Module
|
|
1158
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".container-invite-members {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n}\n.container-invite-members--add-members-container--wrapper {\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n}\n.container-invite-members--add-members-container--wrapper__members {\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n}\n.container-invite-members--add-members-container--wrapper__members__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n}\n.container-invite-members--add-members-container--wrapper__members__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n width: 100%;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}\n.container-invite-members--btn-container {\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteMembers.scss"],"names":[],"mappings":"AAKA;EACE,iBALiB;EAMjB,iBANiB;EAOjB,aAPiB;EAQjB,mCAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AALF;AAOE;EACE,iBAjBe;EAkBf,iBAlBe;EAmBf,aAnBe;EAoBf,mCAAA;AALJ;AAOI;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;
|
|
1158
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".container-invite-members {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n}\n.container-invite-members--add-members-container--loader {\n align-items: center;\n justify-content: center;\n display: flex;\n}\n.container-invite-members--add-members-container--wrapper {\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n}\n.container-invite-members--add-members-container--wrapper__members {\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n width: 100%;\n align-items: center;\n}\n.container-invite-members--add-members-container--wrapper__members__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n}\n.container-invite-members--add-members-container--wrapper__members__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n width: 100%;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}\n.container-invite-members--btn-container {\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteMembers.scss"],"names":[],"mappings":"AAKA;EACE,iBALiB;EAMjB,iBANiB;EAOjB,aAPiB;EAQjB,mCAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AALF;AAOE;EACE,iBAjBe;EAkBf,iBAlBe;EAmBf,aAnBe;EAoBf,mCAAA;AALJ;AAOI;EACE,mBAAA;EACA,uBAAA;EACA,aAAA;AALN;AAQI;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AANN;AAQM;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,qBAAA;EACA,2BAAA;EACA,gBAAA;AANR;AAWM;EACE,aAAA;EACA,iBAAA;EACA,aAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,2BAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;AATR;AAWQ;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;EAGA,WAAA;EACA,aAAA;AAXV;AAcQ;EACE,aAAA;EACA,iBAAA;EACA,iBAAA;AAZV;AAiBM;EACE,eAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EAEA,mBAAA;EACA,kBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;EAEA,yBAAA;EACA,kBAAA;EAEA,wCAAA;EACA,4BAAA;AApBR;AAsBQ;EACE,4BAAA;EACA,wCAAA;EACA,gBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAvBV;AA8BE;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EAIA,WAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,qBAAA;AAhCJ","sourcesContent":["$container-width: 332px;\n$container-height: 504px;\n$create-dialog-container-width: 332px;\n$create-dialog-container-height: 412px;\n\n.container-invite-members {\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n width: var(--max-width-dialog-list);\n\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &--add-members-container {\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n width: var(--max-width-dialog-list);\n\n &--loader {\n align-items: center;\n justify-content: center;\n display: flex;\n }\n\n &--wrapper{\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &__inf{\n min-height: 20px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n }\n\n\n\n &__members{\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n width: 100%;\n align-items: center;\n\n &__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n\n //width: 332px;\n width: 100%;\n height: 100px;\n\n }\n &__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n }\n }\n\n\n &__dialog-name-input{\n margin-top: 8px;\n\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n align-items: center;\n text-align: center;\n padding: 8px;\n //width: 320px;\n width: 100%;\n height: 44px;\n\n border: 1px solid #90979F;\n border-radius: 4px;\n\n background-color: var(--main-background);\n color: var(--secondary-text);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n\n border: none;\n outline: none;\n }\n\n }\n }\n }\n\n &--btn-container{\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n\n //border: 2px solid blue;\n }\n}\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1159
1159
|
// Exports
|
|
1160
1160
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1161
1161
|
|
|
@@ -1275,7 +1275,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1275
1275
|
|
|
1276
1276
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1277
1277
|
// Module
|
|
1278
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n}\n\n.dialog-preview-container-left {\n flex: 1;\n}\n\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n\n.dialog-preview {\n padding: 6px 6px 6px 6px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-item-preview-text {\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 22px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/PreviewDialog/PreviewDialog.scss"],"names":[],"mappings":"AACA;EACE,aAAA;EAEA,mCAAA;AADF;;AAGA;EACE,OAAA;AAAF;;AAEA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;AACF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EAEE,wBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AACF;;AACA;EACE,4CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AAEF;;AAAA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAGF;;AADA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAIF;;AAFA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAKF;;AAHA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAMF;;AAJA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAOF;;AALA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAQF;;AANA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AASF;;AAPA;EACE,gCAAA;EACA,gBAAA;EACA,mEAAA;EACA,kBAAA;AAUF;;AARA;EACE,uBAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;AAWF;;AARA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAWF;;AATA;EACE,wCAAA;EACA,iBAAA;EACA,kEAAA;EACA,kBAAA;AAYF;;AAVA;EACE,qCAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EAGA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;AAWF;;AARA;EACE,yCAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;AAWF;;AATA;EACE,uCAAA;EACA,kBAAA;EACA,mEAAA;EACA,kBAAA;AAYF;;AATA;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AAYF;;AATA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAYF;;AATA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAYF","sourcesContent":["\n.dialog-preview-container {\n display: flex;\n //background: var(--color-background, #ffffff);\n border: 1px solid var(--chat-input);\n}\n.dialog-preview-container-left {\n flex: 1;\n}\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n.dialog-preview {\n // padding: 8px 8px 8px 16px; //todo comment padding value for desktop artik 21-12-2023\n padding: 6px 6px 6px 6px; //todo new padding fro mobile artik 21-12-2023\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-item-preview-text{\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n\n ///\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px; // todo artik 21-12-2020 change width value from 32px to 12px\n height: 22px; // todo artik 21-12-2020 change width value from 32px to 22px\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1278
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n gap: 16px;\n}\n\n.dialog-preview-container-left {\n flex: 1;\n margin-left: 10px;\n}\n\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n\n.dialog-preview {\n padding: 6px 6px 6px 6px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-item-preview-text {\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 22px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/PreviewDialog/PreviewDialog.scss"],"names":[],"mappings":"AACA;EACE,aAAA;EACA,mCAAA;EACA,SAAA;AAAF;;AAEA;EACE,OAAA;EACA,iBAAA;AACF;;AACA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;AAEF;;AACA;;EAEE,sBAAA;AAEF;;AAAA;EAEE,wBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAEF;;AAAA;EACE,4CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AAGF;;AADA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAIF;;AAFA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAKF;;AAHA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAMF;;AAJA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAOF;;AALA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAQF;;AANA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AASF;;AAPA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAUF;;AARA;EACE,gCAAA;EACA,gBAAA;EACA,mEAAA;EACA,kBAAA;AAWF;;AATA;EACE,uBAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;AAYF;;AATA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAYF;;AAVA;EACE,wCAAA;EACA,iBAAA;EACA,kEAAA;EACA,kBAAA;AAaF;;AAXA;EACE,qCAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EAGA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;AAYF;;AATA;EACE,yCAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;AAYF;;AAVA;EACE,uCAAA;EACA,kBAAA;EACA,mEAAA;EACA,kBAAA;AAaF;;AAVA;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AAaF;;AAVA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAaF;;AAVA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAaF","sourcesContent":["\n.dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n gap: 16px;\n}\n.dialog-preview-container-left {\n flex: 1;\n margin-left: 10px;\n}\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n.dialog-preview {\n // padding: 8px 8px 8px 16px; //todo comment padding value for desktop artik 21-12-2023\n padding: 6px 6px 6px 6px; //todo new padding fro mobile artik 21-12-2023\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-item-preview-text{\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n\n ///\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px; // todo artik 21-12-2020 change width value from 32px to 12px\n height: 22px; // todo artik 21-12-2020 change width value from 32px to 22px\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1279
1279
|
// Exports
|
|
1280
1280
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1281
1281
|
|
|
@@ -1371,7 +1371,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1371
1371
|
|
|
1372
1372
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1373
1373
|
// Module
|
|
1374
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".yesno-container-wrapper {\n
|
|
1374
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".yesno-container-wrapper {\n width: 100%;\n}\n\n.yesno-container {\n display: flex;\n flex-flow: column nowrap;\n min-height: 176px;\n margin: 0 auto;\n justify-content: center;\n align-items: center;\n gap: 16px;\n background-color: var(--main-background);\n}\n.yesno-container__message-text {\n min-height: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: var(--caption);\n}\n.yesno-container__footer {\n width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss"],"names":[],"mappings":"AAIA;EAEE,WAAA;AAJF;;AAOA;EACE,aAAA;EACA,wBAAA;EAEA,iBAAA;EACA,cAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EACA,wCAlBiC;AAanC;AAOE;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,qBA5BiC;AAuBrC;AAOE;EAGE,WAAA;AAPJ","sourcesContent":["$yesno-container-background-color: var(--main-background);\n$yesno-container-message-text-color: var(--caption);\n$yesno-container-divider: var(--divider);\n\n.yesno-container-wrapper {\n //min-width: 336px;\n width: 100%;\n}\n\n.yesno-container {\n display: flex;\n flex-flow: column nowrap;\n //min-width: 380px;\n min-height: 176px;\n margin: 0 auto;\n justify-content: center;\n align-items: center;\n gap: 16px;\n background-color: $yesno-container-background-color;\n\n &__message-text {\n min-height: 24px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: $yesno-container-message-text-color;\n }\n &__footer{\n //border: 2px solid brown;\n //min-width: 336px;\n width: 100%;\n }\n}\n"],"sourceRoot":""}]);
|
|
1375
1375
|
// Exports
|
|
1376
1376
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1377
1377
|
|
|
@@ -1395,7 +1395,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1395
1395
|
|
|
1396
1396
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1397
1397
|
// Module
|
|
1398
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".main-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n height: 32px;\n
|
|
1398
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".main-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--main-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--main-background);\n border: none;\n outline: none;\n}\n\n.danger-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--error);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--main-background);\n border: none;\n outline: none;\n}\n\n.secondary-button {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background-color: var(--main-background);\n border: 1px solid var(--secondary-elements);\n border-radius: 4px;\n flex: none;\n order: 0;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-elements);\n}\n\n.main-disabled-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--disabled-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-text);\n border: none;\n outline: none;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/components/UI/Buttons/MainButton/MainButton.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EAEA,YAAA;EAEA,gCAAA;EACA,kBAAA;EAEA,UAAA;EACA,QAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EAEA,6BAAA;EAEA,YAAA;EACA,aAAA;AALF;;AAQA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EAEA,YAAA;EAEA,wBAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,6BAAA;EAEA,YAAA;EACA,aAAA;AARF;;AAWA;EACE,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EAEA,wCAAA;EACA,2CAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,gCAAA;AAVF;;AAaA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,0BAAA;EACA,YAAA;EACA,oCAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,4BAAA;EAEA,YAAA;EACA,aAAA;AAXF","sourcesContent":[".main-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n\n height: 32px;\n\n background: var(--main-elements);\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n color: var(--main-background);\n\n border: none;\n outline: none;\n}\n\n.danger-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n\n height: 32px;\n\n background: var(--error);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--main-background);\n\n border: none;\n outline: none;\n}\n\n.secondary-button{\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n\n background-color: var(--main-background);\n border: 1px solid var(--secondary-elements);\n border-radius: 4px;\n flex: none;\n order: 0;\n flex-grow: 0;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-elements);\n}\n\n.main-disabled-button{\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px 8px 16px;\n height: 32px;\n background: var(--disabled-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n flex-grow: 0;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--secondary-text);\n\n border: none;\n outline: none;\n}\n"],"sourceRoot":""}]);
|
|
1399
1399
|
// Exports
|
|
1400
1400
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1401
1401
|
|
|
@@ -25089,10 +25089,10 @@ var InviteMembers = function (_a) {
|
|
|
25089
25089
|
setUserNameForFilter(event.target.value);
|
|
25090
25090
|
}, placeholder: "Search" }), userNameForFilter.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: { cursor: 'pointer' }, onClick: function () {
|
|
25091
25091
|
setUserNameForFilter('');
|
|
25092
|
-
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__inf" }, { children: [countSelectedItems, " selected"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
25093
|
-
|
|
25094
|
-
|
|
25095
|
-
|
|
25092
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__inf" }, { children: [countSelectedItems, " selected"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--loader" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
25093
|
+
height: '44px',
|
|
25094
|
+
width: '44px',
|
|
25095
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "44", height: "44" }) })) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && !(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {
|
|
25096
25096
|
alert('call click retry');
|
|
25097
25097
|
} })), userViewModel.users && userViewModel.users.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__["default"], { className: "container-invite-members--add-members-container--wrapper__members__list", data: userViewModel.users, renderItem: renderUserComponent, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: false })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members__empty-members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__["default"], { message: "There are no members" }) })))] }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--btn-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
25098
25098
|
flexBasis: '63px',
|
|
@@ -26025,7 +26025,7 @@ var YesNoQuestionComponent = function (_a) {
|
|
|
26025
26025
|
_c = _a.noActionCaption,
|
|
26026
26026
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26027
26027
|
noActionCaption = _c === void 0 ? undefined : _c;
|
|
26028
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__message-text" }, { children: messageText })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__footer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
26028
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container-wrapper" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], { children: [messageText ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__message-text" }, { children: messageText }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "yesno-container__footer" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
26029
26029
|
flexBasis: '63px',
|
|
26030
26030
|
minWidth: '63px',
|
|
26031
26031
|
maxWidth: '63px',
|
|
@@ -26607,7 +26607,21 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
26607
26607
|
|
|
26608
26608
|
function EditDots(theme) {
|
|
26609
26609
|
if (theme === void 0) { theme = undefined; }
|
|
26610
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ width: theme && theme.width ? theme.width : '
|
|
26610
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: theme && theme.width ? theme.width : '24', height: theme && theme.height ? theme.height : '24', viewBox: "0 0 24 24", fill: "none" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path", { d: "M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))
|
|
26611
|
+
// <svg
|
|
26612
|
+
// width={theme && theme.width ? theme.width : '32'}
|
|
26613
|
+
// height={theme && theme.height ? theme.height : '32'}
|
|
26614
|
+
// viewBox="0 0 32 32"
|
|
26615
|
+
// fill="none"
|
|
26616
|
+
// xmlns="http://www.w3.org/2000/svg"
|
|
26617
|
+
// >
|
|
26618
|
+
// <path
|
|
26619
|
+
// d="M16 12C17.1 12 18 11.1 18 10C18 8.9 17.1 8 16 8C14.9 8 14 8.9 14 10C14 11.1 14.9 12 16 12ZM16 14C14.9 14 14 14.9 14 16C14 17.1 14.9 18 16 18C17.1 18 18 17.1 18 16C18 14.9 17.1 14 16 14ZM16 20C14.9 20 14 20.9 14 22C14 23.1 14.9 24 16 24C17.1 24 18 23.1 18 22C18 20.9 17.1 20 16 20Z"
|
|
26620
|
+
// id="EditDots"
|
|
26621
|
+
// fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
|
|
26622
|
+
// />
|
|
26623
|
+
// </svg>
|
|
26624
|
+
);
|
|
26611
26625
|
}
|
|
26612
26626
|
/* harmony default export */ __webpack_exports__["default"] = (EditDots);
|
|
26613
26627
|
|