{"version":3,"file":"812.58e846dfd966c06a816c.js","mappings":"oJAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,6oVAA8oV,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,kGAAkG,MAAQ,GAAG,SAAW,0tEAA0tE,eAAiB,CAAC,ynRAAynR,WAAa,MAE5rrB,S,6NCIIC,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKJ,KAAW,YAAiB,W,gDCPlD,MAiKA,EAjK2D,EAAGM,YAC3C,UAAjB,MACMC,GAAO,UAGPC,IAFU,IAAAC,YAAWC,EAAA,GAEE,CAC3BC,WAAYJ,EACR,oCACA,4BACJK,MAAOL,EAAO,8BAAkC,sBAChDM,eAAgBN,EACZ,4BACA,sBACJO,OAAQP,EAAO,eAAiB,SAGlC,OACE,uBAAKQ,UAAU,mCACb,gBAAC,KAAI,CAACA,UAAU,wCAAwCC,GAAIV,EAAKW,KAC/D,uBACEF,UAAU,gCACVG,IAA0B,KAArBZ,EAAKa,YAAqBb,EAAKa,YAAeZ,EAAO,iBAAqB,0BAInF,uBAAKQ,UAAU,yCACb,uBAAKA,UAAU,2CACb,uBAAKA,UAAU,kCACb,uBACEA,UAAU,wCACVG,IAAKZ,EAAKc,QAAU,oBACpBC,MAAOf,EAAKgB,WAAa,CACvBX,WAAY,+CACZY,QAAS,UACP,CAACC,aAAc,SAErB,gBAAC,KAAI,CACHT,UAAU,iCACVM,MAAOd,EAAO,CAAEK,MAAO,QAAW,CAAC,EACnCI,GACEV,EAAKmB,cACD,SAAWnB,EAAKoB,cAChB,SAAWpB,EAAKqB,Q,IAGpBrB,EAAKmB,cAAgBnB,EAAKoB,cAAgBpB,EAAKqB,QAElDrB,EAAKgB,YAAc,uBAAKP,UAAU,kBAAiB,gBAAC,IAAkB,CAACa,MAAO,KAAMC,OAAQ,SAE/F,uBAAKd,UAAU,yCACZT,EAAKmB,cACJ,uBAAKV,UAAU,6CACZT,EAAKwB,UACJ,uBACEZ,IAAK,cACLH,UAAU,gDAGZ,uBACEG,IAAK,sBACLH,UAAU,gDAGd,gBAAC,KAAI,CACHC,GAAI,gBAAkBV,EAAKqB,OAC3BN,MACEd,EACI,CACAK,MAAOJ,EAAqBK,gBAE5B,CAAC,EAEPE,UAAU,kD,KAEP,IAAMT,EAAKqB,SAGhBrB,EAAKyB,cACP,uBAAKhB,UAAU,6CACb,uBACEA,UAAU,sDACVG,IACE,kBAEFG,MAAO,CACLP,OAAQP,EAAO,eAAiB,OAIpC,KACJ,uBAAKQ,UAAU,gDACb,gBAAC,MAAoB,CACnBA,UACER,EACI,mDACA,gDAGR,uBACEc,MACEd,EACI,CACAK,MAAOJ,EAAqBK,gBAE5B,CAAC,EAEPE,UAAU,6CAETT,EAAK0B,QAGV,uBACEX,MACEd,EACI,CACAK,MAAOJ,EAAqBK,gBAE5B,CAAC,EAEPE,UAAU,iCAET,QAAWT,EAAK2B,cAAe,eAC9B,QAAW3B,EAAK4B,QAAS,gBAIjC,gBAAC,KAAI,CAACnB,UAAU,wCAAwCC,GAAIV,EAAKW,KAC/D,uBACEI,MACEd,EACI,CACAK,MAAOJ,EAAqBI,OAE5B,CAAC,EAEPG,UAAU,iCAETT,EAAK6B,MAAMC,OAAS,GACjB9B,EAAK6B,MAAME,MAAM,EAAG,IAAM,MAC1B/B,EAAK6B,QAGb,uBACEd,MACEd,EACI,CACAK,MAAOJ,EAAqBK,gBAE5B,CAAC,EAEPE,UAAU,oCAETT,EAAKgC,SAASF,OAAS,IACpB9B,EAAKgC,SAASD,MAAM,EAAG,IAAM,MAC7B/B,EAAKgC,WAIhB,C","sources":["webpack://nuance/./src/nuance_assets/components/card-published-articles/_card-published-articles.scss","webpack://nuance/./src/nuance_assets/components/card-published-articles/_card-published-articles.scss?580e","webpack://nuance/./src/nuance_assets/components/card-published-articles/card-published-articles.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".article-list-items-wrapper{display:flex;flex-direction:column;align-items:start;row-gap:48px;margin-top:25px;margin-bottom:50px}.card-published-articles-wrapper{width:100%;display:flex;align-items:center;column-gap:8.4%}.card-published-articles-wrapper .card-published-articles-image-wrapper{min-width:33%;max-width:33%;aspect-ratio:1.67}.card-published-articles-wrapper .card-published-articles-image-wrapper .card-published-articles-image{width:100%;height:100%;object-fit:cover;cursor:pointer}.card-published-articles-wrapper .card-published-articles-image-wrapper:hover{transform:scale(1.01);transition:ease-in 100ms;box-shadow:0px 5px 10px 5px rgba(0,0,0,.2)}.card-published-articles-wrapper .card-published-articles-right-wrapper{display:flex;flex-direction:column;aspect-ratio:3.34;min-width:58.6%;max-width:58.6%;row-gap:10px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper{width:100%;height:24px;display:flex;align-items:center;justify-content:space-between}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer{display:flex;align-items:center;height:24px;column-gap:10px;cursor:pointer}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .card-published-articles-handle{color:#4c4c52;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:12px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .card-published-articles-handle:hover{text-decoration:underline}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .card-published-articles-writer-avatar{border-radius:50%;width:20px;height:20px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .verified-badge{margin-left:-5px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right{display:flex;align-items:center;height:24px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-badge-wrapper{display:flex;align-items:center;column-gap:12px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-badge-wrapper .card-published-articles-vertical-divider{width:1px;background-color:#999;height:18px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-action-wrapper{display:flex;align-items:center;width:60px;justify-content:center;border-right:1px solid #999;height:18px;column-gap:4px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-action-wrapper .card-published-articles-right-action-text{text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-publication{display:flex;align-items:center;width:fit-content;justify-content:center;border-right:1px solid #999;height:18px;column-gap:8px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-publication .card-published-articles-right-publication-text{color:#b2b2b2;font-size:12px;cursor:pointer;font-family:Roboto;font-weight:800;text-wrap:nowrap;margin-right:4px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-publication .card-published-articles-right-publication-text:hover{color:#878383}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-date{color:#4c4c52;text-align:right;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:24px;margin-left:10px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-action-icon{width:18px;height:18px;border-radius:2px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-action-icon-pointer{width:18px;height:18px;border-radius:2px;cursor:pointer}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-action-icon-pointer:hover{background:#f0f8ff}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-action-icon-pointer.members{margin:0px 10px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-action-icon-pointer-dark{width:18px;height:18px;border-radius:2px;color:#fff;cursor:pointer}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-action-icon-pointer-dark:hover{background:#f0f8ff;color:#151451}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-title-wrapper .card-published-articles-title{color:#151451;font-family:Georgia;font-size:26px;font-style:normal;font-weight:400;line-height:35px;cursor:pointer}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-title-wrapper .card-published-articles-title:hover{text-decoration:underline}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-subtitle{display:flex;align-items:end;color:#666;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:26px}.card-published-articles-wrapper .tooltip-wrapper{border-radius:2px;background:#000;box-shadow:0px 1px 8px 0px rgba(0,0,0,.16);display:flex;flex-wrap:wrap;max-width:250px;column-gap:5px;z-index:4}.card-published-articles-wrapper .tooltip-wrapper .tooltip-inside-handle{color:#fff;font-family:Roboto;font-size:11px;font-style:normal;font-weight:400;line-height:16px;cursor:pointer}.card-published-articles-wrapper .tooltip-wrapper .tooltip-inside-handle:hover{text-decoration:underline}.card-published-articles-wrapper .tooltip-wrapper .tooltip-inside-text{color:#fff;font-family:Roboto;font-size:11px;font-style:normal;font-weight:400;line-height:16px}@media only screen and (max-width: 943px){.card-published-articles-wrapper{column-gap:4.4%}.card-published-articles-wrapper .card-published-articles-image-wrapper{aspect-ratio:1.36}.card-published-articles-wrapper .card-published-articles-right-wrapper{aspect-ratio:3.72}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper{height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-right{height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-action-icon{width:16px;height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-action-icon-pointer{width:16px;height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-title-wrapper{height:calc(100% - 16px)}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-title-wrapper .card-published-articles-title{font-size:18px;font-style:normal;font-weight:400;line-height:24px}.card-published-articles-wrapper .card-published-articles-subtitle{height:0;opacity:0;width:0;overflow:hidden;display:none}}@media only screen and (max-width: 943px){.article-list-items-wrapper .card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-publication{display:none}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-publication{display:none}}@media only screen and (max-width: 459px){.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer{column-gap:5px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .card-published-articles-handle{font-size:10px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .card-published-articles-writer-avatar{border-radius:50%;width:16px;height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-writer .verified-badge{margin-left:0}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right{height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-action-wrapper{width:40px;height:16px;column-gap:3px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-right-action-wrapper .card-published-articles-right-action-text{font-size:10px;line-height:16px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-actions-wrapper .card-published-articles-actions-right .card-published-articles-date{font-size:10px;line-height:16px;margin-left:6px}.card-published-articles-wrapper .card-published-articles-right-wrapper .card-published-articles-title-wrapper .card-published-articles-title{font-size:14px}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/nuance_assets/components/card-published-articles/_card-published-articles.scss\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"@import '../../shared/styles/Colors';\\n\\n.article-list-items-wrapper {\\n display: flex;\\n flex-direction: column;\\n align-items: start;\\n row-gap: 48px;\\n margin-top: 25px;\\n margin-bottom: 50px;\\n}\\n.card-published-articles-wrapper {\\n width: 100%;\\n display: flex;\\n align-items: center;\\n column-gap: 8.4%;\\n\\n .card-published-articles-image-wrapper {\\n min-width: 33%;\\n max-width: 33%;\\n aspect-ratio: 1.67;\\n\\n .card-published-articles-image {\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n cursor: pointer;\\n }\\n\\n &:hover {\\n transform: scale(1.01);\\n transition: ease-in 100ms;\\n box-shadow: 0px 5px 10px 5px $box-shadow;\\n }\\n }\\n\\n .card-published-articles-right-wrapper {\\n display: flex;\\n flex-direction: column;\\n aspect-ratio: 3.34;\\n min-width: 58.6%;\\n max-width: 58.6%;\\n row-gap: 10px;\\n\\n .card-published-articles-actions-wrapper {\\n width: 100%;\\n height: 24px;\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n\\n .card-published-articles-writer {\\n display: flex;\\n align-items: center;\\n height: 24px;\\n column-gap: 10px;\\n cursor: pointer;\\n\\n .card-published-articles-handle {\\n color: #4c4c52;\\n font-family: Roboto;\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: 12px;\\n\\n &:hover {\\n text-decoration: underline;\\n }\\n }\\n\\n .card-published-articles-writer-avatar {\\n border-radius: 50%;\\n width: 20px;\\n height: 20px;\\n }\\n\\n .verified-badge {\\n margin-left: -5px;\\n }\\n }\\n\\n .card-published-articles-actions-right {\\n display: flex;\\n align-items: center;\\n height: 24px;\\n\\n .card-published-articles-badge-wrapper {\\n display: flex;\\n align-items: center;\\n column-gap: 12px;\\n\\n .card-published-articles-vertical-divider {\\n width: 1px;\\n background-color: #999;\\n height: 18px;\\n }\\n }\\n\\n .card-published-articles-right-action-wrapper {\\n display: flex;\\n align-items: center;\\n width: 60px;\\n justify-content: center;\\n border-right: 1px solid #999;\\n height: 18px;\\n column-gap: 4px;\\n\\n .card-published-articles-right-action-text {\\n text-align: center;\\n /* NUA/Roboto/12/Regular */\\n font-family: Roboto;\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 400;\\n line-height: 18px;\\n }\\n }\\n\\n .card-published-articles-right-publication {\\n display: flex;\\n align-items: center;\\n width: fit-content;\\n justify-content: center;\\n border-right: 1px solid #999;\\n height: 18px;\\n column-gap: 8px;\\n\\n .card-published-articles-right-publication-text {\\n color: #b2b2b2;\\n font-size: 12px;\\n cursor: pointer;\\n font-family: Roboto;\\n font-weight: 800;\\n text-wrap: nowrap;\\n margin-right: 4px;\\n\\n &:hover {\\n color: #878383;\\n }\\n }\\n }\\n\\n .card-published-articles-date {\\n color: #4c4c52;\\n text-align: right;\\n font-family: Roboto;\\n font-size: 12px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: 24px;\\n margin-left: 10px;\\n }\\n }\\n\\n .card-published-articles-action-icon {\\n width: 18px;\\n height: 18px;\\n border-radius: 2px;\\n }\\n\\n .card-published-articles-action-icon-pointer {\\n width: 18px;\\n height: 18px;\\n border-radius: 2px;\\n cursor: pointer;\\n\\n &:hover {\\n background: aliceblue;\\n }\\n\\n &.members{\\n margin: 0px 10px;\\n }\\n }\\n\\n .card-published-articles-action-icon-pointer-dark {\\n width: 18px;\\n height: 18px;\\n border-radius: 2px;\\n color: #fff;\\n cursor: pointer;\\n\\n &:hover {\\n background: aliceblue;\\n color: #151451;\\n }\\n }\\n }\\n\\n .card-published-articles-title-wrapper {\\n .card-published-articles-title {\\n color: #151451;\\n font-family: Georgia;\\n font-size: 26px;\\n font-style: normal;\\n font-weight: 400;\\n line-height: 35px;\\n cursor: pointer;\\n }\\n\\n .card-published-articles-title:hover {\\n text-decoration: underline;\\n }\\n }\\n\\n .card-published-articles-subtitle {\\n display: flex;\\n align-items: end;\\n color: #666;\\n font-family: Roboto;\\n font-size: 18px;\\n font-style: normal;\\n font-weight: 400;\\n line-height: 26px;\\n }\\n }\\n\\n .tooltip-wrapper {\\n border-radius: 2px;\\n background: #000;\\n box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.16);\\n display: flex;\\n flex-wrap: wrap;\\n max-width: 250px;\\n column-gap: 5px;\\n z-index: 4;\\n\\n .tooltip-inside-handle {\\n color: #fff;\\n /* NUA/Roboto/11/Regular */\\n font-family: Roboto;\\n font-size: 11px;\\n font-style: normal;\\n font-weight: 400;\\n line-height: 16px;\\n cursor: pointer;\\n\\n &:hover {\\n text-decoration: underline;\\n }\\n }\\n\\n .tooltip-inside-text {\\n color: #fff;\\n /* NUA/Roboto/11/Regular */\\n font-family: Roboto;\\n font-size: 11px;\\n font-style: normal;\\n font-weight: 400;\\n line-height: 16px;\\n }\\n }\\n}\\n\\n@media only screen and (max-width: 943px) {\\n .card-published-articles-wrapper {\\n column-gap: 4.4%;\\n\\n .card-published-articles-image-wrapper {\\n aspect-ratio: 1.36;\\n }\\n\\n .card-published-articles-right-wrapper {\\n aspect-ratio: 3.72;\\n\\n .card-published-articles-actions-wrapper {\\n height: 16px;\\n }\\n\\n .card-published-articles-actions-right {\\n height: 16px;\\n }\\n\\n .card-published-articles-action-icon {\\n width: 16px;\\n height: 16px;\\n }\\n\\n .card-published-articles-action-icon-pointer {\\n width: 16px;\\n height: 16px;\\n }\\n\\n .card-published-articles-title-wrapper {\\n height: calc(100% - 16px);\\n\\n .card-published-articles-title {\\n font-size: 18px;\\n font-style: normal;\\n font-weight: 400;\\n line-height: 24px;\\n }\\n }\\n }\\n\\n .card-published-articles-subtitle {\\n height: 0;\\n opacity: 0;\\n width: 0;\\n overflow: hidden;\\n display: none;\\n }\\n }\\n}\\n\\n@media only screen and (max-width: 943px) {\\n .article-list-items-wrapper\\n .card-published-articles-wrapper\\n .card-published-articles-right-wrapper\\n .card-published-articles-actions-wrapper\\n .card-published-articles-actions-right\\n .card-published-articles-right-publication {\\n display: none;\\n }\\n .card-published-articles-wrapper\\n .card-published-articles-right-wrapper\\n .card-published-articles-actions-wrapper\\n .card-published-articles-actions-right\\n .card-published-articles-right-publication {\\n display: none;\\n }\\n}\\n\\n@media only screen and (max-width: 459px) {\\n .card-published-articles-wrapper {\\n .card-published-articles-right-wrapper {\\n .card-published-articles-actions-wrapper {\\n .card-published-articles-writer {\\n column-gap: 5px;\\n\\n .card-published-articles-handle {\\n font-size: 10px;\\n }\\n\\n .card-published-articles-writer-avatar {\\n border-radius: 50%;\\n width: 16px;\\n height: 16px;\\n }\\n\\n .verified-badge {\\n margin-left: 0;\\n }\\n }\\n\\n .card-published-articles-actions-right {\\n height: 16px;\\n\\n .card-published-articles-right-action-wrapper {\\n width: 40px;\\n height: 16px;\\n column-gap: 3px;\\n\\n .card-published-articles-right-action-text {\\n font-size: 10px;\\n line-height: 16px;\\n }\\n }\\n\\n .card-published-articles-date {\\n font-size: 10px;\\n line-height: 16px;\\n margin-left: 6px;\\n }\\n }\\n }\\n\\n .card-published-articles-title-wrapper {\\n .card-published-articles-title {\\n font-size: 14px;\\n }\\n }\\n }\\n }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\n import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_card-published-articles.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_card-published-articles.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React, { useContext, useEffect, useState } from 'react';\r\nimport { useNavigate, Link } from 'react-router-dom';\r\nimport { usePostStore, useUserStore } from '../../store';\r\nimport { images, icons, colors } from '../../shared/constants';\r\nimport { PostType } from '../../types/types';\r\nimport { useTheme } from '../../contextes/ThemeContext';\r\nimport './_card-published-articles.scss';\r\nimport { DateFormat, formatDate } from '../../shared/utils';\r\nimport { Tooltip } from 'react-tooltip';\r\nimport Badge from '../../UI/badge/badge';\r\nimport { Context } from '../../contextes/Context';\r\nimport { PiHandsClappingLight } from 'react-icons/pi';\r\nimport { PiPencilSimpleThin } from 'react-icons/pi';\r\nimport GradientMdVerified from '../../UI/verified-icon/verified-icon';\r\n\r\ninterface CardVerticalProps {\r\n post: PostType;\r\n}\r\n\r\nconst CardPublishedArticles: React.FC<CardVerticalProps> = ({ post }) => {\r\n const navigate = useNavigate();\r\n const dark = useTheme();\r\n const context = useContext(Context);\r\n\r\n const darkOptionsAndColors = {\r\n background: dark\r\n ? colors.darkModePrimaryBackgroundColor\r\n : colors.primaryBackgroundColor,\r\n color: dark ? colors.darkModePrimaryTextColor : colors.primaryTextColor,\r\n secondaryColor: dark\r\n ? colors.darkSecondaryTextColor\r\n : colors.primaryTextColor,\r\n filter: dark ? 'contrast(.5)' : 'none',\r\n };\r\n\r\n return (\r\n <div className='card-published-articles-wrapper'>\r\n <Link className='card-published-articles-image-wrapper' to={post.url}>\r\n <img\r\n className='card-published-articles-image'\r\n src={post.headerImage !== '' ? post.headerImage : (dark ? images.NUANCE_LOGO : images.NUANCE_LOGO_BLACK)}\r\n />\r\n </Link>\r\n\r\n <div className='card-published-articles-right-wrapper'>\r\n <div className='card-published-articles-actions-wrapper'>\r\n <div className='card-published-articles-writer'>\r\n <img\r\n className='card-published-articles-writer-avatar'\r\n src={post.avatar || images.DEFAULT_AVATAR}\r\n style={post.isVerified ? {\r\n background: \"linear-gradient(to bottom, #1FDCBD, #23F295)\",\r\n padding: \"0.05em\",\r\n } : {borderRadius: \"50%\"}}\r\n />\r\n <Link\r\n className='card-published-articles-handle'\r\n style={dark ? { color: '#999' } : {}}\r\n to={\r\n post.isPublication\r\n ? '/user/' + post.creatorHandle\r\n : '/user/' + post.handle\r\n }\r\n >\r\n @{post.isPublication ? post.creatorHandle : post.handle}\r\n </Link>\r\n {post.isVerified && <div className='verified-badge'><GradientMdVerified width={'12'} height={'12'} /></div>}\r\n </div>\r\n <div className='card-published-articles-actions-right'>\r\n {post.isPublication ? (\r\n <div className='card-published-articles-right-publication'>\r\n {post.isPremium ? (\r\n <img\r\n src={icons.NFT_ICON}\r\n className='card-published-articles-action-icon-pointer'\r\n />\r\n ) : (\r\n <img\r\n src={icons.PUBLICATION_ICON}\r\n className='card-published-articles-action-icon-pointer'\r\n />\r\n )}\r\n <Link\r\n to={'/publication/' + post.handle}\r\n style={\r\n dark\r\n ? {\r\n color: darkOptionsAndColors.secondaryColor,\r\n }\r\n : {}\r\n }\r\n className='card-published-articles-right-publication-text'\r\n >\r\n In{' ' + post.handle}\r\n </Link>\r\n </div>\r\n ) : post.isMembersOnly ? (\r\n <div className='card-published-articles-right-publication'>\r\n <img\r\n className='card-published-articles-action-icon-pointer members'\r\n src={\r\n icons.MEMBERS_ONLY\r\n }\r\n style={{\r\n filter: dark ? 'contrast(.6)' : '',\r\n }}\r\n />\r\n </div>\r\n ) : null}\r\n <div className='card-published-articles-right-action-wrapper'>\r\n <PiHandsClappingLight\r\n className={\r\n dark\r\n ? 'card-published-articles-action-icon-pointer-dark'\r\n : 'card-published-articles-action-icon-pointer'\r\n }\r\n />\r\n <div\r\n style={\r\n dark\r\n ? {\r\n color: darkOptionsAndColors.secondaryColor,\r\n }\r\n : {}\r\n }\r\n className='card-published-articles-right-action-text'\r\n >\r\n {post.claps}\r\n </div>\r\n </div>\r\n <div\r\n style={\r\n dark\r\n ? {\r\n color: darkOptionsAndColors.secondaryColor,\r\n }\r\n : {}\r\n }\r\n className='card-published-articles-date'\r\n >\r\n {formatDate(post.publishedDate, DateFormat.NoYear) ||\r\n formatDate(post.created, DateFormat.NoYear)}\r\n </div>\r\n </div>\r\n </div>\r\n <Link className='card-published-articles-title-wrapper' to={post.url}>\r\n <div\r\n style={\r\n dark\r\n ? {\r\n color: darkOptionsAndColors.color,\r\n }\r\n : {}\r\n }\r\n className='card-published-articles-title'\r\n >\r\n {post.title.length > 55\r\n ? post.title.slice(0, 52) + '...'\r\n : post.title}\r\n </div>\r\n </Link>\r\n <div\r\n style={\r\n dark\r\n ? {\r\n color: darkOptionsAndColors.secondaryColor,\r\n }\r\n : {}\r\n }\r\n className='card-published-articles-subtitle'\r\n >\r\n {post.subtitle.length > 100\r\n ? post.subtitle.slice(0, 97) + '...'\r\n : post.subtitle}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default CardPublishedArticles;\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","post","dark","darkOptionsAndColors","useContext","Context","background","color","secondaryColor","filter","className","to","url","src","headerImage","avatar","style","isVerified","padding","borderRadius","isPublication","creatorHandle","handle","width","height","isPremium","isMembersOnly","claps","publishedDate","created","title","length","slice","subtitle"],"sourceRoot":""}