@usesuperflow/toolbar-staging 1.0.138 → 1.0.139

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usesuperflow/toolbar-staging",
3
- "version": "1.0.138",
3
+ "version": "1.0.139",
4
4
  "description": "",
5
5
  "main": "superflow.js",
6
6
  "scripts": {
package/superflow.js CHANGED
@@ -2237,6 +2237,30 @@ class ss extends Qi{}ss.Encryptor=class extends ss{processBlock(t,e){const i=t,o
2237
2237
  background: white;
2238
2238
  }
2239
2239
 
2240
+ .notification-container {
2241
+ display: flex;
2242
+ position: relative;
2243
+ cursor: pointer;
2244
+ }
2245
+
2246
+ .notification-container .notification {
2247
+ border-radius: 100%;
2248
+ padding: 2px;
2249
+ outline: 2px solid rgb(255, 95, 122);
2250
+ }
2251
+
2252
+ .notification-container .notification-badge {
2253
+ display: inline-block;
2254
+ width: 8px;
2255
+ height: 8px;
2256
+ border-radius: 100%;
2257
+ position: absolute;
2258
+ background-color: rgb(255, 95, 122);
2259
+ top: 2px;
2260
+ right: 4px;
2261
+ transform: translate(50%, -50%);
2262
+ }
2263
+
2240
2264
  @media only screen and (max-width: 620px) {
2241
2265
  .disable-add-comment-button {
2242
2266
  display: flex;
@@ -2512,22 +2536,11 @@ class ss extends Qi{}ss.Encryptor=class extends ss{processBlock(t,e){const i=t,o
2512
2536
 
2513
2537
  ${!(null===(e=this.snippylyUser)||void 0===e?void 0:e.isGuest)&&!(null===(i=this.snippylyUser)||void 0===i?void 0:i.name)||(null===(o=this.snippylyUser)||void 0===o?void 0:o.isGuest)&&!this.guestUserNameUpdated?O`
2514
2538
  <div class="toolbar-section snippyly-logo ${st({"d-xs-none":this.expanded})}" @click=${()=>{Ts(js.Events.TOOLBAR_NOTIFICATION_CLICKED),this.openGuestModeNameModel()}}>
2515
- <svg class="toolbar-logo" width="32" height="32" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
2516
- <rect x="1.47908" y="1.68025" width="24.6408" height="24.6395" rx="12.3197" fill="#625DF5"/>
2517
- <path d="M12.2396 6.3053C11.7791 6.10857 11.2698 6.05553 10.7785 6.15314C10.2873 6.25076 9.83708 6.49446 9.48696 6.85226C9.12931 7.20235 8.88572 7.65211 8.78804 8.14272C8.69036 8.63333 8.74313 9.14197 8.93945 9.60214C9.1265 10.0658 9.44927 10.4623 9.86554 10.7397C10.2818 11.0171 10.7722 11.1626 11.2726 11.1571H13.7982V8.63609C13.8037 8.13594 13.6579 7.64579 13.3797 7.22988C13.1016 6.81397 12.7042 6.4917 12.2396 6.3053Z" fill="white"/>
2518
- <path d="M21.4419 9.43843C20.8511 8.84869 20.0985 8.44706 19.2794 8.28427C18.4602 8.12147 17.6111 8.20481 16.8393 8.52375C16.0675 8.84269 15.4076 9.38294 14.943 10.0763C14.4783 10.7696 14.2297 11.585 14.2285 12.4194V16.6382H18.4602C19.2978 16.647 20.1186 16.403 20.8152 15.938C21.5117 15.4731 22.0514 14.8088 22.3638 14.0323C22.6903 13.2628 22.7769 12.4128 22.6125 11.5933C22.448 10.7737 22.0401 10.0228 21.4419 9.43843Z" fill="white"/>
2519
- <path d="M19.0885 18.6286C18.9015 18.1644 18.5787 17.7674 18.1623 17.4894C17.7458 17.2114 17.2551 17.0654 16.7543 17.0704H14.2287V19.5936C14.2234 20.0938 14.3695 20.584 14.6478 20.9999C14.9261 21.4158 15.3236 21.738 15.7884 21.9244C16.0993 22.055 16.4331 22.1226 16.7704 22.1232C17.1845 22.119 17.5912 22.0135 17.9549 21.816C18.3187 21.6184 18.6285 21.3349 18.8572 20.9901C19.0859 20.6453 19.2266 20.2497 19.2669 19.8381C19.3072 19.4264 19.246 19.0111 19.0885 18.6286Z" fill="white"/>
2520
- <path d="M5.67151 14.1981C5.34277 14.9679 5.25438 15.819 5.4179 16.6398C5.58143 17.4606 5.98925 18.213 6.58797 18.7984C6.97426 19.1916 7.43483 19.5042 7.94298 19.7182C8.45113 19.9322 8.99675 20.0432 9.5482 20.0449C10.1126 20.0437 10.6712 19.9308 11.1918 19.7129C11.9692 19.401 12.6342 18.8618 13.0996 18.166C13.5651 17.4701 13.8093 16.6501 13.8003 15.8132V11.5901H9.57509C8.73718 11.5814 7.91619 11.8258 7.21965 12.2911C6.52311 12.7565 5.9835 13.4212 5.67151 14.1981Z" fill="white"/>
2521
- <path d="M21.2068 6.17317C22.5593 6.17317 23.6558 5.07679 23.6558 3.7243C23.6558 2.37181 22.5593 1.27544 21.2068 1.27544C19.8543 1.27544 18.7579 2.37181 18.7579 3.7243C18.7579 5.07679 19.8543 6.17317 21.2068 6.17317Z" fill="#EE7969" stroke="white" stroke-width="0.816305"/>
2522
- <rect x="1.47908" y="1.68025" width="24.6408" height="24.6395" rx="12.3197" stroke="url(#paint0_radial_13087_110238)" stroke-width="1.36051"/>
2523
- <defs>
2524
- <radialGradient id="paint0_radial_13087_110238" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.793538 3.57345) rotate(55.129) scale(42.022 283.962)">
2525
- <stop stop-color="#6941FF"/>
2526
- <stop offset="0.160004" stop-color="#FF5F7A"/>
2527
- <stop offset="1" stop-color="#FFA113"/>
2528
- </radialGradient>
2529
- </defs>
2530
- </svg>
2539
+
2540
+ <div class="notification-container">
2541
+ <img class="toolbar-logo notification" src=${this.logoMark} >
2542
+ <div class="notification-badge"></div>
2543
+ </div>
2531
2544
 
2532
2545
  </div>
2533
2546
  `:O`
package/superflow.min.js CHANGED
@@ -2236,6 +2236,30 @@ class Ds extends To{}Ds.Encryptor=class extends Ds{processBlock(t,e){const i=t,o
2236
2236
  background: white;
2237
2237
  }
2238
2238
 
2239
+ .notification-container {
2240
+ display: flex;
2241
+ position: relative;
2242
+ cursor: pointer;
2243
+ }
2244
+
2245
+ .notification-container .notification {
2246
+ border-radius: 100%;
2247
+ padding: 2px;
2248
+ outline: 2px solid rgb(255, 95, 122);
2249
+ }
2250
+
2251
+ .notification-container .notification-badge {
2252
+ display: inline-block;
2253
+ width: 8px;
2254
+ height: 8px;
2255
+ border-radius: 100%;
2256
+ position: absolute;
2257
+ background-color: rgb(255, 95, 122);
2258
+ top: 2px;
2259
+ right: 4px;
2260
+ transform: translate(50%, -50%);
2261
+ }
2262
+
2239
2263
  @media only screen and (max-width: 620px) {
2240
2264
  .disable-add-comment-button {
2241
2265
  display: flex;
@@ -2511,22 +2535,11 @@ class Ds extends To{}Ds.Encryptor=class extends Ds{processBlock(t,e){const i=t,o
2511
2535
 
2512
2536
  ${!(null===(e=this.snippylyUser)||void 0===e?void 0:e.isGuest)&&!(null===(i=this.snippylyUser)||void 0===i?void 0:i.name)||(null===(o=this.snippylyUser)||void 0===o?void 0:o.isGuest)&&!this.guestUserNameUpdated?F`
2513
2537
  <div class="toolbar-section snippyly-logo ${rt({"d-xs-none":this.expanded})}" @click=${()=>{sr(ur.Events.TOOLBAR_NOTIFICATION_CLICKED),this.openGuestModeNameModel()}}>
2514
- <svg class="toolbar-logo" width="32" height="32" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
2515
- <rect x="1.47908" y="1.68025" width="24.6408" height="24.6395" rx="12.3197" fill="#625DF5"/>
2516
- <path d="M12.2396 6.3053C11.7791 6.10857 11.2698 6.05553 10.7785 6.15314C10.2873 6.25076 9.83708 6.49446 9.48696 6.85226C9.12931 7.20235 8.88572 7.65211 8.78804 8.14272C8.69036 8.63333 8.74313 9.14197 8.93945 9.60214C9.1265 10.0658 9.44927 10.4623 9.86554 10.7397C10.2818 11.0171 10.7722 11.1626 11.2726 11.1571H13.7982V8.63609C13.8037 8.13594 13.6579 7.64579 13.3797 7.22988C13.1016 6.81397 12.7042 6.4917 12.2396 6.3053Z" fill="white"/>
2517
- <path d="M21.4419 9.43843C20.8511 8.84869 20.0985 8.44706 19.2794 8.28427C18.4602 8.12147 17.6111 8.20481 16.8393 8.52375C16.0675 8.84269 15.4076 9.38294 14.943 10.0763C14.4783 10.7696 14.2297 11.585 14.2285 12.4194V16.6382H18.4602C19.2978 16.647 20.1186 16.403 20.8152 15.938C21.5117 15.4731 22.0514 14.8088 22.3638 14.0323C22.6903 13.2628 22.7769 12.4128 22.6125 11.5933C22.448 10.7737 22.0401 10.0228 21.4419 9.43843Z" fill="white"/>
2518
- <path d="M19.0885 18.6286C18.9015 18.1644 18.5787 17.7674 18.1623 17.4894C17.7458 17.2114 17.2551 17.0654 16.7543 17.0704H14.2287V19.5936C14.2234 20.0938 14.3695 20.584 14.6478 20.9999C14.9261 21.4158 15.3236 21.738 15.7884 21.9244C16.0993 22.055 16.4331 22.1226 16.7704 22.1232C17.1845 22.119 17.5912 22.0135 17.9549 21.816C18.3187 21.6184 18.6285 21.3349 18.8572 20.9901C19.0859 20.6453 19.2266 20.2497 19.2669 19.8381C19.3072 19.4264 19.246 19.0111 19.0885 18.6286Z" fill="white"/>
2519
- <path d="M5.67151 14.1981C5.34277 14.9679 5.25438 15.819 5.4179 16.6398C5.58143 17.4606 5.98925 18.213 6.58797 18.7984C6.97426 19.1916 7.43483 19.5042 7.94298 19.7182C8.45113 19.9322 8.99675 20.0432 9.5482 20.0449C10.1126 20.0437 10.6712 19.9308 11.1918 19.7129C11.9692 19.401 12.6342 18.8618 13.0996 18.166C13.5651 17.4701 13.8093 16.6501 13.8003 15.8132V11.5901H9.57509C8.73718 11.5814 7.91619 11.8258 7.21965 12.2911C6.52311 12.7565 5.9835 13.4212 5.67151 14.1981Z" fill="white"/>
2520
- <path d="M21.2068 6.17317C22.5593 6.17317 23.6558 5.07679 23.6558 3.7243C23.6558 2.37181 22.5593 1.27544 21.2068 1.27544C19.8543 1.27544 18.7579 2.37181 18.7579 3.7243C18.7579 5.07679 19.8543 6.17317 21.2068 6.17317Z" fill="#EE7969" stroke="white" stroke-width="0.816305"/>
2521
- <rect x="1.47908" y="1.68025" width="24.6408" height="24.6395" rx="12.3197" stroke="url(#paint0_radial_13087_110238)" stroke-width="1.36051"/>
2522
- <defs>
2523
- <radialGradient id="paint0_radial_13087_110238" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.793538 3.57345) rotate(55.129) scale(42.022 283.962)">
2524
- <stop stop-color="#6941FF"/>
2525
- <stop offset="0.160004" stop-color="#FF5F7A"/>
2526
- <stop offset="1" stop-color="#FFA113"/>
2527
- </radialGradient>
2528
- </defs>
2529
- </svg>
2538
+
2539
+ <div class="notification-container">
2540
+ <img class="toolbar-logo notification" src=${this.logoMark} >
2541
+ <div class="notification-badge"></div>
2542
+ </div>
2530
2543
 
2531
2544
  </div>
2532
2545
  `:F`