{"version":3,"file":"979.0c6134f93648b9fadc98.js","mappings":"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","sources":["webpack://nuance/./src/nuance_assets/screens/user/_profile.scss","webpack://nuance/./src/nuance_assets/UI/copy-profile/copy-profile.tsx","webpack://nuance/./src/nuance_assets/UI/author-profile-sidebar/author-profile-sidebar.tsx","webpack://nuance/./src/nuance_assets/screens/user/_profile.scss?9efb","webpack://nuance/./src/nuance_assets/components/subscribe-button/subscribe-button.tsx","webpack://nuance/./src/nuance_assets/screens/user/profile.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\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../../assets/assets/images/backgrounds/mask-group.svg\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".user-profile-wrapper{display:flex;justify-content:center;width:100%;min-height:100vh}.user-profile-wrapper .profile-author-wrapper{width:100%;max-width:1440px;margin-top:80px;min-height:100vh;display:flex}.user-profile-wrapper .profile-author-wrapper .horizontal-divider{height:1px;background-color:#d9d9d9;margin:15px 0;width:100%}.user-profile-wrapper .profile-author-wrapper .subscribe-and-follow-buttons{display:flex;margin-bottom:64px}.user-profile-wrapper .profile-author-wrapper .followAuthor{margin:8px}.user-profile-wrapper .profile-author-wrapper .button1{height:32px;border:1px solid #b2b2b2;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:0 20px;width:fit-content;cursor:pointer}.user-profile-wrapper .profile-author-wrapper .button1 p{margin:0;color:#151451;font-family:\\\"Roboto\\\";font-size:12px;font-weight:bold}.user-profile-wrapper .profile-author-wrapper .profile-sidebar{padding:0 20px 0px 4%;padding-right:0;padding-left:0;border-right:1px solid #d9d9d9;margin:0 6% 0 0;background-image:url(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \");background-size:auto 460px;background-position:100% 70px;background-repeat:no-repeat;width:25%;max-width:270px}.user-profile-wrapper .profile-author-wrapper .container{width:75%}.user-profile-wrapper .profile-author-wrapper .container .sidebar{box-sizing:border-box;border-right:1px solid #d9d9d9;display:flex;height:100%;flex-direction:column;padding:0 10% 0 40%}.user-profile-wrapper .profile-author-wrapper .container .sidebar .route{color:#00113e;font-size:16px;font-weight:bold;line-height:24px;margin:10px 0;padding:0 15px;margin-left:-15px}.user-profile-wrapper .profile-author-wrapper .container .sidebar .route.active{border-left:2px solid #02c3a1;color:#02c3a1}.user-profile-wrapper .profile-author-wrapper .container .sidebar .hr{border-bottom:1px solid #d9d9d9;margin:30px 0}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper{margin-top:0;width:90%;background-image:none !important;min-height:100vh;display:flex;flex-direction:column}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .left-profile-menu{background-color:red !important}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .title{font-family:\\\"Roboto\\\";font-weight:700;font-size:12px;line-height:24px;color:#999}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .pub-art{margin-bottom:-30px;font-family:\\\"Roboto\\\";font-weight:700;font-size:12px;line-height:24px;color:#999}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .titles{font-family:\\\"Roboto\\\";font-weight:700;font-size:12px;line-height:24px;color:#999;margin-bottom:50px;margin-top:0}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content{display:flex;flex-direction:column;align-items:center;max-width:494px;margin:auto;row-gap:12px;text-align:center;font-family:Roboto}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .profile-picture{margin:0 !important}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .name{display:flex;margin:0;color:#999;text-align:center;color:#999;font-size:30px;font-style:normal;font-weight:300;line-height:34px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .name .verified-badge{margin-left:5px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .username{margin:0;color:#00113e;text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .social-channels{display:flex;align-items:center;column-gap:12px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .social-channels .social-channel-icon{cursor:pointer;width:28px;height:28px;padding:4px;border-radius:2px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .social-channels .social-channel-icon:hover{background-color:rgba(27,193,240,.1)}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .content .description{color:#19192e;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper{display:flex;width:100%}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic-horizontal-divider{display:none;width:100%;height:0;border-bottom:1px dashed #b2b2b2}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic{display:flex;height:144px;width:100%}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic:last-child .stat:last-child{border-right:1px dashed #b2b2b2}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic .stat{border-left:1px dashed #b2b2b2;height:100%;box-sizing:border-box;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic .stat .count{font-family:\\\"Roboto\\\";font-size:32px;font-weight:900;background:-webkit-linear-gradient(#25f68d, #1bc0f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic .stat .title{color:#999;font-size:16px;line-height:24px;font-weight:300;font-family:\\\"Roboto\\\"}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .published-articles{display:flex;flex-direction:column;width:100%;row-gap:48px;margin-top:20px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .published-articles .published-articles-title{color:#999;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:18px;text-transform:uppercase}@media only screen and (max-width: 768px){.user-profile-wrapper .profile-author-wrapper .profile-sidebar{background-image:none;margin:0px;padding:0;width:unset}.user-profile-wrapper .profile-author-wrapper .profile-sidebar .wrapper{background-image:none !important}.user-profile-wrapper .profile-author-wrapper .container{grid-template-columns:10% 90%;margin:0;margin-top:5vh;max-width:unset;padding:0;width:95%}.user-profile-wrapper .profile-author-wrapper .container .content .description{margin:0 !important}.user-profile-wrapper .profile-author-wrapper .container .content .name{font-size:16px !important}.user-profile-wrapper .profile-author-wrapper .container .content .name .verified-badge{width:16px;height:16px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper{padding:0 5%;width:100%;background-image:none !important}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .left-profile-menu{background-color:red !important}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .titles{padding:20px 0;margin-top:10px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .pub-art{margin-bottom:30px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper{flex-direction:column;row-gap:8px}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic-horizontal-divider{display:flex}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic:last-child .stat:last-child{border-right:none}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic .stat:last-child{border-right:none}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .statistic-wrapper .statistic .stat:first-child{border-left:none}.user-profile-wrapper .profile-author-wrapper .container .author-wrapper .published-articles .article-list-items-wrapper{width:100%}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/nuance_assets/screens/user/_profile.scss\",\"webpack://./src/nuance_assets/shared/styles/_Colors.scss\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"@import '../../shared/styles/Colors';\\n\\n.user-profile-wrapper {\\n    display: flex;\\n    justify-content: center;\\n    width: 100%;\\n    min-height: 100vh;\\n\\n    .profile-author-wrapper {\\n        width: 100%;\\n        max-width: 1440px;\\n        margin-top: 80px;\\n\\n\\n        //margin-top: 150px;\\n        .horizontal-divider {\\n            height: 1px;\\n            background-color: $light-border-color;\\n            margin: 15px 0;\\n            width: 100%;\\n        }\\n\\n        min-height: 100vh;\\n        display: flex;\\n\\n        .subscribe-and-follow-buttons{\\n            display: flex;\\n            margin-bottom: 64px;\\n\\n        }\\n        .followAuthor{\\n            margin: 8px;\\n        }\\n        //justify-content: center;\\n        .button1 {\\n            height: 32px;\\n            border: 1px solid $medium-border-color;\\n            display: flex;\\n            justify-content: center;\\n            align-items: center;\\n            border-radius: 5px;\\n            box-shadow: 0 4px 4px rgba(black, 0.25);\\n            padding: 0 20px;\\n            width: fit-content;\\n            cursor: pointer;\\n\\n            p {\\n                margin: 0;\\n                color: $primary-color;\\n                font-family: 'Roboto';\\n                font-size: 12px;\\n                font-weight: bold;\\n            }\\n        }\\n\\n        .profile-sidebar {\\n            padding: 0 20px 0px 4%;\\n            padding-right: 0;\\n            padding-left: 0;\\n            border-right: 1px solid $light-border-color;\\n            margin: 0 6% 0 0;\\n            background-image: url('../../assets/assets/images/backgrounds/mask-group.svg');\\n            background-size: auto 460px;\\n            background-position: 100% 70px;\\n            background-repeat: no-repeat;\\n            width: 25%;\\n            max-width: 270px;\\n        }\\n\\n        .container {\\n            width: 75%;\\n\\n            .sidebar {\\n                box-sizing: border-box;\\n                border-right: 1px solid $light-border-color;\\n                display: flex;\\n                height: 100%;\\n                flex-direction: column;\\n                padding: 0 10% 0 40%;\\n\\n                .route {\\n                    color: $route-text-color;\\n                    font-size: 16px;\\n                    font-weight: bold;\\n                    line-height: 24px;\\n                    margin: 10px 0;\\n                    padding: 0 15px;\\n                    margin-left: -15px;\\n\\n                    &.active {\\n                        border-left: 2px solid $accent-color;\\n                        color: $accent-color;\\n                    }\\n                }\\n\\n                .hr {\\n                    border-bottom: 1px solid $light-border-color;\\n                    margin: 30px 0;\\n                }\\n            }\\n\\n            .author-wrapper {\\n                margin-top: 0;\\n\\n                width: 90%;\\n                background-image: none !important;\\n                min-height: 100vh;\\n                display: flex;\\n                flex-direction: column;\\n\\n                .left-profile-menu {\\n                    background-color: red !important;\\n                }\\n\\n                .title {\\n                    font-family: 'Roboto';\\n                    font-weight: 700;\\n                    font-size: 12px;\\n                    line-height: 24px;\\n                    color: $darker-border-color;\\n                }\\n\\n                .pub-art {\\n                    margin-bottom: -30px;\\n                    font-family: 'Roboto';\\n                    font-weight: 700;\\n                    font-size: 12px;\\n                    line-height: 24px;\\n                    color: $darker-border-color;\\n                }\\n\\n                .titles {\\n                    font-family: 'Roboto';\\n                    font-weight: 700;\\n                    font-size: 12px;\\n                    line-height: 24px;\\n                    color: $darker-border-color;\\n                    margin-bottom: 50px;\\n                    margin-top: 0;\\n                }\\n\\n                .content {\\n                    display: flex;\\n                    flex-direction: column;\\n                    align-items: center;\\n                    max-width: 494px;\\n                    margin: auto;\\n                    row-gap: 12px;\\n                    text-align: center;\\n                    font-family: Roboto;\\n\\n                    .profile-picture {\\n                        margin: 0 !important;\\n                    }\\n\\n                    .name {\\n                        display: flex;\\n                        margin: 0;\\n                        color: $darker-border-color;\\n                        text-align: center;\\n                        color: #999;\\n                        font-size: 30px;\\n                        font-style: normal;\\n                        font-weight: 300;\\n                        line-height: 34px;\\n\\n                        .verified-badge {\\n                            margin-left: 5px;\\n                        }\\n                    }\\n\\n                    .username {\\n                        margin: 0;\\n                        color: #00113E;\\n\\n                        text-align: center;\\n                        font-family: Roboto;\\n                        font-size: 16px;\\n                        font-style: normal;\\n                        font-weight: 400;\\n                        line-height: 24px;\\n                    }\\n\\n                    .social-channels {\\n                        display: flex;\\n                        align-items: center;\\n                        column-gap: 12px;\\n\\n                        .social-channel-icon {\\n                            cursor: pointer;\\n                            width: 28px;\\n                            height: 28px;\\n                            padding: 4px;\\n                            border-radius: 2px;\\n\\n                            &:hover {\\n                                background-color: rgba(27, 193, 240, 0.10);\\n                            }\\n                        }\\n                    }\\n\\n                    .description {\\n                        color: #19192E;\\n\\n                        font-size: 14px;\\n                        font-style: normal;\\n                        font-weight: 400;\\n                        line-height: 20px;\\n                    }\\n                }\\n\\n                .statistic-wrapper {\\n                    display: flex;\\n                    width: 100%;\\n            \\n                    .statistic-horizontal-divider {\\n                      display: none;\\n                      width: 100%;\\n                      height: 0;\\n                      border-bottom: 1px dashed $medium-border-color;\\n                    }\\n            \\n                    .statistic {\\n                      display: flex;\\n                      height: 144px;\\n                      width: 100%;\\n            \\n                      &:last-child {\\n                        .stat {\\n                          &:last-child {\\n                            border-right: 1px dashed $medium-border-color;\\n                          }\\n                        }\\n                      }\\n            \\n                      .stat {\\n                        border-left: 1px dashed $medium-border-color;\\n                        height: 100%;\\n                        box-sizing: border-box;\\n                        width: 100%;\\n                        display: flex;\\n                        justify-content: center;\\n                        align-items: center;\\n                        flex-direction: column;\\n            \\n                        .count {\\n                          font-family: 'Roboto';\\n                          font-size: 32px;\\n                          font-weight: 900;\\n                          background: -webkit-linear-gradient($highlight-one, $highlight-two);\\n                          background-clip: text;\\n                          -webkit-background-clip: text;\\n                          -webkit-text-fill-color: transparent;\\n                        }\\n            \\n                        .title {\\n                          color: $darker-border-color;\\n                          font-size: 16px;\\n                          line-height: 24px;\\n                          font-weight: 300;\\n                          font-family: 'Roboto';\\n                        }\\n                      }\\n                    }\\n                                  }\\n\\n                .published-articles {\\n                    display: flex;\\n                    flex-direction: column;\\n                    width: 100%;\\n                    row-gap: 48px;\\n                    margin-top: 20px;\\n\\n                    .published-articles-title {\\n                        color: #999;\\n                        font-family: Roboto;\\n                        font-size: 12px;\\n                        font-style: normal;\\n                        font-weight: 700;\\n                        line-height: 18px;\\n                        /* 150% */\\n                        text-transform: uppercase;\\n                    }\\n                }\\n            }\\n        }\\n    }\\n}\\n\\n\\n\\n@media only screen and (max-width: 768px) {\\n    .user-profile-wrapper {\\n        .profile-author-wrapper {\\n            //margin-top: 10px;\\n            //margin:10px;\\n            //justify-content: center;\\n\\n            .profile-sidebar {\\n                background-image: none;\\n                margin: 0px;\\n                // margin-right: 0;\\n                padding: 0;\\n                width: unset;\\n\\n\\n                .wrapper {\\n                    background-image: none !important;\\n                }\\n            }\\n\\n            .container {\\n                grid-template-columns: 10% 90%;\\n                margin: 0;\\n                margin-top: 5vh;\\n                max-width: unset;\\n                padding: 0;\\n                width: 95%;\\n\\n                .content {\\n                    .description {\\n                        margin: 0 !important;\\n                    }\\n\\n                    .name {\\n                        font-size: 16px !important;\\n\\n                        .verified-badge {\\n                            width: 16px;\\n                            height: 16px;\\n                        }\\n                    }\\n                }\\n\\n                .author-wrapper {\\n                    padding: 0 5%;\\n                    width: 100%;\\n                    background-image: none !important;\\n\\n                    .left-profile-menu {\\n                        background-color: red !important;\\n                    }\\n\\n                    .titles {\\n                        padding: 20px 0;\\n                        margin-top: 10px;\\n                    }\\n\\n                    .pub-art {\\n                        margin-bottom: 30px;\\n                    }\\n\\n                    .statistic-wrapper {\\n                        flex-direction: column;\\n                        row-gap: 8px;\\n              \\n                        .statistic-horizontal-divider {\\n                          display: flex;\\n                        }\\n              \\n                        .statistic {\\n                          &:last-child{\\n                            .stat{\\n                              &:last-child{\\n                                border-right: none;\\n                              }\\n                            }\\n                          }\\n                          .stat {\\n                            &:last-child {\\n                              border-right: none;\\n                            }\\n                            &:first-child{\\n                              border-left: none;\\n                            }\\n                          }\\n                        }\\n                      }\\n\\n                    .published-articles {\\n\\n                        .article-list-items-wrapper {\\n                            width: 100%;\\n                        }\\n\\n\\n                    }\\n                }\\n            }\\n        }\\n    }\\n}\",\"// Theme colors\\n$primary-color: #151451;\\n$accent-color: #02c3a1;\\n$second-accent-color: #43dfba;\\n$subtitle-text: #687487;\\n$upload-picture-color: #cafff2;\\n\\n// Text colors\\n$primary-text-color: #00113e;\\n$tag-text-color: #666666;\\n$paragraph-text-color: #b2b2b2;\\n$route-text-color: #00113e;\\n$quote-color: rgba(0, 17, 62, 0.8);\\n$input-text-color: #4c4c52;\\n$edit-profile-input-text-color: #19192E;\\n$lighter-text-color: #999;\\n$lighter-content-text-color: #666;\\n\\n\\n// Background colors\\n$primary-background-color: #ffffff;\\n$selected-background-color: #d4d4d4;\\n$link-background: #f2f2f2;\\n\\n//dark-mode\\n$dark-primary-background-color: rgb(21, 20, 81);\\n$dark-primary-text-color: #FFFF;\\n$dark-secondary-text-color: #B2B2B2;\\n$dark-button-color: #43dfba;\\n$dark-button-hover-color: rgb(43, 152, 127);\\n$dark-button-active-color:rgb(31, 99, 83);\\n\\n\\n\\n// Border colors\\n$light-border-color: #d9d9d9;\\n$medium-border-color: #b2b2b2;\\n$darker-border-color: #999999;\\n$error-color: #cc4747;\\n\\n// Highlights\\n$highlight-one: #25f68d;\\n$highlight-two: #1bc0f2;\\n$edit-comment-highlight: #3684D9;\\n$link-color: #0000ee;\\n$box-shadow: rgba(0, 0, 0, 0.2);\\n\\n// Dividers\\n$divider-color: rgb(192, 192, 192);\\n$vertical-divider: #c4c4c4;\\n\\n// Buttons\\n$button-border-hover: #435aac;\\n$button-hover-background: #10cfad;\\n$disabled-button-text: #e6e6e6;\\n$active-background-color: #303e84;\\n\\n//FB EMAIL OPT IN\\n$FB-email-opt-in-button-color: #722680;\\n$FB-button-border-hover: #8e72e0;\\n$FB-button-hover-background: #8e72e0;\\n$FB-disabled-button-text: #e6e6e6;\\n$FB-active-background-color: #753675;\\n$FB-email-opt-in-button-color: #722680;\\n$FB-primary-background-color: #ffffff;\\n$FB-primary-text-color: black;\\n\\n// Create/Edit articles\\n$title-divider-color: #00ffc3;\\n$text-editor-border: #1fe1bf;\\n\\n// Tags (dropdown box on create/edit articles)\\n$tag-placeholder-color: #aaa;\\n$border-tags1: #ddd;\\n$border-tags2: #888;\\n$tag-token-background: #f2f2f2;\\n$tag-options-box-shadow: rgba(0, 0, 0, 0.16);\\n\\n// Search Modal\\n$search-modal-background: rgba(255, 255, 255, 0.9);\\n\\n\\n// Quill Text Editor\\n$quill-background: rgb(255, 255, 255);\\n$quill-box-shadow: rgba(156, 156, 156, 0.05);\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import React from 'react';\r\nimport { icons, colors } from '../../shared/constants';\r\n\r\ntype CopyProfileProps = {\r\n  shown: boolean;\r\n  setShown: React.Dispatch<React.SetStateAction<boolean>>;\r\n  handle: string | undefined;\r\n  dark?: boolean;\r\n};\r\n\r\nconst CopyProfile: React.FC<CopyProfileProps> = (props): JSX.Element => {\r\n  const CloseMenu = () => {\r\n    props.setShown(false);\r\n  };\r\n\r\n  const copyLinkToProfile = () => {\r\n    navigator.clipboard.writeText(`${window.location.origin}/${props.handle}`);\r\n    setTimeout(() => {\r\n      CloseMenu();\r\n    }, 2000);\r\n  };\r\n  const darkOptionsAndColors = {\r\n    background: props.dark\r\n      ? colors.primaryTextColor\r\n      : colors.primaryBackgroundColor,\r\n    color: props.dark ? colors.primaryBackgroundColor : colors.primaryTextColor,\r\n    copyIconShown: icons.COPY_BLUE,\r\n    copyIconNotShown: props.dark ? icons.COPY_BLUE : icons.COPY,\r\n  };\r\n\r\n  return (\r\n    <div className='meatball-menu'>\r\n      <img\r\n        onClick={() => {\r\n          props.setShown(!props.shown), copyLinkToProfile();\r\n        }}\r\n        src={\r\n          props.shown ? icons.COPY_BLUE : darkOptionsAndColors.copyIconNotShown\r\n        }\r\n        alt='copy-article-menu'\r\n        style={{ cursor: 'pointer' }}\r\n      />\r\n\r\n      <div\r\n        className='left-drop-down-content'\r\n        style={\r\n          props.shown\r\n            ? {\r\n                height: 82,\r\n                boxShadow: '0px 2px 10px 5px rgba(117, 117, 117, 0.08)',\r\n                background: darkOptionsAndColors.background,\r\n                color: darkOptionsAndColors.color,\r\n              }\r\n            : { height: 0, background: darkOptionsAndColors.background }\r\n        }\r\n      >\r\n        <ul style={props.shown ? {} : { display: 'none' }}>\r\n          <div onClick={copyLinkToProfile}>\r\n            <a>\r\n              <li\r\n                style={{\r\n                  cursor: 'hand',\r\n                  color: darkOptionsAndColors.color,\r\n                }}\r\n              >\r\n                Link copied!\r\n              </li>\r\n            </a>\r\n          </div>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CopyProfile;\r\n","import React, { useState } from 'react';\r\nimport { useAuthStore, useUserStore } from '../../store';\r\nimport Button from '../Button/Button';\r\nimport CopyProfile from '../copy-profile/copy-profile';\r\nimport ReportAuthorMenu from '../report-author/report-author';\r\nimport { icons, colors } from '../../shared/constants';\r\nimport { useTheme } from '../../contextes/ThemeContext';\r\nimport LoggedOutSidebar from '../../components/logged-out-sidebar/logged-out-sidebar';\r\n\r\nconst AuthorProfileSidebar = () => {\r\n  const { isLoggedIn, login, logout } = useAuthStore((state) => ({\r\n    isLoggedIn: state.isLoggedIn,\r\n    login: state.login,\r\n    logout: state.logout,\r\n  }));\r\n  const [shown, setShown] = useState(false);\r\n  const [shownMeatball, setShownMeatball] = useState(false);\r\n  const [copyProfile, setCopyProfile] = useState(false);\r\n\r\n  const author = useUserStore((state) => state.author);\r\n  const CloseMenu = () => {\r\n    setShown(false);\r\n  };\r\n\r\n  const ToggleMenu = () => {\r\n    setShown(!shown);\r\n  };\r\n\r\n  const dark = useTheme();\r\n  const darkOptionsAndColors = {\r\n    background: dark ? colors.primaryTextColor : colors.primaryBackgroundColor,\r\n    color: dark ? colors.primaryBackgroundColor : colors.primaryTextColor,\r\n    threeDots: dark ? icons.THREE_DOTS_WHITE : icons.THREE_DOTS,\r\n  };\r\n\r\n  return (\r\n    <div className='author-profile-sidebar '>\r\n      <img\r\n        className='sidebar-button'\r\n        onClick={ToggleMenu}\r\n        src={shown ? icons.THREE_DOTS_BLUE : darkOptionsAndColors.threeDots}\r\n        alt='sidebar-button'\r\n      />\r\n      {\r\n        <div\r\n          className='sidebar-content'\r\n          onMouseLeave={CloseMenu}\r\n          style={shown ? { width: 210 } : { width: 0 }}\r\n        >\r\n          <div className='buttons' style={shown ? {} : { display: 'none' }}>\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                justifyContent: 'flex-end',\r\n              }}\r\n            >\r\n              <CopyProfile\r\n                shown={copyProfile}\r\n                setShown={setCopyProfile}\r\n                handle={author?.handle}\r\n                dark={dark}\r\n              />\r\n              <ReportAuthorMenu\r\n                shown={shownMeatball}\r\n                setShown={setShownMeatball}\r\n                isPublication={false}\r\n                dark={dark}\r\n              />\r\n            </div>\r\n\r\n            <div\r\n              className='horizontal-divider'\r\n              style={isLoggedIn ? {} : { display: 'none' }}\r\n            ></div>\r\n\r\n            {!isLoggedIn && <LoggedOutSidebar />}\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AuthorProfileSidebar;\r\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]!./_profile.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]!./_profile.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React, { useState, useEffect, useContext } from 'react';\nimport Button from '../../UI/Button/Button';\nimport { useUserStore } from '../../store';\nimport { images } from '../../shared/constants';\nimport { Context } from '../../contextes/Context';\nimport { Context as ModalContext } from '../../contextes/ModalContext'\n\n\ntype SubscribeButtonProps = {\n    AuthorHandle: string;\n    user: string;\n    isPublication: boolean;\n    primaryColor?: string;\n    isSubscribed: boolean;\n};\n\nconst SubscribeButton: React.FC<SubscribeButtonProps> = (props): JSX.Element => {\n    const [loading, setLoading] = useState(false);\n\n    const context = useContext(Context)\n    const modalContext = useContext(ModalContext)\n\n\n\n    function handleSubscribe() {\n\n\n        if (props.user === '') {\n\n            handleRegister()\n\n        } else {\n            modalContext?.openModal('Subscription');\n\n        }\n\n\n    }\n    function handleUnsubscribe() {\n        if (props.AuthorHandle) {\n            console.log('Unsubscribing to author:', props.AuthorHandle);\n            modalContext?.openModal('cancelSubscription');\n\n        }\n        if (props.user === '') {\n            handleRegister()\n        }\n\n    }\n\n    function handleRegister() {\n        modalContext?.openModal('Login')\n    }\n\n\n    return (\n        <div className='followAuthor'>\n            {props.isSubscribed ? (\n                <Button\n                    styleType={{dark: 'white', light: 'white'}}\n                    type='button'\n                    style={\n                        props.isPublication ? { width: '180px', margin: '10px 0' }\n                            : { width: '110px', margin: '10px 0' }\n                    }\n                    onClick={handleUnsubscribe}\n                    disabled={loading}\n                    loading={loading}\n                >\n                    Unsubscribe\n                </Button>\n            ) : (\n                <Button\n                    styleType={{dark: 'white', light: 'white'}}\n                    type='button'\n                    style={\n                        props.isPublication ? { width: '180px', margin: '10px 0' }\n                            : { width: '96px', margin: '10px 0' }\n                    }\n                    onClick={handleSubscribe}\n                    disabled={loading}\n                    loading={loading}\n                >\n                    {props.isPublication ? 'Subscribe to this Publication' : 'Subscribe'}\n                </Button>\n            )}\n        </div>\n    );\n};\n\nexport default SubscribeButton;\n","import React, { useState, useEffect, useContext } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { useAuthStore, useUserStore, usePostStore } from '../../store';\r\nimport Header from '../../components/header/header';\r\nimport Footer from '../../components/footer/footer';\r\nimport Button from '../../UI/Button/Button';\r\nimport CardHorizontal from '../../components/card-horizontal/card-horizontal';\r\nimport ReportAuthorMenu from '../../UI/report-author/report-author';\r\nimport CopyProfile from '../../UI/copy-profile/copy-profile';\r\nimport CardVertical from '../../components/card-vertical/card-vertical';\r\nimport AuthorProfileSidebar from '../../UI/author-profile-sidebar/author-profile-sidebar';\r\nimport { useParams } from 'react-router-dom';\r\nimport { images, colors } from '../../shared/constants';\r\nimport FollowAuthor from '../../components/follow-author/follow-author';\r\nimport Linkify from 'react-linkify';\r\nimport { Link } from 'react-router-dom';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { PostType, PublicationObject, UserType } from '../../types/types';\r\nimport { Context } from '../../contextes/Context';\r\nimport { useTheme } from '../../contextes/ThemeContext';\r\nimport LoggedOutSidebar from '../../components/logged-out-sidebar/logged-out-sidebar';\r\nimport { UserPostCounts } from '../../../declarations/PostCore/PostCore.did';\r\nimport './_profile.scss';\r\nimport { getIconForSocialChannel } from '../../shared/utils';\r\nimport CardPublishedArticles from '../../components/card-published-articles/card-published-articles';\r\nimport { Tooltip } from 'react-tooltip';\r\nimport SubscribeButton from '../../components/subscribe-button/subscribe-button';\r\nimport { Context as ModalContext } from '../../contextes/ModalContext';\r\nimport SubscriptionModal from '../../components/subscription-modal/subscription-modal';\r\nimport CancelSubscriptionModal from '../../components/cancel-subscription-modal/cancel-subscription-modal';\r\nimport {\r\n  ReaderSubscriptionDetailsConverted,\r\n  WriterSubscriptionDetailsConverted,\r\n  useSubscriptionStore,\r\n} from '../../store/subscriptionStore';\r\nimport { set } from 'lodash';\r\nimport GradientMdVerified from '../../UI/verified-icon/verified-icon';\r\n\r\nconst Profile = () => {\r\n  const [shownMeatball, setShownMeatball] = useState(false);\r\n  const [copyProfile, setCopyProfile] = useState(false);\r\n  const [loading, setLoading] = useState(false);\r\n  const [loadingMore, setLoadingMore] = useState(false);\r\n  const [loadMoreCounter, setLoadMoreCounter] = useState(1);\r\n  const [author, setAuthor] = useState<UserType | undefined>();\r\n  const [authorPrincipalId, setAuthorPrincipalId] = useState<\r\n    string | undefined\r\n  >();\r\n  const [displayingPosts, setDisplayingPosts] = useState<PostType[]>([]);\r\n  const [userPostCounts, setUserPostCounts] = useState<\r\n    UserPostCounts | undefined\r\n  >();\r\n  const { handle } = useParams();\r\n  const darkTheme = useTheme();\r\n  const modalContext = useContext(ModalContext);\r\n  const [isSubscribed, setIsSubscribed] = useState(false);\r\n  const [isExpiring, setIsExpiring] = useState<boolean>(false);\r\n\r\n  const darkOptionsAndColors = {\r\n    background: darkTheme\r\n      ? colors.darkModePrimaryBackgroundColor\r\n      : colors.primaryBackgroundColor,\r\n    color: darkTheme\r\n      ? colors.darkModePrimaryTextColor\r\n      : colors.primaryTextColor,\r\n    secondaryColor: darkTheme\r\n      ? colors.darkSecondaryTextColor\r\n      : colors.primaryTextColor,\r\n    secondaryButtonColor: darkTheme\r\n      ? colors.darkModeSecondaryButtonColor\r\n      : colors.accentColor,\r\n  };\r\n\r\n  const { redirect, redirectScreen, isLoggedIn, login } = useAuthStore(\r\n    (state) => ({\r\n      isLoggedIn: state.isLoggedIn,\r\n      login: state.login,\r\n      redirect: state.redirect,\r\n      redirectScreen: state.redirectScreen,\r\n    })\r\n  );\r\n  const user = useUserStore((state) => state.user);\r\n\r\n  const { getAuthor, getUserPostCounts, getPrincipalByHandle } = useUserStore(\r\n    (state) => ({\r\n      getAuthor: state.getAuthor,\r\n      getUserPostCounts: state.getUserPostCounts,\r\n      getPrincipalByHandle: state.getPrincipalByHandle,\r\n    })\r\n  );\r\n\r\n  const { getPostsByFollowers } = usePostStore((state) => ({\r\n    getPostsByFollowers: state.getPostsByFollowers,\r\n  }));\r\n\r\n  const {\r\n    getMySubscriptionHistoryAsReader,\r\n    getWriterSubscriptionDetailsByPrincipalId,\r\n  } = useSubscriptionStore((state) => ({\r\n    getMySubscriptionHistoryAsReader: state.getMySubscriptionHistoryAsReader,\r\n    getWriterSubscriptionDetailsByPrincipalId:\r\n      state.getWriterSubscriptionDetailsByPrincipalId,\r\n  }));\r\n\r\n  const load = async () => {\r\n    if (handle) {\r\n      setLoading(true);\r\n      let [authorResponse, posts, userPostCounts] = await Promise.all([\r\n        getAuthor(handle),\r\n        getPostsByFollowers([handle], 0, 20),\r\n        getUserPostCounts(handle),\r\n      ]);\r\n      //if author exists, set the value\r\n      if (authorResponse) {\r\n        setAuthor(authorResponse);\r\n\r\n        try {\r\n          let principalId = await getPrincipalByHandle(handle);\r\n          setAuthorPrincipalId(principalId);\r\n        } catch (error) {\r\n          console.log('Error getting principal id', error);\r\n        }\r\n      }\r\n      //if there's any post, set the displaying posts\r\n      if (posts) {\r\n        setDisplayingPosts(posts.posts);\r\n      }\r\n\r\n      //set the user post counts\r\n      if (userPostCounts) {\r\n        setUserPostCounts(userPostCounts);\r\n      }\r\n\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const loadMoreHandler = async () => {\r\n    setLoadingMore(true);\r\n    if (handle) {\r\n      let posts = await getPostsByFollowers(\r\n        [handle],\r\n        (loadMoreCounter - 1) * 20 + 20,\r\n        20 + loadMoreCounter * 20\r\n      );\r\n      if (posts?.posts.length) {\r\n        setDisplayingPosts([...displayingPosts, ...posts.posts]);\r\n      }\r\n      setLoadMoreCounter(loadMoreCounter + 1);\r\n    }\r\n\r\n    setLoadingMore(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n    load();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const fetchSubscriptionHistory = async () => {\r\n      if (isLoggedIn) {\r\n        try {\r\n          let history = await getMySubscriptionHistoryAsReader();\r\n\r\n          if (history) {\r\n            console.log('Subscription history:', history);\r\n            let isSubscribed = history.activeSubscriptions.some(\r\n              (subscription) => {\r\n                return subscription.userListItem.handle === author?.handle;\r\n              }\r\n            );\r\n            setIsSubscribed(isSubscribed);\r\n            setIsExpiring(\r\n              checkExpiringSubscriptions(history, author?.handle || '')\r\n            );\r\n          }\r\n        } catch (error) {\r\n          console.log('Error fetching subscription history', error);\r\n        }\r\n      }\r\n    };\r\n\r\n    fetchSubscriptionHistory();\r\n  }, [isLoggedIn, author?.handle, user?.handle]);\r\n\r\n  const [hasValidSubscriptionOptions, setHasValidSubscriptionOptions] =\r\n    useState<boolean>(false);\r\n  //get subscription details\r\n  useEffect(() => {\r\n    const fetchSubscriptionDetails = async () => {\r\n      if (authorPrincipalId) {\r\n        try {\r\n          let subscriptionDetails =\r\n            await getWriterSubscriptionDetailsByPrincipalId(authorPrincipalId);\r\n          if (\r\n            (subscriptionDetails &&\r\n              subscriptionDetails?.weeklyFee.length > 0) ||\r\n            (subscriptionDetails &&\r\n              subscriptionDetails?.monthlyFee.length > 0) ||\r\n            (subscriptionDetails &&\r\n              subscriptionDetails?.annuallyFee.length > 0) ||\r\n            (subscriptionDetails && subscriptionDetails?.lifeTimeFee.length > 0)\r\n          ) {\r\n            setHasValidSubscriptionOptions(true);\r\n          } else {\r\n            setHasValidSubscriptionOptions(false);\r\n            console.log('No valid subscription options');\r\n          }\r\n        } catch (error) {\r\n          console.log('Error fetching subscription details', error);\r\n        }\r\n      }\r\n    };\r\n    fetchSubscriptionDetails();\r\n  }, [authorPrincipalId]);\r\n\r\n  function checkExpiringSubscriptions(\r\n    subscriptionHistory: ReaderSubscriptionDetailsConverted,\r\n    authorHandle: string\r\n  ) {\r\n    const currentTime = Date.now();\r\n    const { expiredSubscriptions } = subscriptionHistory;\r\n\r\n    const isExpiring = expiredSubscriptions.some((subscription) => {\r\n      return (\r\n        subscription.userListItem.handle === authorHandle &&\r\n        subscription.subscriptionEndDate > currentTime\r\n      );\r\n    });\r\n\r\n    return isExpiring;\r\n  }\r\n\r\n  const getSocialChannelUrls = () => {\r\n    if (author) {\r\n      if (author.website === '') {\r\n        return author.socialChannels;\r\n      } else {\r\n        return [author.website, ...author.socialChannels];\r\n      }\r\n    } else {\r\n      return [];\r\n    }\r\n  };\r\n\r\n  const context = useContext(Context);\r\n\r\n  const handleSubscriptionComplete = () => {\r\n    setIsSubscribed(!isSubscribed);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Helmet>\r\n        <link\r\n          rel='canonical'\r\n          href={'https://nuance.xyz' + window.location.pathname}\r\n        />\r\n\r\n        {/* HTML Meta Tags */}\r\n        <title>{`${author?.displayName || 'writer'} - Nuance Profile`}</title>\r\n        <meta name='description' content={author?.bio} />\r\n\r\n        {/* Google / Search Engine Tags */}\r\n        <meta\r\n          itemProp='name'\r\n          content={`${author?.displayName} - Nuance Profile`}\r\n        />\r\n        <meta itemProp='description' content={author?.bio} />\r\n        <meta\r\n          itemProp='image'\r\n          content={author?.avatar || images.DEFAULT_AVATAR}\r\n        />\r\n\r\n        {/* Facebook Meta Tags */}\r\n        <meta property='og:url' content={window.location.href} />\r\n        <meta property='og:type' content='website' />\r\n        <meta\r\n          property='og:title'\r\n          content={`${author?.displayName} - Nuance Profile`}\r\n        />\r\n        <meta property='og:description' content={author?.bio} />\r\n        <meta\r\n          property='og:image'\r\n          content={author?.avatar || images.DEFAULT_AVATAR}\r\n        />\r\n\r\n        {/* Twitter Meta Tags */}\r\n        <meta\r\n          name='twitter:card'\r\n          content={author?.avatar || images.DEFAULT_AVATAR}\r\n        />\r\n        <meta\r\n          name='twitter:title'\r\n          content={`${author?.displayName} - Nuance Profile`}\r\n        />\r\n        <meta name='twitter:description' content={author?.bio} />\r\n        <meta\r\n          name='twitter:image'\r\n          content={author?.avatar || images.DEFAULT_AVATAR}\r\n        />\r\n      </Helmet>\r\n      <Header\r\n        loggedIn={isLoggedIn}\r\n        isArticlePage={false}\r\n        ScreenWidth={context.width}\r\n        isPublicationPage={false}\r\n      />\r\n      <div className='user-profile-wrapper'>\r\n        <div className='profile-author-wrapper'>\r\n          <div className='profile-sidebar'>\r\n            <div className='wrapper'>\r\n              {context.width < 768 ? (\r\n                <div className='left-profile-menu'>\r\n                  <AuthorProfileSidebar />\r\n                </div>\r\n              ) : (\r\n                <div className='logged-out' style={{ alignItems: 'flex-end' }}>\r\n                  <div\r\n                    style={{\r\n                      display: 'flex',\r\n                      justifyContent: 'flex-end',\r\n                    }}\r\n                  >\r\n                    <CopyProfile\r\n                      shown={copyProfile}\r\n                      setShown={setCopyProfile}\r\n                      handle={author?.handle}\r\n                      dark={darkTheme}\r\n                    />\r\n                    <ReportAuthorMenu\r\n                      shown={shownMeatball}\r\n                      setShown={setShownMeatball}\r\n                      isPublication={false}\r\n                      dark={darkTheme}\r\n                    />\r\n                  </div>\r\n                  <div className='horizontal-divider' style={{}}></div>\r\n                  {!isLoggedIn && (\r\n                    <LoggedOutSidebar style={{ width: '265px' }} />\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n\r\n          <div className='container'>\r\n            <div className='author-wrapper'>\r\n              <p className='titles'>AUTHOR PROFILE</p>\r\n\r\n              <div className='content'>\r\n                <img\r\n                  src={author?.avatar || images.DEFAULT_AVATAR}\r\n                  alt='background'\r\n                  className='profile-picture'\r\n                  style={author?.isVerified ? {\r\n                    background: \"linear-gradient(to bottom, #1FDCBD, #23F295)\",\r\n                    padding: \"0.2em\",\r\n                  } : {borderRadius: \"50%\"}}\r\n                />\r\n                <p className='name'>{author?.displayName} {author?.isVerified && <div className='verified-badge'><GradientMdVerified width={'24'} height={'24'} /></div>}</p>\r\n                <p\r\n                  style={\r\n                    darkTheme\r\n                      ? {\r\n                          color: darkOptionsAndColors.color,\r\n                        }\r\n                      : {}\r\n                  }\r\n                  className='username'\r\n                >\r\n                  @{author?.handle}\r\n                </p>\r\n                <div className='social-channels'>\r\n                  {getSocialChannelUrls().map((url, index) => {\r\n                    return (\r\n                      <div\r\n                        onClick={() => {\r\n                          let urlWithProtocol =\r\n                            url.startsWith('https://') ||\r\n                            url.startsWith('http://')\r\n                              ? url\r\n                              : 'https://' + url;\r\n                          window.open(urlWithProtocol, '_blank');\r\n                        }}\r\n                      >\r\n                        <Tooltip\r\n                          clickable={true}\r\n                          className='tooltip-wrapper'\r\n                          anchorSelect={'#social-channel-' + index}\r\n                          place='top'\r\n                          noArrow={true}\r\n                        >\r\n                          {url}\r\n                        </Tooltip>\r\n                        <img\r\n                          className='social-channel-icon'\r\n                          src={getIconForSocialChannel(url, darkTheme)}\r\n                          id={'social-channel-' + index}\r\n                        />\r\n                      </div>\r\n                    );\r\n                  })}\r\n                </div>\r\n                <p\r\n                  className='description'\r\n                  style={\r\n                    darkTheme\r\n                      ? {\r\n                          color: darkOptionsAndColors.secondaryColor,\r\n                        }\r\n                      : {}\r\n                  }\r\n                >\r\n                  {author?.bio}\r\n                </p>\r\n\r\n                <div className='subscribe-and-follow-buttons'>\r\n                  <FollowAuthor\r\n                    AuthorHandle={author?.handle || ''}\r\n                    Followers={user?.followersArray || undefined}\r\n                    user={user?.handle || ''}\r\n                    isPublication={false}\r\n                  />\r\n                  {isLoggedIn &&\r\n                    user?.handle !== author?.handle &&\r\n                    hasValidSubscriptionOptions &&\r\n                    !isExpiring && (\r\n                      <SubscribeButton\r\n                        AuthorHandle={author?.handle || ''}\r\n                        user={user?.handle || ''}\r\n                        isPublication={false}\r\n                        isSubscribed={isSubscribed || false}\r\n                      />\r\n                    )}\r\n                </div>\r\n              </div>\r\n              {modalContext?.isModalOpen &&\r\n                modalContext?.modalType === 'Subscription' && (\r\n                  <SubscriptionModal\r\n                    handle={author?.handle || ''}\r\n                    authorPrincipalId={authorPrincipalId || ''}\r\n                    profileImage={author?.avatar || ''}\r\n                    isPublication={false}\r\n                    onSubscriptionComplete={() => {\r\n                      handleSubscriptionComplete();\r\n                    }}\r\n                  />\r\n                )}\r\n\r\n              {modalContext?.isModalOpen &&\r\n                modalContext?.modalType === 'cancelSubscription' && (\r\n                  <CancelSubscriptionModal\r\n                    handle={author?.handle || ''}\r\n                    profileImage={author?.avatar || ''}\r\n                    isPublication={false}\r\n                    onCancelComplete={() => {\r\n                      handleSubscriptionComplete();\r\n                    }}\r\n                    authorPrincipalId={authorPrincipalId || ''}\r\n                  />\r\n                )}\r\n\r\n              <div className='statistic-wrapper'>\r\n                <div className='statistic'>\r\n                  <div className='stat'>\r\n                    <p className='count'>\r\n                      {userPostCounts?.publishedCount || 0}\r\n                    </p>\r\n                    <p className='title'>Articles</p>\r\n                  </div>\r\n                  <div className='stat'>\r\n                    <p className='count'>\r\n                      {userPostCounts?.totalViewCount || 0}\r\n                    </p>\r\n                    <p className='title'>Article Views</p>\r\n                  </div>\r\n                </div>\r\n                <div className='statistic-horizontal-divider' />\r\n                <div className='statistic'>\r\n                  <div className='stat'>\r\n                    <p className='count'>{userPostCounts?.uniqueClaps || 0}</p>\r\n                    <p className='title'>Applause</p>\r\n                  </div>\r\n                  <div className='stat'>\r\n                    <p className='count'>{author?.followersCount || 0}</p>\r\n                    <p className='title'>Followers</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div className='published-articles'>\r\n                <p className='published-articles-title'>\r\n                  PUBLISHED ARTICLES ({userPostCounts?.publishedCount || 0})\r\n                </p>\r\n                <div className='article-list-items-wrapper'>\r\n                  {displayingPosts.map((post: any) => (\r\n                    <CardPublishedArticles post={post} key={post.postId} />\r\n                  ))}\r\n                </div>\r\n\r\n                {userPostCounts &&\r\n                  !loading &&\r\n                  parseInt(userPostCounts?.publishedCount) >\r\n                    displayingPosts.length && (\r\n                    <div className='load-more-container'>\r\n                      <Button\r\n                        styleType={{dark: 'white', light: 'white'}}\r\n                        style={{ width: '152px' }}\r\n                        onClick={() => loadMoreHandler()}\r\n                        loading={loadingMore}\r\n                      >\r\n                        <span>Load More</span>\r\n                      </Button>\r\n                    </div>\r\n                  )}\r\n              </div>\r\n              <Footer />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Profile;\r\n"],"names":["___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","push","module","id","props","copyLinkToProfile","navigator","clipboard","writeText","window","location","origin","handle","setTimeout","setShown","darkOptionsAndColors","background","dark","color","copyIconShown","copyIconNotShown","className","onClick","shown","src","alt","style","cursor","height","boxShadow","display","isLoggedIn","login","logout","state","useState","shownMeatball","setShownMeatball","copyProfile","setCopyProfile","author","threeDots","onMouseLeave","width","justifyContent","isPublication","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","loading","setLoading","modalContext","useContext","Context","ModalContext","handleRegister","openModal","isSubscribed","Button","styleType","light","type","margin","AuthorHandle","console","log","user","disabled","loadingMore","setLoadingMore","loadMoreCounter","setLoadMoreCounter","setAuthor","authorPrincipalId","setAuthorPrincipalId","displayingPosts","setDisplayingPosts","userPostCounts","setUserPostCounts","darkTheme","setIsSubscribed","isExpiring","setIsExpiring","secondaryColor","secondaryButtonColor","redirect","redirectScreen","getAuthor","getUserPostCounts","getPrincipalByHandle","getPostsByFollowers","getMySubscriptionHistoryAsReader","getWriterSubscriptionDetailsByPrincipalId","useEffect","scrollTo","async","authorResponse","posts","Promise","all","principalId","error","load","history","activeSubscriptions","some","subscription","userListItem","subscriptionHistory","authorHandle","currentTime","Date","now","expiredSubscriptions","subscriptionEndDate","checkExpiringSubscriptions","fetchSubscriptionHistory","hasValidSubscriptionOptions","setHasValidSubscriptionOptions","subscriptionDetails","weeklyFee","length","monthlyFee","annuallyFee","lifeTimeFee","fetchSubscriptionDetails","context","handleSubscriptionComplete","Helmet","rel","href","pathname","displayName","name","content","bio","itemProp","avatar","property","loggedIn","isArticlePage","ScreenWidth","isPublicationPage","alignItems","isVerified","padding","borderRadius","website","socialChannels","map","url","index","urlWithProtocol","startsWith","open","clickable","anchorSelect","place","noArrow","Followers","followersArray","undefined","isModalOpen","modalType","profileImage","onSubscriptionComplete","onCancelComplete","publishedCount","totalViewCount","uniqueClaps","followersCount","post","key","postId","parseInt","loadMoreHandler"],"sourceRoot":""}