1"use strict";(("u"<typeof self?this:self).portalchunkList=("u"<typeof self?this:self).portalchunkList||[]).push([[2017],{32808:function(e,t,i){i.d(t,{A:function(){return u}});var r=i(76188),o=i(32819),n=i(2729),a=i(6875),p=i(39911),l=i(48049),d=i(33599),c=i(26449),s=i(55766);let g=c.Ay.div` 2 ${s.M} 3 border-radius: 10px; 4 ${({bgColor:e})=>e?`background: ${e};`:""} 5 margin-bottom: 5px; 6 7 .jfIconSVG-wrapper { 8 display: flex; 9 } 10`;var h=i(95596),f=i(11624);let x=({withBorder:e,isDecorative:t})=>{let{appIconType:i,appIconBackground:o,appIconColor:n,appIconSvgRef:c,appIconURL:s,installableIconURL:x}=(0,a.d4)(f.A.getAppIconProperties),u=(0,a.d4)(f.A.getAppTitle),v=(0,a.d4)(f.A.getAppVersionSelector),m=(0,a.d4)(f.A.getLogoProperties),b=!!x;return v===h.A["0"]?(0,r.jsx)(d.A,{Wrapper:g,title:u,logoProperties:m,isDecorative:t}):(0,r.jsx)(l.A,{type:b?p.V5.image:i,bgColor:o,imageBgColor:o,bgURL:b?x:s,iconColor:n,svgRef:c,alt:`${u} Icon`,Wrapper:g,withBorder:e,isDecorative:t})};x.propTypes={withBorder:n.bool,isDecorative:n.bool},x.defaultProps={withBorder:!1,isDecorative:!1};var u=(0,o.memo)(x)},48049:function(e,t,i){var r=i(76188),o=i(32819),n=i(2729),a=i(39911),p=i(86025);let l=({type:e,bgColor:t,imageBgColor:i,bgURL:o,iconColor:n,svgRef:l,alt:d,Wrapper:c,withBorder:s,appTheme:g,isDecorative:h})=>{let f=e===a.V5.icon,x=f?o.replace("http://","https://"):o,u=!x.includes("colored");return(0,r.jsx)(c,{isSVG:f,bgColor:f?t:i,fillSvg:u,withBorder:s,appTheme:g,"aria-hidden":h?"true":void 0,children:f?(0,r.jsx)("div",{className:"jfIconSVG-wrapper","data-testid":"logo-svg",children:(0,r.jsx)(p.A,{svgRef:l,url:x,iconColor:u?n:void 0})}):x?(0,r.jsx)("img",{loading:"lazy",width:"100",height:"100",src:x,alt:"","data-testid":"logo-img","aria-label":h?void 0:d}):null})};l.propTypes={type:(0,n.oneOf)([a.V5.icon,a.V5.image]),bgColor:n.string,imageBgColor:n.string,bgURL:n.string,iconColor:n.string,svgRef:n.string,alt:n.string,Wrapper:n.elementType,withBorder:n.bool,appTheme:n.string,isDecorative:n.bool},l.defaultProps={type:a.V5.image,bgColor:"",imageBgColor:"",bgURL:"",iconColor:"",svgRef:"",alt:"",Wrapper:({children:e,...t})=>(0,r.jsx)("div",{...t,children:e}),withBorder:!1,isDecorative:!1},t.A=(0,o.memo)(l)},33599:function(e,t,i){var r=i(76188);i(32819);var o=i(2729),n=i(55766),a=i(48049),p=i(89215);let l=({Wrapper:e,withBorder:t,title:i,logoProperties:o,appTheme:n,isDecorative:l})=>{let{logoType:d,logoBackground:c,logoURL:s,logoSvgRef:g,iconColor:h,logoImageBgColor:f,logoImageBgOpacity:x}=o,u=Number(x),v=Number.isFinite(u)?u:0,m=`${i} Logo`;return(0,r.jsx)(a.A,{type:d,bgColor:c,imageBgColor:(0,p.Df)(f||"#FFFFFF",v),bgURL:s,iconColor:h,svgRef:g,alt:m,Wrapper:e,withBorder:t,appTheme:n,isDecorative:l})};l.propTypes={Wrapper:o.elementType,title:o.string,logoProperties:(0,o.shape)({}),withBorder:o.bool,appTheme:o.string,isDecorative:o.bool},l.defaultProps={Wrapper:n.l,title:"",logoProperties:{},withBorder:!1,isDecorative:!1},t.A=l},55766:function(e,t,i){var r=i(26449),o=i(12614),n=i(51357);let a=(0,r.AH)` 11 display: flex; 12 justify-content: center; 13 align-items: center; 14 width: 100%; 15 height: 100%; 16 white-space: nowrap; 17 overflow: hidden; 18 ${(0,n.G7)(o.K7.AppLogoSize)?(0,r.AH)` 19 border-radius: 0; 20 & > * { 21 border-radius: 0; 22 } 23 `:` 24 border-radius: 14px; 25 & > * { 26 border-radius: 4px; 27 } 28 `} 29 30 img { 31 width: 100%; 32 height: auto; 33 } 34 35 ${({withBorder:e})=>e?` 36 border: 1px solid #D3DCEF; 37 `:""} 38`,p=r.Ay.div` 39 ${a} 40 border-radius: var(--radius-xl); 41 ${({isSVG:e,bgColor:t,fillSvg:i})=>e?` 42 background: ${t}; 43 svg { 44 fill: ${i?t:void 0}; 45 } 46 ${(0,n.G7)(o.K7.AppLogoSize)?` 47 border-radius: 24px; 48 width: 80px; 49 height: 80px; 50 `:""} 51 `:` 52 background: ${t}; 53 `} 54`;i.d(t,{},{M:a,l:p})},91652:function(e,t,i){var r=i(76188);i(32819);var o=i(2729);let n=({name:e,color:t,Icon:i,iconProps:o={},...n})=>(0,r.jsx)("span",{"data-icon-name":e,className:`flex items-center justify-center panelHeader-icon ${t?`panelHeader-icon-${t}`:"bg-navy-700"} ${!i?`${e} ji-${e}`:""}`,...n,children:i&&(0,r.jsx)(i,{width:"24px",fill:"#fff",...o})});n.propTypes={name:o.string,color:o.string,Icon:o.func,iconProps:o.object},n.defaultProps={color:"",Icon:"",iconProps:{}},t.A=n},16619:function(e,t,i){var r=i(26449);t.A=r.Ay.div` 55 display: flex; 56 align-items: center; 57 justify-content: center; 58`},22752:function(e,t,i){i.d(t,{A:function(){return h}});var r=i(76188),o=i(32819),n=i.n(o),a=i(26449),p=i(75750),l=i.n(p),d=i(44565);let c=(0,a.Ay)(e=>(0,r.jsx)("div",{"data-sc":"panelHeader",...e}))` 59 display: flex; 60 align-items: flex-start; 61 margin-bottom: 24px; 62 63 .panelHeader-icon { 64 width: 40px; 65 height: 40px; 66 border-radius: 4px; 67 background-repeat: no-repeat; 68 background-position: center; 69 70 &-orange { 71 background-color: #FF6100; 72 } 73 &-light-green { 74 background-color: #78BB07; 75 } 76 &-green { 77 background-color: #58B966; 78 }
79 &-dark-green { 80 background-color: #37836F; 81 } 82 &-dark-purple { 83 background-color: #4C4F97; 84 } 85 &-blue { 86 background-color: #0099FF; 87 } 88 89 &-purple { 90 background-color: #B559D4; 91 } 92 93 &-red { 94 background-color: #D62E2E; 95 } 96 97 &-dark-blue, .panelHeader-icon-prefillIcon { 98 background-color: #0A1551; 99 } 100 101 &-grey { 102 background-color: #4E6C9A; 103 } 104 &-yellow { 105 background-color: #FFB841; 106 } 107 &-light-blue { 108 background-color:#4E79F6; 109 } 110 &-blue-zirgon { 111 background-color: #34BAC2; 112 } 113 &-core-orange-400 { 114 background-color: #FF7B1C; 115 } 116 &-core-green-400 { 117 background-color: #7FCA00; 118 } 119 &-publish-email-green { 120 background-color: #64B200; 121 } 122 &-ai-default { 123 background-color: #7923DD; 124 } 125 &-pdf { 126 background-color: #3E62C8; 127 } 128 &-core-navy-500 { 129 background-color: #343C6A; 130 } 131 &-core-yellow-400 { 132 background-color: #FFB629; 133 } 134 &-whatsapp-brand { 135 background-color: #0CC11A; 136 } 137 &-blue-500 { 138 background-color: #0075E3; 139 } 140 &-notification { 141 background-color: #FF7B1C; 142 } 143 &-autorespond { 144 background-color: #7FCA00; 145 } 146 } 147`,s=(0,a.Ay)(e=>(0,r.jsx)("div",{"data-sc":"panelHeader-content",...e}))` 148 display: flex; 149 flex-direction: column; 150 justify-content: center; 151 flex: 1; 152 color: #0A1551; 153 .panelHeader-title { 154 font-size: 16px; 155 font-weight: 500; 156 line-height: 24px; 157 letter-spacing: -0.2px; 158 text-transform: uppercase; 159 display: inline-block; 160 gap: 4px; 161 162 .email-panel-header { 163 text-transform: none; 164 padding: 4px; 165 border-radius: 4px; 166 font-size: 16px; 167 line-height: 20px; 168 font-weight: 500; 169 170 &-autorespond { 171 color: #64B200; 172 173 &:hover, &:has(+ .emailheader-penBtn:hover) { 174 background-color: #64B20026; 175 } 176 } 177 178 &-notification { 179 color: #FF6100; 180 181 &:hover, &:has(+ .emailheader-penBtn:hover) { 182 background-color: #FF610026; 183 } 184 } 185 186 &-reminder { 187 color: #0A1551; 188 189 &:hover, &:has(+ .emailheader-penBtn:hover) { 190 background-color: #FFB62926; 191 } 192 } 193 194 &-editing { 195 text-decoration-thickness: 10%; 196 text-underline-offset: 4px; 197 198 &.email-panel-header-autorespond { 199 background-color: #64B20026; 200 text-decoration: underline dotted #64B200; 201 } 202 203 &.email-panel-header-notification { 204 background-color: #FF610026; 205 text-decoration: underline dotted #FF6100; 206 } 207 208 &.email-panel-header-reminder { 209 background-color: #FFB62926; 210 text-decoration: underline dotted #FFB629; 211 } 212 } 213 } 214 } 215 216 .panelHeader-subtitle { 217 font-size: 14px; 218 line-height: 16px; 219 letter-spacing: -0.17px; 220 color: #6F76A7; 221 } 222 223 .panelHeader-betaBadge { 224 background: #0075E3; 225 color: #fff; 226 padding: 1px 8px; 227 font-size: 12px; 228 font-weight: bold; 229 line-height: 16px; 230 border-radius: 32px; 231 white-space: nowrap; 232 margin-left: 8px; 233 } 234`,g=(0,a.Ay)(e=>(0,r.jsx)("div",{"data-sc":"panelHeader-iconWrapper",...e}))` 235 display: flex; 236 align-items: center; 237 justify-content: center; 238 width: 40px; 239 height: 40px; 240 241 img { 242 margin-bottom: auto; 243 width: 40px; 244 border-radius: 2px; 245 } 246 247 &:not(:empty) + .panelHeader-content { 248 margin-left: 12px; 249 250 html[dir="rtl"] &, body[dir="rtl"] & { 251 margin-right: 12px; 252 margin-left: 0; 253 } 254 } 255`;var h=({title:e,subtitle:t="",icon:i=!1,iconType:o=null,ContentWrapper:a=s,HeaderWrapper:p=c,IconWrapper:h=g,TitleWrapper:f="h2",SubtitleWrapper:x="span",IconComponent:u=null,showBetaBadge:v=!1,NewBadge:m=null,className:b})=>(0,r.jsxs)(p,{className:l()("panelHeader",b),children:[(i||u)&&(0,r.jsxs)(h,{className:["panelHeader-iconWrapper",o,u&&"isComponent"].filter(Boolean).join(" "),children:[i&&"string"==typeof i?(0,r.jsx)("img",{src:i,alt:`${e} Icon`,className:"panelHeader-iconImage"}):i,u&&(0,r.jsx)(u,{className:"panelHeader-iconSvg",width:"24",height:"24"})]}),(0,r.jsxs)(a,{className:"panelHeader-content",children:[(0,r.jsxs)(f,{className:"panelHeader-text panelHeader-title group",role:"heading",..."string"==typeof e?{"aria-label":e}:{},children:[e,v&&(0,r.jsx)("span",{className:"panelHeader-betaBadge",children:(0,d.t)("BETA")}
255),m&&(n()).isValidElement(m)&&m]}),t&&(0,r.jsx)(x,{className:"panelHeader-text panelHeader-subtitle",children:t})]})]})},63812:function(e,t,i){var r=i(26449),o=i(94275),n=i(31883),a=i(96045),p=i(83797);let l=(0,r.Ay)(o.R)` 256 > div:first-child { 257 min-height: 40px; 258 padding-top: 12px; 259 padding-bottom: 8px; 260 color: var(--jfv-navy-300, #6c73a8); 261 font-size: 12px; 262 line-height: 16px; 263 font-weight: 600; 264 text-transform: uppercase; 265 } 266`,d=(0,r.Ay)(n.n)` 267 min-height: 40px; 268 color: var(--jfv-navy-700, #0a1551); 269 font-size: 14px; 270 line-height: 20px; 271`;l.displayName="DropdownGroup",d.displayName="DropdownOption";let c=r.Ay.form` 272 box-sizing: border-box; 273 display: flex; 274 flex-direction: column; 275 gap: 24px; 276 width: 100%; 277 padding: 24px; 278 border-radius: 8px; 279 background: var(--jfv-white, #fff); 280 281 ${p.a} 282 283 .send-form-control { 284 min-width: 0; 285 } 286 287 .send-form-control > label { 288 display: block; 289 color: var(--jfv-navy-700, #0a1551); 290 font-size: 14px; 291 line-height: 20px; 292 font-weight: 600; 293 } 294 295 .send-form-control > label strong { 296 font-weight: 600; 297 } 298 299 .notification-input, 300 .notification-dropdown { 301 width: 100%; 302 height: 40px; 303 min-height: 40px; 304 margin: 8px 0 0; 305 } 306 307 .notification-input { 308 padding: 0; 309 border-color: var(--jfv-navy-100, #c8ceed); 310 color: var(--jfv-navy-700, #0a1551); 311 font-size: 14px; 312 } 313 314 .notification-input input::placeholder, 315 .notification-textarea textarea::placeholder { 316 color: var(--jfv-navy-200, #979dc6); 317 opacity: 1; 318 } 319 320 .notification-textarea { 321 display: block; 322 width: 100%; 323 height: 92px; 324 min-height: 92px; 325 margin: 0; 326 padding: 0; 327 resize: none; 328 border-color: var(--jfv-navy-100, #c8ceed); 329 color: var(--jfv-navy-700, #0a1551); 330 font-size: 14px; 331 line-height: 20px; 332 } 333 334 .notification-textarea > textarea { 335 height: 100%; 336 padding: 12px 12px 28px; 337 } 338 339 .notification-textarea > div { 340 display: none; 341 } 342 343 .push-textarea-count-divider { 344 color: var(--jfv-navy-300, #6c73a8); 345 } 346 347 .notification-targets { 348 display: grid; 349 grid-template-columns: repeat(2, minmax(0, 1fr)); 350 gap: 24px; 351 } 352 353 .notification-dropdown { 354 color: var(--jfv-navy-500, #343c6a); 355 font-size: 14px; 356 } 357 358 .notification-target-trigger { 359 justify-content: space-between; 360 width: 100%; 361 height: 40px; 362 min-height: 40px; 363 padding: 0 12px; 364 border-color: var(--jfv-navy-100, #c8ceed); 365 background: var(--jfv-white, #fff); 366 color: var(--jfv-navy-700, #0a1551); 367 } 368 369 .notification-target-trigger:hover { 370 border-color: var(--jfv-navy-200, #979dc6); 371 background: var(--jfv-white, #fff); 372 } 373 374 .notification-target-trigger > span { 375 flex: 1; 376 min-width: 0; 377 padding: 0; 378 text-align: left; 379 } 380 381 .notification-target-trigger .magnet-button-icon { 382 width: 20px; 383 height: 20px; 384 margin-left: 8px; 385 } 386 387 .notification-target-summary, 388 .target-users-option-copy { 389 display: flex; 390 gap: 4px; 391 min-width: 0; 392 white-space: nowrap; 393 } 394 395 .notification-target-summary > span, 396 .target-users-option-copy > span { 397 overflow: hidden; 398 text-overflow: ellipsis; 399 } 400 401 .notification-target-chips { 402 display: flex; 403 align-items: center; 404 gap: 4px; 405 min-width: 0; 406 } 407 408 .notification-target-chip { 409 display: inline-flex; 410 align-items: center; 411 flex-shrink: 0; 412 max-width: 120px; 413 height: var(--spacing-xl, 24px); 414 padding: 0 8px; 415 overflow: hidden; 416 border-radius: var(--ds-radius-sm, 4px); 417 background: #fce0f4; 418 color: var(--text-darkest, #0a1551); 419 font-size: var(--font-size-sm, 14px); 420 line-height: var(--line-height-xs, 20px); 421 font-weight: var(--font-weight-book, 400); 422 text-overflow: ellipsis; 423 } 424 425 .notification-target-summary em, 426 .target-users-option-copy em { 427 color: var(--jfv-navy-300, #6c73a8); 428 font-style: italic; 429 } 430 431 .target-users-option { 432 min-height: 48px; 433 } 434 435 @media screen and (max-width: 580px) { 436 gap: 16px; 437 padding: 16px; 438 overflow: hidden; 439 border-radius: 4px; 440 box-shadow: 441 0 2px 4px rgba(84, 95, 111, 0.16), 442 0 0 1px rgba(37, 45, 91, 0.04); 443 444 .send-form-control > label, 445 .send-form-control > label strong { 446 font-size: 16px; 447 line-height: 20px; 448 font-weight: 700; 449 letter-spacing: -0.006em; 450 } 451 452 .notification-page-control > label, 453 .notification-page-control > label strong { 454 font-size: 16px; 455 line-height: 24px; 456 letter-spacing: -0.011em; 457 } 458 459 .notification-input, 460 .notification-dropdown, 461 .notification-target-trigger { 462 height: 48px; 463 min-height: 48px; 464 border-radius: 4px; 465 } 466 467 .notification-input { 468 overflow: hidden; 469 } 470 471 .notification-input input { 472 padding-right: 16px; 473 padding-left: 16px; 474 font-size: 16px; 475 line-height: 24px; 476 letter-spacing: -0.011em; 477 } 478 479 .notification-textarea { 480 height: 122px; 481 min-height: 122px; 482 border-radius: 4px; 483 } 484 485 .notification-textarea > textarea { 486 padding-right: 8px; 487 font-size: 16px; 488 line-height: 20px; 489 letter-spacing: -0.006em; 490 } 491 492 .push-textarea-count { 493 bottom: 8px; 494 } 495 496 .notification-targets { 497 grid-template-columns: minmax(0, 1fr); 498 gap: 16px; 499 } 500 501 .notification-target-trigger { 502 font-size: 16px; 503 line-height: 16px; 504 letter-spacing: -0.006em; 505 } 506 507 .notification-dropdown { 508 font-size: 16px; 509 line-height: 16px; 510 letter-spacing: -0.011em; 511 } 512 513 .notification-dropdown > span:first-of-type { 514 padding-right: 16px; 515 padding-left: 16px; 516 } 517 } 518`,s=r.Ay.div` 519 display: flex; 520 align-items: center; 521 justify-content: space-between; 522 gap: 16px; 523 width: 100%; 524 margin-top: 24px; 525 526 .send-test-button, 527 .send-now-button { 528 min-height: 40px; 529 font-size: 14px; 530 font-weight: 600; 531 } 532 533 .send-test-button:disabled { 534 background: var(--jfv-navy-50, #e3e5f5); 535 color: var(--jfv-navy-200, #979dc6); 536 opacity: 1; 537 } 538 539 .send-test-button:not(:disabled) { 540 background: var(--jfv-navy-75, #dadef3); 541 color: var(--jfv-navy-500, #343c6a); 542 } 543 544 .send-test-button:not(:disabled):hover { 545 background: var(--jfv-navy-100, #c8ceed); 546 } 547 548 .send-now-button { 549 min-width: 102px; 550 } 551 552 @media screen and (max-width: ${480}px) { 553 position: fixed; 554 z-index: ${30}; 555 right: 0; 556 bottom: 0; 557 left: 0; 558 gap: 12px; 559 box-sizing: border-box; 560 margin-top: 0; 561 padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); 562 border-top: 1px solid var(--jfv-navy-50, #e3e5f5); 563 background: var(--jfv-white, #fff); 564 box-shadow: 0 -4px 16px rgba(10, 21, 81, 0.08); 565 566 .send-test-button, 567 .send-now-button { 568 flex: 1; 569 min-width: 0; 570 } 571 } 572`,g=r.Ay.div` 573 display: grid; 574 grid-template-columns: minmax(0, 720px) minmax(336px, ${408}px); 575 justify-content: space-between; 576 align-items: start; 577 gap: clamp(48px, 8vw, 160px); 578 width: 100%; 579 580 .notification-editor-column { 581 min-width: 0; 582 } 583 584 @media screen and (min-width: ${1441}px) { 585 &.notification-preview-aligned-layout ${a.K} { 586 margin-top: -76px; 587 } 588 } 589 590 @media screen and (max-width: ${1440}px) { 591 grid-template-columns: minmax(0, 1fr); 592 justify-content: start; 593 gap: 0; 594 595 .notification-editor-column { 596 grid-row: 2; 597 } 598 599 ${a.K} { 600 height: auto; 601 min-height: 0; 602 } 603 604 ${a.K}.quick-preview-compact { 605 grid-row: 1; 606 width: 100%; 607 } 608 } 609 610 @media screen and (min-width: ${481}px) and (max-width: ${1440}px) { 611 ${a.K}.quick-preview-compact { 612 border-bottom: 0; 613 border-bottom-left-radius: 0; 614 border-bottom-right-radius: 0; 615 } 616 617 ${c}, 618 .permission-form-card { 619 border: 1px solid var(--jfv-navy-100, #c8ceed); 620 border-top: 0; 621 border-top-left-radius: 0; 622 border-top-right-radius: 0; 623 } 624 } 625 626 @media screen and (max-width: ${480}px) { 627 gap: 20px; 628 629 .notification-editor-column { 630 padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); 631 } 632 633 ${a.K}.quick-preview-compact { 634 width: calc(100% + 24px); 635 margin-inline: -12px; 636 box-shadow: 0 20px 0 var(--jfv-navy-25, #f3f3fe); 637 } 638 } 639`;i.d(t,{},{Hc:d,LJ:s,_k:g,hW:l,kz:c})},53344:function(e,t,i){i.d(t,{A:function(){return y}});var r,o,n,a,p,l,d=i(76188),c=i(32819),s=i(26449);let g=["title","titleId"];
639function h(){return(h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)({}).hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(null,arguments)}let f=(0,c.memo)(e=>{let t=e.title,i=e.titleId,d=function(e,t){if(null==e)return{};var i,r,o=function(e,t){if(null==e)return{};var i={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;i[r]=e[r]}return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)i=n[r],-1===t.indexOf(i)&&({}).propertyIsEnumerable.call(e,i)&&(o[i]=e[i])}return o}(e,g);return c.createElement("svg",h({viewBox:"0 0 61.6 10.214",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i},d),t?c.createElement("title",{id:i},t):null,r||(r=c.createElement("path",{d:"M7.85683 2.35705C7.85683 1.92313 8.20859 1.57137 8.64251 1.57137H9.42819C9.86211 1.57137 10.2139 1.92313 10.2139 2.35705V8.64251C10.2139 9.07643 9.86211 9.42819 9.42819 9.42819H8.64251C8.20859 9.42819 7.85683 9.07643 7.85683 8.64251V2.35705Z",fill:"currentColor"})),o||(o=c.createElement("path",{d:"M11.7852 0.785682C11.7852 0.351762 12.137 0 12.5709 0H13.3566C13.7905 0 14.1423 0.351762 14.1423 0.785683V8.64251C14.1423 9.07643 13.7905 9.42819 13.3566 9.42819H12.5709C12.137 9.42819 11.7852 9.07643 11.7852 8.64251V0.785682Z",fill:"currentColor"})),n||(n=c.createElement("path",{d:"M3.92841 5.10694C3.92841 4.67302 4.28018 4.32125 4.7141 4.32125H5.49978C5.9337 4.32125 6.28546 4.67302 6.28546 5.10694V8.64251C6.28546 9.07643 5.9337 9.42819 5.49978 9.42819H4.7141C4.28018 9.42819 3.92841 9.07643 3.92841 8.64251V5.10694Z",fill:"currentColor"})),a||(a=c.createElement("path",{d:"M0 7.07114C0 6.63722 0.351762 6.28546 0.785683 6.28546H1.57137C2.00529 6.28546 2.35705 6.63722 2.35705 7.07114V8.64251C2.35705 9.07643 2.00529 9.42819 1.57137 9.42819H0.785683C0.351762 9.42819 0 9.07643 0 8.64251V7.07114Z",fill:"currentColor"})),p||(p=c.createElement("g",{transform:"translate(20.4277 0)"},c.createElement("path",{d:"M4.80469 7.00732C5.92024 6.04427 7.55439 6.04425 8.66993 7.00732C8.72598 7.05906 8.75815 7.13235 8.75977 7.20947C8.76131 7.28669 8.73175 7.36142 8.67774 7.41552L6.93067 9.21533C6.87951 9.26793 6.80994 9.29735 6.73731 9.29736C6.66447 9.29736 6.59418 9.26821 6.54297 9.21533L4.7959 7.41552C4.74207 7.3614 4.71227 7.28659 4.71387 7.20947C4.71553 7.13232 4.74858 7.05904 4.80469 7.00732ZM2.44336 4.854C4.84674 2.57214 8.56826 2.57223 10.9717 4.854C11.0259 4.90751 11.0578 4.98109 11.0586 5.0581C11.0594 5.1351 11.0297 5.20953 10.9766 5.26416L9.9668 6.30517C9.86276 6.41149 9.69465 6.41351 9.58789 6.31005C8.79873 5.58062 7.77166 5.17728 6.70704 5.17724C5.6431 5.17769 4.61683 5.58118 3.82813 6.31005C3.72141 6.41356 3.55329 6.41143 3.44922 6.30517L2.43946 5.26416C2.38617 5.20961 2.35671 5.13513 2.35743 5.0581C2.35815 4.98108 2.38908 4.9075 2.44336 4.854ZM0.0839883 2.70459C3.77034 -0.901528 9.58611 -0.901528 13.2725 2.70459C13.3258 2.75816 13.356 2.83132 13.3564 2.90771C13.3568 2.984 13.3281 3.05768 13.2754 3.11181L12.2637 4.15283C12.1595 4.25958 11.9905 4.26094 11.8848 4.15576C10.4803 2.79291 8.61655 2.0328 6.67871 2.03271C4.74062 2.03272 2.87634 2.79271 1.47168 4.15576C1.36598 4.26109 1.19685 4.25984 1.09278 4.15283L0.0820351 3.11181C0.0294153 3.05765 -0.000391697 2.98398 3.88802e-06 2.90771C0.000495458 2.83144 0.0307573 2.75809 0.0839883 2.70459Z",fill:"currentColor"}))),l||(l=c.createElement("g",{transform:"translate(40.0698 0)"},c.createElement("path",{opacity:.35,transform:"scale(0.96133 1)",d:"M3.14258 0.414062H17.2861C18.7927 0.414184 20.0136 1.63595 20.0137 3.14258V7.07129C20.0136 8.57792 18.7927 9.79968 17.2861 9.7998H3.14258C1.63593 9.79972 0.414141 8.57794 0.414062 7.07129V3.14258C0.414146 1.63593 1.63593 0.414145 3.14258 0.414062Z",stroke:"currentColor",strokeWidth:.828963}),c.createElement("path",{transform:"translate(1.57 1.57138) scale(0.95445 1)",d:"M0 1.57136C0 0.703523 0.703524 0 1.57137 0H15.7145C16.5824 0 17.2859 0.703524 17.2859 1.57137V5.49978C17.2859 6.36762 16.5824 7.07114 15.7145 7.07114H1.57137C0.703525 7.07114 0 6.36762 0 5.49978V1.57136Z",fill:"currentColor"}),c.createElement("path",{opacity:.4,transform:"translate(20.42771 3.92903)",d:"M0 0V3.31585C0.667092 3.03502 1.10089 2.38172 1.10089 1.65793C1.10089 0.934131 0.667092 0.280833 0 0",fill:"currentColor"}))))});var x=i(11810);let u=s.Ay.div` 640 position: relative; 641 width: ${({$width:e})=>e||225}px; 642 height: ${({$height:e})=>e||435}px; 643 border-radius: ${({$softFrame:e})=>e?"24px":"28px"}; 644 border: ${({$softFrame:e})=>e?"0":"4px solid #000"}; 645 overflow: hidden; 646 background-color: ${({$backgroundColor:e})=>e||"#fff"}; 647 ${({$softFrame:e})=>e&&` 648 box-shadow: 0 4px 8px 0 rgba(84, 95, 111, 0.16), 0 0 2px 0 rgba(37, 45, 91, 0.04); 649 `} 650 ${({$wallpaper:e,$wallpaperUrl:t})=>e&&`background: url('${t||x.mU}') lightgray 50% / cover no-repeat;`} 651`,v=s.Ay.div` 652 position: absolute; 653 z-index: 1; 654 top: 0; 655 left: 0; 656 display: flex; 657 align-items: center; 658 justify-content: flex-end; 659 box-sizing: border-box; 660 width: ${360}px; 661 height: 54px; 662 padding-inline: 16px; 663 color: ${({$color:e})=>e||"#f1f1f4"}; 664 transform: scale(${({$scale:e})=>e}); 665 transform-origin: top left; 666 667 > svg { 668 width: 61.6px; 669 height: 10.214px; 670 } 671`,m=s.Ay.div` 672 position: absolute; 673 top: 15.5px; 674 left: 50%; 675 transform: translateX(-50%); 676 border-radius: 999px; 677 width: 80px; 678 height: 23px; 679 background: #08090b; 680`,b=s.Ay.time` 681 margin-right: auto; 682 width: 54px; 683 font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; 684 font-size: 12px; 685 line-height: 21px; 686 font-weight: 600; 687 letter-spacing: -0.32px; 688 text-align: center; 689`,w=s.Ay.div` 690 position: absolute; 691 z-index: 1; 692 bottom: 12px; 693 left: 50%; 694 transform: translateX(-50%); 695 width: 112px; 696 height: 3px; 697 border-radius: 999px; 698 background: ${({$color:e})=>e||"#fff"}; 699`;var y=function({backgroundColor:e="",children:t=null,dynamicIsland:i=!0,height:r,homeIndicator:o=!1,homeIndicatorColor:n="#fff",softFrame:a=!1,statusBarColor:p="#f1f1f4",topBar:l=!0,topBarTime:c="",wallpaper:s=!0,wallpaperUrl:g=x.mU,width:h}){let y=h||225;return(0,d.jsxs)(u,{$backgroundColor:e,$height:r,$softFrame:a,$wallpaper:s,$wallpaperUrl:g,$width:h,children:[(i||l)&&(0,d.jsxs)(v,{$color:p,$scale:y/360,children:[i&&(0,d.jsx)(m,{}),l&&(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)(b,{children:c}),(0,d.jsx)(f,{})]})]}),t,o&&(0,d.jsx)(w,{$color:n})]})}},83797:function(e,t,i){var r=i(26449);let o=(0,r.AH)` 700 .push-textarea-field { 701 position: relative; 702 } 703 704 .push-textarea-count { 705 position: absolute; 706 right: 12px; 707 bottom: 10px; 708 display: flex; 709 gap: 2px; 710 color: var(--jfv-navy-200, #979dc6); 711 font-size: 12px; 712 line-height: 16px; 713 pointer-events: none; 714 } 715 716 .push-char-count { 717 color: var(--jfv-navy-200, #979dc6); 718 font-size: 12px; 719 line-height: 16px; 720 pointer-events: none; 721 } 722`;i.d(t,{},{a:o})},54131:function(e,t,i){var r=i(26449);let o=(0,r.AH)` 723 .push-preview-device { 724 position: absolute; 725 top: 0; 726 left: 0; 727 width: ${225}px; 728 height: ${435}px; 729 transform-origin: top left; 730 } 731 732 .push-preview-lock-date { 733 position: absolute; 734 z-index: 1; 735 left: 50%; 736 display: flex; 737 align-items: center; 738 flex-direction: column; 739 width: max-content; 740 transform: translateX(-50%); 741 color: var(--jfv-white, #fff); 742 text-align: center; 743 pointer-events: none; 744 } 745 746 .push-preview-lock-time { 747 display: block; 748 margin-top: 4px; 749 color: inherit; 750 font-family: var(--font-family, 'Circular', sans-serif); 751 font-weight: 500; 752 } 753 754 .push-preview-notification { 755 position: absolute; 756 display: flex; 757 align-items: flex-start; 758 overflow: hidden; 759 border: 1px solid rgba(255, 255, 255, 0.78); 760 background: rgba(235, 245, 255, 0.78); 761 box-shadow: 0 4px 16px rgba(10, 21, 81, 0.12); 762 backdrop-filter: blur(9px); 763 } 764 765 .push-preview-logo { 766 display: flex; 767 align-items: center; 768 justify-content: center; 769 overflow: hidden; 770 } 771 772 .push-preview-logo > * { 773 width: 100%; 774 height: 100%; 775 } 776 777 .push-preview-copy { 778 display: flex; 779 flex: 1; 780 flex-direction: column; 781 min-width: 0; 782 color: var(--jfv-navy-700, #0a1551); 783 } 784 785 .push-preview-copy strong, 786 .push-preview-copy > span { 787 white-space: normal;
788 overflow-wrap: anywhere; 789 } 790 791 .push-preview-copy strong { 792 font-weight: 600; 793 } 794 795 .push-preview-copy > span { 796 color: var(--jfv-navy-300, #6c73a8); 797 } 798 799 .push-preview-notification > time { 800 flex-shrink: 0; 801 color: var(--jfv-navy-300, #6c73a8); 802 } 803`;i.d(t,{},{c:o})},96045:function(e,t,i){var r=i(26449),o=i(54131);let n=r.Ay.aside` 804 display: flex; 805 flex-direction: column; 806 width: 100%; 807 height: min(calc(100vh - 32px), 800px); 808 min-height: 760px; 809 overflow: hidden; 810 box-sizing: border-box; 811 border: 1px solid var(--jfv-navy-100, #c8ceed); 812 border-radius: 8px; 813 background: var(--jfv-white, #fff); 814 815 ${o.c} 816 817 .quick-preview-header { 818 display: flex; 819 align-items: center; 820 justify-content: space-between; 821 gap: 16px; 822 min-height: 48px; 823 padding: 0 16px; 824 } 825 826 .quick-preview-header h2 { 827 color: var(--jfv-navy-300, #6c73a8); 828 font-size: 14px; 829 line-height: 20px; 830 font-weight: 600; 831 } 832 833 .quick-preview-header-actions { 834 display: flex; 835 align-items: center; 836 gap: 4px; 837 } 838 839 .quick-preview-close { 840 width: 32px; 841 min-width: 32px; 842 height: 32px; 843 padding: 0; 844 color: var(--jfv-navy-500, #343c6a); 845 } 846 847 .quick-preview-close .magnet-button-icon { 848 width: 18px; 849 height: 18px; 850 margin: 0; 851 } 852 853 .quick-preview-body { 854 display: flex; 855 flex: 1; 856 align-items: center; 857 justify-content: center; 858 padding: 24px 8px; 859 background: ${({$bodyBackground:e})=>e||"var(--jfv-navy-25, #f3f3fe)"}; 860 } 861 862 .push-preview-stage { 863 position: relative; 864 width: ${360}px; 865 height: ${696}px; 866 } 867 868 .push-preview-fit { 869 overflow: hidden; 870 width: calc(${360}px * var(--preview-fit-scale, 1)); 871 height: calc(${696}px * var(--preview-fit-scale, 1)); 872 } 873 874 .push-preview-fit .push-preview-stage { 875 transform: scale(var(--preview-fit-scale, 1)); 876 transform-origin: top left; 877 } 878 879 .push-preview-device { 880 transform: scale(${1.6}); 881 } 882 883 .push-preview-device > div { 884 width: ${225}px; 885 border: 0; 886 border-radius: 16px; 887 ${({$wallpaper:e})=>e&&`background: url(${e}) center / cover no-repeat;`} 888 } 889 890 .push-preview-device > div::before { 891 position: absolute; 892 z-index: 0; 893 inset: 0; 894 border-radius: inherit; 895 content: ''; 896 background: rgba(0, 0, 0, 0.24); 897 pointer-events: none; 898 } 899 900 .push-preview-lock-date { 901 top: 108px; 902 } 903 904 .push-preview-lock-date > span { 905 font-size: 20px; 906 line-height: 28px; 907 font-weight: 600; 908 } 909 910 .push-preview-lock-time { 911 font-size: 86px; 912 line-height: 86px; 913 letter-spacing: -5px; 914 } 915 916 .push-preview-notification { 917 right: 14px; 918 bottom: 52px; 919 left: 14px; 920 gap: 10px; 921 min-height: 64px; 922 padding: 10px 12px; 923 border-radius: 14px; 924 } 925 926 .push-preview-logo { 927 width: 40px; 928 min-width: 40px; 929 height: 40px; 930 border-radius: 8px; 931 } 932 933 .push-preview-copy strong, 934 .push-preview-copy > span { 935 font-size: 14px; 936 line-height: 18px; 937 } 938 939 .push-preview-notification > time { 940 font-size: 10px; 941 line-height: 18px; 942 } 943 944 @media screen and (max-width: ${1440}px) { 945 &:not(.quick-preview-compact) { 946 height: auto; 947 min-height: 0; 948 949 .quick-preview-body { 950 flex: none; 951 } 952 } 953 954 &.quick-preview-compact { 955 height: auto; 956 min-height: 0; 957 958 .quick-preview-body { 959 display: flex; 960 flex: none; 961 padding: 16px; 962 background: ${({$wallpaper:e})=>e?`url(${e}) center / cover no-repeat`:"var(--jfv-navy-25, #f3f3fe)"}; 963 } 964 965 .push-preview-stage { 966 width: 100%; 967 height: auto; 968 } 969 970 .push-preview-device, 971 .push-preview-lock-date { 972 display: none; 973 } 974 975 .push-preview-notification { 976 position: relative; 977 right: auto; 978 bottom: auto; 979 left: auto; 980 width: 100%; 981 } 982 } 983 } 984 985 @media screen and (min-width: ${481}px) and (max-width: ${1440}px) { 986 &.quick-preview-compact .quick-preview-body { 987 min-height: 160px; 988 padding: 24px 16px; 989 } 990 } 991 992 @media screen and (max-width: ${480}px) { 993 &:not(.quick-preview-compact) .quick-preview-body { 994 padding: 16px 8px; 995 } 996 997 &.quick-preview-compact { 998 border-right: 0; 999 border-left: 0; 1000 border-radius: 0; 1001 } 1002 } 1003`;i.d(t,{},{K:n})},60239:function(e,t,i){var r=i(32819);let o=new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric"}),n=new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",hour12:!0});i.d(t,{},{J:()=>{let[e,t]=(0,r.useState)(()=>new Date);return(0,r.useEffect)(()=>{let e,i,r=setTimeout(()=>{t(new Date),e=setInterval(()=>t(new Date),6e4)},6e4-(1e3*(i=new Date).getSeconds()+i.getMilliseconds()));return()=>{clearTimeout(r),clearInterval(e)}},[]),(0,r.useMemo)(()=>{let t;return{clockTime:(t=n.format(e)).replace(/\s[AP]M$/,""),dateLabel:o.format(e),dateTime:e.toISOString(),notificationTime:t}},[e])}})},94945:function(e,t,i){var r=i(76188);i(32819);var o=i(75750),n=i.n(o),a=i(44565),p=i(67344),l=i(4409),d=i(96045);
1003t.A=function({bodyBackground:e="",bodyRef:t=null,children:i=null,className:o="",compact:c=!0,onClose:s=null,PreviewCardComponent:g=d.K,wallpaper:h}){return(0,r.jsxs)(g,{className:n()("quick-preview-card",o,c&&"quick-preview-compact"),$bodyBackground:e,$wallpaper:h,children:[(0,r.jsxs)("div",{className:"quick-preview-header",children:[(0,r.jsx)("h2",{children:(0,a.t)("Quick Preview")}),(0,r.jsx)("div",{className:"quick-preview-header-actions",children:s&&(0,r.jsx)(p.$,{type:"button",variant:"ghost",colorStyle:"neutral",className:"quick-preview-close",startIcon:l.A,"aria-label":(0,a.t)("Close preview"),onClick:s})})]}),(0,r.jsx)("div",{ref:t,className:"quick-preview-body",children:i})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.