@streamoid/ui 0.6.31 → 0.6.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/docs/AGENTS.md +2 -2
- package/dist/docs/ScAppSwitchPanel.md +23 -6
- package/dist/docs/ScWorkspaceAccountMenu.md +42 -1
- package/dist/docs/components.json +20 -0
- package/dist/index.d.mts +79 -6
- package/dist/index.d.ts +79 -6
- package/dist/index.js +1024 -859
- package/dist/index.mjs +810 -645
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -48,10 +48,16 @@ var APPCARD_WORDMARKS = {
|
|
|
48
48
|
photogenix: `<svg width="88" height="14" viewBox="0 0 88 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M80.6638 11.0353H78.2768L81.6027 6.99999V6.8847L78.2768 2.83293H80.6956L83.1145 5.79764H83.2259L85.613 2.83293H88L84.674 6.83529V6.96705L88 11.0353H85.5811L83.1623 8.05411H83.0508L80.6638 11.0353Z" fill="currentColor"/> <path d="M77.548 11.0353H75.5587V2.83294H77.548V11.0353ZM77.548 1.91059H75.5587V0H77.548V1.91059Z" fill="currentColor"/> <path d="M74.1568 11.0353H72.1676V6.63764C72.1676 5.91294 71.9979 5.3749 71.6584 5.02352C71.3295 4.67215 70.7725 4.49646 69.9875 4.49646C69.1706 4.49646 68.5765 4.6996 68.2051 5.10588C67.8444 5.51215 67.6641 6.12156 67.6641 6.93411L67.3617 6.95058L67.2344 5.35294H67.6322C67.7065 4.89176 67.871 4.45803 68.1256 4.05176C68.3802 3.64548 68.7356 3.31607 69.1918 3.06352C69.6586 2.79999 70.2315 2.66823 70.9105 2.66823C71.6425 2.66823 72.2472 2.81646 72.7246 3.11293C73.202 3.4094 73.5574 3.81568 73.7908 4.33176C74.0348 4.83686 74.1568 5.40235 74.1568 6.02823V11.0353ZM67.6641 11.0353H65.6749V2.83293H67.505V5.38588L67.6641 5.46823V11.0353Z" fill="currentColor"/> <path d="M60.3315 11.2C59.451 11.2 58.6818 11.0408 58.024 10.7224C57.3663 10.4039 56.857 9.92627 56.4963 9.28941C56.1356 8.65254 55.9552 7.86745 55.9552 6.93411C55.9552 6.06666 56.1356 5.3145 56.4963 4.67764C56.857 4.04078 57.361 3.54666 58.0081 3.19529C58.6659 2.84391 59.4244 2.66823 60.2838 2.66823C61.1219 2.66823 61.8539 2.82195 62.4798 3.1294C63.1164 3.42588 63.6097 3.87058 63.9598 4.46352C64.3205 5.04548 64.5009 5.75921 64.5009 6.6047C64.5009 6.74745 64.4956 6.87921 64.485 7C64.4744 7.12078 64.4584 7.24156 64.4372 7.36235H57.2283V6.25882H63.0846L62.5912 6.93411C62.6019 6.83529 62.6072 6.73647 62.6072 6.63764C62.6072 6.52784 62.6072 6.41803 62.6072 6.30823C62.6072 5.61647 62.4109 5.10588 62.0184 4.77646C61.6364 4.43607 61.0476 4.26588 60.2519 4.26588C59.3608 4.26588 58.7295 4.46901 58.3582 4.87529C57.9869 5.27058 57.8012 5.86352 57.8012 6.65411V7.1647C57.8012 7.95529 57.9869 8.55372 58.3582 8.96C58.7295 9.35529 59.3608 9.55294 60.2519 9.55294C61.037 9.55294 61.594 9.43764 61.9229 9.20706C62.2624 8.96549 62.4321 8.63058 62.4321 8.20235V8.05411H64.4054V8.20235C64.4054 8.79529 64.2304 9.31686 63.8802 9.76706C63.5408 10.2173 63.0633 10.5686 62.448 10.8212C61.8433 11.0737 61.1378 11.2 60.3315 11.2Z" fill="currentColor"/> <path d="M50.4051 14C49.5988 14 48.888 13.8737 48.2727 13.6212C47.668 13.3686 47.1959 13.0063 46.8564 12.5341C46.5169 12.062 46.3471 11.491 46.3471 10.8212H48.3363C48.3363 11.1835 48.4053 11.469 48.5432 11.6776C48.6811 11.8973 48.9092 12.051 49.2275 12.1388C49.5458 12.2376 49.9808 12.2871 50.5324 12.2871C51.1053 12.2871 51.5562 12.2267 51.8851 12.1059C52.214 11.9851 52.4474 11.7655 52.5853 11.4471C52.7232 11.1286 52.7922 10.6839 52.7922 10.1129V5.25411L52.9513 5.17176V2.83293H54.7814V9.98117C54.7814 10.9145 54.601 11.6722 54.2403 12.2541C53.8902 12.8471 53.3863 13.2863 52.7285 13.5718C52.0814 13.8573 51.3069 14 50.4051 14ZM49.6094 10.2447C48.8138 10.2447 48.1348 10.091 47.5725 9.78353C47.0208 9.46509 46.5964 9.02039 46.2994 8.44941C46.0023 7.87843 45.8538 7.21411 45.8538 6.45647C45.8538 5.68784 46.0076 5.02352 46.3153 4.46352C46.623 3.89254 47.0632 3.45333 47.6361 3.14587C48.2196 2.82744 48.9092 2.66823 49.7049 2.66823C50.5324 2.66823 51.2273 2.8549 51.7896 3.22823C52.3519 3.59058 52.6967 4.12862 52.824 4.84235H53.2377L53.0945 6.3247H52.7922C52.7922 5.89647 52.6967 5.54509 52.5057 5.27058C52.3148 4.98509 52.0336 4.77646 51.6623 4.6447C51.291 4.51294 50.8401 4.44705 50.3096 4.44705C49.7792 4.44705 49.3283 4.51294 48.957 4.6447C48.5963 4.76548 48.3204 4.97411 48.1295 5.27058C47.9491 5.55607 47.8589 5.95137 47.8589 6.45647C47.8589 6.95058 47.9491 7.34588 48.1295 7.64235C48.3098 7.93882 48.5803 8.15294 48.9411 8.2847C49.3018 8.41647 49.742 8.48235 50.2619 8.48235C51.0894 8.48235 51.7153 8.32313 52.1397 8.0047C52.5747 7.68627 52.7922 7.19215 52.7922 6.52235H53.0945V8.15294H52.6808C52.5429 8.76784 52.2193 9.27294 51.71 9.66823C51.2008 10.0525 50.5006 10.2447 49.6094 10.2447Z" fill="currentColor"/> <path d="M40.5334 11.2C39.6529 11.2 38.8731 11.0243 38.1941 10.6729C37.5258 10.3106 37.0059 9.81098 36.6346 9.17411C36.2633 8.52627 36.0776 7.7796 36.0776 6.93411C36.0776 6.06666 36.2633 5.3145 36.6346 4.67764C37.0059 4.04078 37.5258 3.54666 38.1941 3.19529C38.8731 2.84391 39.6529 2.66823 40.5334 2.66823C41.4352 2.66823 42.215 2.84391 42.8727 3.19529C43.5411 3.54666 44.061 4.04078 44.4323 4.67764C44.8142 5.3145 45.0052 6.06666 45.0052 6.93411C45.0052 7.7796 44.8142 8.52627 44.4323 9.17411C44.061 9.81098 43.5411 10.3106 42.8727 10.6729C42.215 11.0243 41.4352 11.2 40.5334 11.2ZM40.5334 9.37176C41.4352 9.37176 42.0771 9.16862 42.459 8.76235C42.8409 8.35607 43.0319 7.74666 43.0319 6.93411C43.0319 6.12156 42.8409 5.51215 42.459 5.10588C42.0771 4.68862 41.4352 4.47999 40.5334 4.47999C39.6423 4.47999 39.0004 4.68862 38.6079 5.10588C38.226 5.51215 38.035 6.12156 38.035 6.93411C38.035 7.74666 38.226 8.35607 38.6079 8.76235C39.0004 9.16862 39.6423 9.37176 40.5334 9.37176Z" fill="currentColor"/> <path d="M35.403 11.0353H33.5252C32.6447 11.0353 31.9498 10.8157 31.4405 10.3765C30.9313 9.92628 30.6767 9.19608 30.6767 8.18588V1.10353H32.65V8.02118C32.65 8.48236 32.7507 8.7953 32.9523 8.96C33.1645 9.11373 33.504 9.19059 33.9708 9.19059H35.403V11.0353ZM35.403 4.52941H29.3718V2.83294H35.403V4.52941Z" fill="currentColor"/> <path d="M24.4333 11.2C23.5527 11.2 22.773 11.0243 22.094 10.6729C21.4256 10.3106 20.9058 9.81098 20.5345 9.17411C20.1631 8.52627 19.9775 7.7796 19.9775 6.93411C19.9775 6.06666 20.1631 5.3145 20.5345 4.67764C20.9058 4.04078 21.4256 3.54666 22.094 3.19529C22.773 2.84391 23.5527 2.66823 24.4333 2.66823C25.3351 2.66823 26.1148 2.84391 26.7726 3.19529C27.441 3.54666 27.9608 4.04078 28.3321 4.67764C28.7141 5.3145 28.905 6.06666 28.905 6.93411C28.905 7.7796 28.7141 8.52627 28.3321 9.17411C27.9608 9.81098 27.441 10.3106 26.7726 10.6729C26.1148 11.0243 25.3351 11.2 24.4333 11.2ZM24.4333 9.37176C25.3351 9.37176 25.9769 9.16862 26.3588 8.76235C26.7408 8.35607 26.9317 7.74666 26.9317 6.93411C26.9317 6.12156 26.7408 5.51215 26.3588 5.10588C25.9769 4.68862 25.3351 4.47999 24.4333 4.47999C23.5421 4.47999 22.9003 4.68862 22.5077 5.10588C22.1258 5.51215 21.9349 6.12156 21.9349 6.93411C21.9349 7.74666 22.1258 8.35607 22.5077 8.76235C22.9003 9.16862 23.5421 9.37176 24.4333 9.37176Z" fill="currentColor"/> <path d="M18.912 11.0353H16.9228V6.63765C16.9228 5.86902 16.7477 5.32 16.3976 4.99059C16.0582 4.66118 15.4906 4.49647 14.6949 4.49647C14.1008 4.49647 13.6287 4.5953 13.2786 4.79294C12.9391 4.99059 12.6951 5.27608 12.5465 5.64941C12.398 6.02275 12.3238 6.47295 12.3238 7L11.9737 7.01648L12.0373 5.32H12.4351C12.52 4.85883 12.6845 4.43059 12.9285 4.0353C13.1831 3.62902 13.5332 3.29961 13.9788 3.04706C14.435 2.79451 15.0026 2.66824 15.6815 2.66824C16.403 2.66824 17.0024 2.81647 17.4798 3.11294C17.9572 3.40941 18.3126 3.81569 18.546 4.33177C18.79 4.84785 18.912 5.42981 18.912 6.07765V11.0353ZM12.3238 11.0353H10.3345V0H12.3238V11.0353Z" fill="currentColor"/> <path d="M5.3629 7.82353H0.732028V5.97883H5.15602C5.90927 5.97883 6.47155 5.8251 6.84287 5.51765C7.21419 5.2102 7.39985 4.67216 7.39985 3.90353C7.39985 3.14588 7.21419 2.61333 6.84287 2.30588C6.47155 1.99843 5.90927 1.84471 5.15602 1.84471H0.732028V0H5.3629C6.16919 0 6.86939 0.153726 7.4635 0.461177C8.06822 0.768628 8.53502 1.21333 8.8639 1.79529C9.2034 2.37726 9.37314 3.08 9.37314 3.90353C9.37314 4.72706 9.2034 5.4353 8.8639 6.02824C8.53502 6.6102 8.06822 7.05491 7.4635 7.36236C6.86939 7.66981 6.16919 7.82353 5.3629 7.82353ZM1.98921 11.0353H0V0H1.98921V11.0353Z" fill="currentColor"/> </svg>`,
|
|
49
49
|
catalogix: `<svg width="72" height="14" viewBox="0 0 72 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M64.6953 11.0698H62.3185L65.6302 7.0814V6.96744L62.3185 2.96279H64.727L67.1355 5.89302H67.2464L69.6232 2.96279H72L68.6883 6.9186V7.04884L72 11.0698H69.5915L67.183 8.12326H67.0721L64.6953 11.0698Z" fill="currentColor"/> <path d="M61.5928 11.0698H59.6122V2.9628H61.5928V11.0698ZM61.5928 2.05117H59.6122V0.162801H61.5928V2.05117Z" fill="currentColor"/> <path d="M53.8007 14C52.9979 14 52.2901 13.8752 51.6774 13.6256C51.0753 13.376 50.6052 13.0178 50.2672 12.5512C49.9292 12.0845 49.7601 11.5202 49.7601 10.8581H51.7408C51.7408 11.2163 51.8095 11.4985 51.9468 11.7047C52.0841 11.9217 52.3112 12.0736 52.6281 12.1605C52.9451 12.2581 53.3782 12.307 53.9275 12.307C54.4979 12.307 54.9468 12.2473 55.2743 12.1279C55.6018 12.0085 55.8342 11.7915 55.9715 11.4767C56.1088 11.162 56.1775 10.7225 56.1775 10.1581V5.35582L56.3359 5.27442V2.96279H58.1581V10.0279C58.1581 10.9504 57.9786 11.6992 57.6194 12.2744C57.2708 12.8605 56.7691 13.2946 56.1141 13.5767C55.4697 13.8589 54.6986 14 53.8007 14ZM53.0084 10.2884C52.2162 10.2884 51.5401 10.1364 50.9802 9.83256C50.4309 9.51783 50.0084 9.0783 49.7126 8.51395C49.4168 7.94961 49.2689 7.29302 49.2689 6.54419C49.2689 5.7845 49.4221 5.12791 49.7285 4.57442C50.0348 4.01008 50.4732 3.57597 51.0436 3.27209C51.6246 2.95737 52.3112 2.8 53.1035 2.8C53.9275 2.8 54.6194 2.9845 55.1792 3.35349C55.7391 3.71163 56.0824 4.24341 56.2092 4.94884H56.6211L56.4785 6.41395H56.1775C56.1775 5.9907 56.0824 5.64341 55.8923 5.37209C55.7021 5.08992 55.4222 4.88372 55.0525 4.75349C54.6828 4.62326 54.2338 4.55814 53.7056 4.55814C53.1775 4.55814 52.7285 4.62326 52.3588 4.75349C51.9996 4.87287 51.725 5.07907 51.5348 5.37209C51.3552 5.65426 51.2654 6.04496 51.2654 6.54419C51.2654 7.03256 51.3552 7.42326 51.5348 7.71628C51.7144 8.0093 51.9838 8.22093 52.3429 8.35116C52.7021 8.4814 53.1405 8.54651 53.6581 8.54651C54.482 8.54651 55.1053 8.38915 55.5278 8.07442C55.9609 7.75969 56.1775 7.27132 56.1775 6.6093H56.4785V8.22093H56.0666C55.9292 8.82868 55.6071 9.32791 55.1 9.71861C54.593 10.0985 53.8958 10.2884 53.0084 10.2884Z" fill="currentColor"/> <path d="M43.9714 11.2326C43.0946 11.2326 42.3182 11.0589 41.6422 10.7116C40.9767 10.3535 40.459 9.85969 40.0893 9.23023C39.7196 8.58992 39.5347 7.85194 39.5347 7.01628C39.5347 6.15892 39.7196 5.4155 40.0893 4.78605C40.459 4.15659 40.9767 3.66822 41.6422 3.32093C42.3182 2.97364 43.0946 2.8 43.9714 2.8C44.8693 2.8 45.6457 2.97364 46.3007 3.32093C46.9662 3.66822 47.4838 4.15659 47.8535 4.78605C48.2338 5.4155 48.424 6.15892 48.424 7.01628C48.424 7.85194 48.2338 8.58992 47.8535 9.23023C47.4838 9.85969 46.9662 10.3535 46.3007 10.7116C45.6457 11.0589 44.8693 11.2326 43.9714 11.2326ZM43.9714 9.42558C44.8693 9.42558 45.5084 9.22481 45.8887 8.82326C46.269 8.42171 46.4591 7.81938 46.4591 7.01628C46.4591 6.21318 46.269 5.61085 45.8887 5.2093C45.5084 4.7969 44.8693 4.5907 43.9714 4.5907C43.0841 4.5907 42.445 4.7969 42.0541 5.2093C41.6739 5.61085 41.4837 6.21318 41.4837 7.01628C41.4837 7.81938 41.6739 8.42171 42.0541 8.82326C42.445 9.22481 43.0841 9.42558 43.9714 9.42558Z" fill="currentColor"/> <path d="M38.4129 11.0698H36.4323V0.162801H38.4129V11.0698Z" fill="currentColor"/> <path d="M35.0337 11.0698H33.2115V9.05116L33.1006 9.00233V6.20233C33.1006 5.58372 32.9527 5.16047 32.6569 4.93256C32.3611 4.6938 31.8646 4.57442 31.1674 4.57442C30.4808 4.57442 29.9738 4.68837 29.6463 4.91628C29.3294 5.14419 29.1709 5.53488 29.1709 6.08837V6.15349H27.2061V6.08837C27.2061 5.44806 27.3699 4.88372 27.6973 4.39535C28.0248 3.89612 28.4949 3.50543 29.1075 3.22326C29.7308 2.94109 30.4597 2.8 31.2942 2.8C32.1498 2.8 32.8523 2.94651 33.4016 3.23954C33.9615 3.52171 34.3735 3.91783 34.6376 4.42791C34.9016 4.93798 35.0337 5.52946 35.0337 6.20233V11.0698ZM29.7255 11.2326C28.9016 11.2326 28.2466 11.0426 27.7607 10.6628C27.2748 10.2829 27.0318 9.75659 27.0318 9.08372C27.0318 8.67132 27.1322 8.31861 27.3329 8.02558C27.5336 7.73256 27.8241 7.50465 28.2044 7.34186C28.5847 7.16822 29.0442 7.04884 29.5829 6.98372L33.259 6.59302V7.7814L30.1375 8.13953C29.7572 8.18295 29.472 8.26434 29.2818 8.38372C29.1023 8.5031 29.0125 8.69302 29.0125 8.95349C29.0125 9.23566 29.1128 9.44186 29.3135 9.57209C29.5248 9.70233 29.847 9.76744 30.2801 9.76744C30.8611 9.76744 31.3576 9.70233 31.7696 9.57209C32.1921 9.43101 32.5196 9.21395 32.752 8.92093C32.9844 8.61705 33.1006 8.22636 33.1006 7.74884H33.3224V9.11628H33.1006C32.8999 9.7783 32.509 10.2992 31.928 10.6791C31.3576 11.0481 30.6234 11.2326 29.7255 11.2326Z" fill="currentColor"/> <path d="M26.3601 11.0698H24.4904C23.6136 11.0698 22.9217 10.8527 22.4146 10.4186C21.9076 9.97365 21.6541 9.25194 21.6541 8.2535V1.2535H23.6189V8.0907C23.6189 8.54652 23.7192 8.85582 23.92 9.01861C24.1312 9.17055 24.4693 9.24652 24.9341 9.24652H26.3601V11.0698ZM26.3601 4.63954H20.3548V2.9628H26.3601V4.63954Z" fill="currentColor"/> <path d="M19.6217 11.0698H17.7995V9.05116L17.6885 9.00233V6.20233C17.6885 5.58372 17.5407 5.16047 17.2449 4.93256C16.9491 4.6938 16.4526 4.57442 15.7554 4.57442C15.0688 4.57442 14.5617 4.68837 14.2343 4.91628C13.9174 5.14419 13.7589 5.53488 13.7589 6.08837V6.15349H11.7941V6.08837C11.7941 5.44806 11.9578 4.88372 12.2853 4.39535C12.6128 3.89612 13.0828 3.50543 13.6955 3.22326C14.3188 2.94109 15.0477 2.8 15.8822 2.8C16.7378 2.8 17.4403 2.94651 17.9896 3.23954C18.5495 3.52171 18.9614 3.91783 19.2255 4.42791C19.4896 4.93798 19.6217 5.52946 19.6217 6.20233V11.0698ZM14.3135 11.2326C13.4895 11.2326 12.8346 11.0426 12.3487 10.6628C11.8628 10.2829 11.6198 9.75659 11.6198 9.08372C11.6198 8.67132 11.7202 8.31861 11.9209 8.02558C12.1216 7.73256 12.4121 7.50465 12.7923 7.34186C13.1726 7.16822 13.6321 7.04884 14.1709 6.98372L17.847 6.59302V7.7814L14.7255 8.13953C14.3452 8.18295 14.06 8.26434 13.8698 8.38372C13.6902 8.5031 13.6005 8.69302 13.6005 8.95349C13.6005 9.23566 13.7008 9.44186 13.9015 9.57209C14.1128 9.70233 14.435 9.76744 14.8681 9.76744C15.4491 9.76744 15.9456 9.70233 16.3575 9.57209C16.7801 9.43101 17.1075 9.21395 17.3399 8.92093C17.5723 8.61705 17.6885 8.22636 17.6885 7.74884H17.9104V9.11628H17.6885C17.4878 9.7783 17.097 10.2992 16.516 10.6791C15.9456 11.0481 15.2114 11.2326 14.3135 11.2326Z" fill="currentColor"/> <path d="M5.5617 11.2326C4.4314 11.2326 3.44899 11.0047 2.61447 10.5488C1.77995 10.0822 1.13558 9.43101 0.681347 8.59535C0.227116 7.74884 0 6.75581 0 5.61628C0 4.47674 0.227116 3.48915 0.681347 2.65349C1.13558 1.80698 1.77995 1.15581 2.61447 0.7C3.44899 0.233333 4.4314 0 5.5617 0C6.60749 0 7.52123 0.173644 8.30293 0.52093C9.08463 0.868217 9.69204 1.36744 10.1251 2.0186C10.5582 2.65891 10.7748 3.42946 10.7748 4.33023V4.55814H8.58815V4.33023C8.58815 3.53798 8.34519 2.94651 7.85926 2.55581C7.37334 2.15426 6.61805 1.95349 5.59339 1.95349C4.78 1.95349 4.11449 2.07829 3.59688 2.32791C3.08983 2.57752 2.70954 2.97364 2.45602 3.51628C2.21306 4.04806 2.09158 4.74806 2.09158 5.61628C2.09158 6.47364 2.21306 7.17364 2.45602 7.71628C2.70954 8.25891 3.08983 8.65504 3.59688 8.90465C4.11449 9.15426 4.78 9.27907 5.59339 9.27907C6.61805 9.27907 7.37334 9.08372 7.85926 8.69302C8.34519 8.29147 8.58815 7.69457 8.58815 6.90232V6.67442H10.7748V6.90232C10.7748 7.79225 10.5582 8.56279 10.1251 9.21395C9.69204 9.86512 9.08463 10.3643 8.30293 10.7116C7.52123 11.0589 6.60749 11.2326 5.5617 11.2326Z" fill="currentColor"/> </svg>`,
|
|
50
50
|
// CXO: the hub product. Traced from the official "Streamoid CXO" lockup
|
|
51
|
-
// (cxo-dashboard/src/assets/streamoid-cxo-wordmark-*.svg)
|
|
52
|
-
// currentColor
|
|
53
|
-
//
|
|
54
|
-
|
|
51
|
+
// (cxo-dashboard/src/assets/streamoid-cxo-wordmark-*.svg) and recolored to
|
|
52
|
+
// currentColor.
|
|
53
|
+
//
|
|
54
|
+
// SIZED BY INK, NOT BY CAP HEIGHT. Matching cap heights (11.15px) is the
|
|
55
|
+
// arithmetic answer and the wrong one: CXO is all caps, so its cap height IS
|
|
56
|
+
// its whole ink block, while "Photogenix" and "Catalogix" fill their 14px box
|
|
57
|
+
// from ascender to descender. Set level, the three-letter mark reads a size
|
|
58
|
+
// smaller than its neighbours — reported from both the app switcher and the
|
|
59
|
+
// rail's app name. 12.6px of ink puts it back in the same optical class.
|
|
60
|
+
cxo: `<svg width="39.25" height="14" viewBox="0 0 39.25 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-116.3040 -11.9000) scale(0.484600)"><path d="M253.167 52C250.528 52 248.22 51.4725 246.241 50.4174C244.262 49.3372 242.727 47.83 241.636 45.8957C240.545 43.9362 240 41.6377 240 39C240 36.3623 240.545 34.0763 241.636 32.142C242.727 30.1826 244.262 28.6754 246.241 27.6203C248.22 26.5401 250.528 26 253.167 26C255.577 26 257.695 26.4019 259.522 27.2058C261.374 27.9845 262.807 29.115 263.822 30.5971C264.862 32.0541 265.382 33.8 265.382 35.8348V36.3246H260.854V35.8348C260.854 33.9005 260.22 32.4309 258.951 31.4261C257.708 30.4213 255.793 29.9188 253.205 29.9188C251.201 29.9188 249.539 30.2454 248.22 30.8986C246.926 31.5266 245.949 32.5063 245.29 33.8377C244.655 35.1691 244.338 36.8899 244.338 39C244.338 41.085 244.655 42.8058 245.29 44.1623C245.949 45.4937 246.926 46.486 248.22 47.1391C249.539 47.7672 251.201 48.0812 253.205 48.0812C255.793 48.0812 257.708 47.5787 258.951 46.5739C260.22 45.5691 260.854 44.0995 260.854 42.1652V41.6754H265.382V42.1652C265.382 44.1749 264.862 45.9208 263.822 47.4029C262.807 48.885 261.374 50.028 259.522 50.8319C257.695 51.6106 255.577 52 253.167 52Z"/><path d="M307.73 52C305.076 52 302.75 51.4725 300.754 50.4174C298.782 49.3372 297.24 47.83 296.128 45.8957C295.041 43.9362 294.498 41.6377 294.498 39C294.498 36.3623 295.041 34.0763 296.128 32.142C297.24 30.1826 298.782 28.6754 300.754 27.6203C302.75 26.5401 305.076 26 307.73 26C310.434 26 312.773 26.5401 314.744 27.6203C316.716 28.6754 318.245 30.1826 319.332 32.142C320.444 34.0763 321 36.3623 321 39C321 41.6377 320.444 43.9362 319.332 45.8957C318.245 47.83 316.716 49.3372 314.744 50.4174C312.773 51.4725 310.434 52 307.73 52ZM307.73 48.0812C309.727 48.0812 311.382 47.7672 312.697 47.1391C314.036 46.486 315.035 45.4937 315.692 44.1623C316.349 42.8058 316.678 41.085 316.678 39C316.678 36.8899 316.349 35.1691 315.692 33.8377C315.035 32.5063 314.036 31.5266 312.697 30.8986C311.382 30.2454 309.727 29.9188 307.73 29.9188C305.733 29.9188 304.065 30.2454 302.725 30.8986C301.411 31.5266 300.425 32.5063 299.768 33.8377C299.136 35.1691 298.82 36.8899 298.82 39C298.82 41.085 299.136 42.8058 299.768 44.1623C300.425 45.4937 301.411 46.486 302.725 47.1391C304.065 47.7672 305.733 48.0812 307.73 48.0812Z"/><path d="M266.534 26.0034C268.039 25.9858 269.462 26.0275 270.813 26.3453C271.441 26.4927 271.994 26.8223 272.544 27.2796C273.112 27.752 273.601 28.2903 274.184 28.8716L274.186 28.8735L276.496 31.1596L285.139 39.807L285.142 39.8105C285.455 40.1198 285.775 40.4219 286.088 40.7167C286.404 41.0137 286.712 41.3029 287.011 41.5964L287.012 41.5976C290.025 44.5426 293.008 47.5148 295.96 50.5141C296.391 50.9545 296.97 51.4609 297.405 51.8758C297.432 51.9013 297.458 51.9272 297.484 51.9524L293.655 51.9647C292.408 51.9587 291.368 51.9243 290.37 51.5385C289.862 51.3356 289.381 51.0735 288.941 50.7582L288.755 50.6196C288.12 50.1238 287.518 49.4355 286.837 48.7562C285.455 47.378 284.103 45.9961 282.674 44.6264C282.098 44.0317 281.513 43.4451 280.918 42.8669C280.645 42.6012 280.216 42.5537 279.887 42.7437L279.823 42.7849C279.405 43.0799 279.058 43.4228 278.755 43.7451C278.432 44.089 278.192 44.3697 277.896 44.6618C277.894 44.6632 277.893 44.6646 277.891 44.666L272.432 50.136C272.145 50.4214 271.64 50.8197 271.087 51.1628C270.511 51.5204 270.008 51.7397 269.712 51.7826C268.424 51.9694 267.022 52.0054 265.575 51.9994C264.78 51.9961 263.956 51.9798 263.143 51.9713C263.295 51.8274 263.452 51.6837 263.615 51.537C263.962 51.2241 264.34 50.8891 264.697 50.531L271.618 43.6246C272.531 42.7128 273.714 41.4684 274.661 40.6786C274.685 40.673 274.718 40.6668 274.761 40.6597C274.917 40.6338 275.127 40.6128 275.368 40.5966C275.605 40.5807 275.853 40.5704 276.079 40.562C276.296 40.5539 276.512 40.5471 276.656 40.5381C276.969 40.5184 277.243 40.3344 277.367 40.0619C277.49 39.7892 277.442 39.4738 277.241 39.246C276.227 38.0976 275.308 37.3317 274.354 36.3667C271.227 33.2046 268.064 30.2349 265.024 27.0664C264.688 26.7152 264.302 26.3657 263.949 26.0423C264.828 26.0408 265.701 26.0131 266.534 26.0034ZM295.619 26.0457C295.976 26.0481 296.333 26.0497 296.692 26.0507C296.018 26.6871 295.39 27.3235 294.695 28.0173L291.922 30.7619L291.921 30.7631L289.016 33.6513L288.444 34.208C287.876 34.7578 287.314 35.3009 286.74 35.9232C286.62 36.0511 286.514 36.1566 286.407 36.2523C285.97 35.834 285.555 35.3762 285.06 34.8864C284.269 34.1027 283.505 33.3988 282.784 32.6484C283.38 32.0274 284.002 31.4109 284.632 30.7881C285.433 29.9969 286.25 29.194 287.02 28.3796C287.914 27.4345 288.636 26.9039 289.416 26.5805C290.202 26.2544 291.119 26.108 292.468 26.0484C293.511 26.0301 294.558 26.0386 295.619 26.0457Z"/></g></svg>`
|
|
55
61
|
};
|
|
56
62
|
|
|
57
63
|
// src/SC-AppcardLogos/ScAppcardLogos.tsx
|
|
@@ -119,7 +125,7 @@ function ScAppCardForCopilot({
|
|
|
119
125
|
|
|
120
126
|
// src/SC-AppSwitch/ScAppSwitchPanel.tsx
|
|
121
127
|
import { useState } from "react";
|
|
122
|
-
import {
|
|
128
|
+
import { SiconExternalLink, SiconRight as SiconRight2 } from "@streamoid/icons";
|
|
123
129
|
import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
124
130
|
var STREAMOID_CHANGELOG_URLS = {
|
|
125
131
|
tactix: "https://streamoid.com/tactix/changelog",
|
|
@@ -141,6 +147,15 @@ function openExternal(url) {
|
|
|
141
147
|
window.open(url, "_blank", "noopener,noreferrer");
|
|
142
148
|
}
|
|
143
149
|
}
|
|
150
|
+
function formatStreamoidAppVersion(raw) {
|
|
151
|
+
const trimmed = (raw ?? "").trim();
|
|
152
|
+
if (!trimmed) return void 0;
|
|
153
|
+
if (/^[0-9a-f]{7,40}$/i.test(trimmed)) return void 0;
|
|
154
|
+
const core = trimmed.replace(/^v/i, "");
|
|
155
|
+
const release = /^(\d+(?:\.\d+)*)/.exec(core);
|
|
156
|
+
if (!release) return void 0;
|
|
157
|
+
return `v${release[1]}`;
|
|
158
|
+
}
|
|
144
159
|
function createStreamoidAppSwitchUtilities(utilities) {
|
|
145
160
|
const before = (action) => () => {
|
|
146
161
|
utilities.onClose?.();
|
|
@@ -150,15 +165,17 @@ function createStreamoidAppSwitchUtilities(utilities) {
|
|
|
150
165
|
const status = utilities.statusPageUrl ?? STREAMOID_STATUS_PAGE_URL;
|
|
151
166
|
return [
|
|
152
167
|
{
|
|
168
|
+
/* Key kept: hosts and tests address this row as `changelog`. Only the
|
|
169
|
+
wording is for the reader. */
|
|
153
170
|
key: "changelog",
|
|
154
|
-
label: "
|
|
155
|
-
trailingText: utilities.appVersion,
|
|
171
|
+
label: "What's new",
|
|
172
|
+
trailingText: formatStreamoidAppVersion(utilities.appVersion),
|
|
156
173
|
external: true,
|
|
157
174
|
onSelect: before(() => openExternal(changelog))
|
|
158
175
|
},
|
|
159
176
|
{
|
|
160
177
|
key: "status",
|
|
161
|
-
label: "Status
|
|
178
|
+
label: "Status",
|
|
162
179
|
external: true,
|
|
163
180
|
onSelect: before(() => openExternal(status))
|
|
164
181
|
},
|
|
@@ -178,22 +195,27 @@ var T = {
|
|
|
178
195
|
var PRODUCT_BRANDS = [
|
|
179
196
|
// Matched on `streamoid` too: the service catalog has named this group both
|
|
180
197
|
// things, and older hosts still send the company name.
|
|
181
|
-
{
|
|
182
|
-
|
|
198
|
+
{
|
|
199
|
+
match: ["cxo", "streamoid"],
|
|
200
|
+
product: "cxo",
|
|
201
|
+
tagline: "Retail Command Center",
|
|
202
|
+
hub: true
|
|
203
|
+
},
|
|
204
|
+
{ match: ["tactix"], product: "tactix", tagline: "Buyers and planners" },
|
|
183
205
|
{
|
|
184
206
|
match: ["artifax", "design studio"],
|
|
185
207
|
product: "artifax",
|
|
186
|
-
tagline: "
|
|
208
|
+
tagline: "Design and development"
|
|
187
209
|
},
|
|
188
210
|
{
|
|
189
211
|
match: ["photogenix", "photo studio"],
|
|
190
212
|
product: "photogenix",
|
|
191
|
-
tagline: "
|
|
213
|
+
tagline: "Studio and content"
|
|
192
214
|
},
|
|
193
215
|
{
|
|
194
216
|
match: ["catalogix", "catalog studio"],
|
|
195
217
|
product: "catalogix",
|
|
196
|
-
tagline: "
|
|
218
|
+
tagline: "Catalog and ecommerce"
|
|
197
219
|
}
|
|
198
220
|
];
|
|
199
221
|
var MATCH_PRECEDENCE = [
|
|
@@ -253,11 +275,16 @@ var ScAppSwitchRow = ({
|
|
|
253
275
|
width: "100%",
|
|
254
276
|
height: 60,
|
|
255
277
|
padding: "var(--spacing-md, 8px) var(--spacing-xl, 12px) var(--spacing-md, 8px) var(--spacing-3xl, 16px)",
|
|
256
|
-
/*
|
|
257
|
-
`--alias-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
278
|
+
/* THE SELECTED FILL IS MIXED FROM THE INK, NOT TAKEN FROM A TOKEN.
|
|
279
|
+
`--alias-fill-neutral-neutralselected` is the right token and it does
|
|
280
|
+
not survive the trip: this panel is portaled to `document.body`, so
|
|
281
|
+
a host that redefines its light-theme fills on the SIDEBAR element
|
|
282
|
+
(Artifax does) leaves the panel reading the app-wide dark value —
|
|
283
|
+
and the row came out with no fill at all. Mixing a percentage of the
|
|
284
|
+
text colour is theme-proof: it is a step off the panel's own
|
|
285
|
+
background in whichever theme is live, with the token still preferred
|
|
286
|
+
where it does reach. */
|
|
287
|
+
background: current ? "color-mix(in srgb, var(--alias-text---icons-primary, #101010) 10%, transparent)" : interactive ? "color-mix(in srgb, var(--alias-text---icons-primary, #101010) 5%, transparent)" : "transparent",
|
|
261
288
|
border: "1px solid transparent",
|
|
262
289
|
borderRadius: "var(--radius-xl, 12px)",
|
|
263
290
|
boxShadow: focused ? "inset 0 0 0 1px var(--alias-border-default, #cfcfcf)" : "none",
|
|
@@ -359,17 +386,42 @@ var ScAppSwitchRow = ({
|
|
|
359
386
|
display: "flex",
|
|
360
387
|
alignItems: "center",
|
|
361
388
|
justifyContent: "center",
|
|
362
|
-
flexShrink: 0
|
|
363
|
-
opacity: current || interactive ? 1 : 0.45,
|
|
364
|
-
transition: "opacity 120ms ease"
|
|
389
|
+
flexShrink: 0
|
|
365
390
|
},
|
|
366
|
-
children: current ? /* @__PURE__ */ jsx4(
|
|
391
|
+
children: current ? /* @__PURE__ */ jsx4(
|
|
392
|
+
"svg",
|
|
393
|
+
{
|
|
394
|
+
width: 20,
|
|
395
|
+
height: 20,
|
|
396
|
+
viewBox: "0 0 20 20",
|
|
397
|
+
fill: "none",
|
|
398
|
+
stroke: T.primary,
|
|
399
|
+
strokeWidth: 2.4,
|
|
400
|
+
strokeLinecap: "round",
|
|
401
|
+
strokeLinejoin: "round",
|
|
402
|
+
children: /* @__PURE__ */ jsx4("path", { d: "M4.5 10.5 8 14l7.5-8" })
|
|
403
|
+
}
|
|
404
|
+
) : null
|
|
367
405
|
}
|
|
368
406
|
)
|
|
369
407
|
]
|
|
370
408
|
}
|
|
371
409
|
);
|
|
372
410
|
};
|
|
411
|
+
var ScAppSwitchGroupLabel = ({ children }) => /* @__PURE__ */ jsx4(
|
|
412
|
+
"span",
|
|
413
|
+
{
|
|
414
|
+
style: {
|
|
415
|
+
padding: "var(--spacing-md, 8px) var(--spacing-md, 8px) var(--spacing-sm, 4px)",
|
|
416
|
+
color: T.tertiary,
|
|
417
|
+
fontFamily: T.font,
|
|
418
|
+
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
419
|
+
lineHeight: "var(--line-height-line-height-sm, 20px)",
|
|
420
|
+
fontWeight: 500
|
|
421
|
+
},
|
|
422
|
+
children
|
|
423
|
+
}
|
|
424
|
+
);
|
|
373
425
|
var ScAppSwitchSystemRow = ({ item }) => {
|
|
374
426
|
const [hover, setHover] = useState(false);
|
|
375
427
|
const [focused, setFocused] = useState(false);
|
|
@@ -425,8 +477,15 @@ var ScAppSwitchPanel = ({
|
|
|
425
477
|
apps,
|
|
426
478
|
systemItems,
|
|
427
479
|
utilities,
|
|
428
|
-
|
|
429
|
-
|
|
480
|
+
/* NO TITLE, TWO GROUP LABELS.
|
|
481
|
+
*
|
|
482
|
+
* "Switch Apps" sat above a list of apps, in a panel opened by a button whose
|
|
483
|
+
* own label is "Switch apps" — a heading that repeated its trigger and said
|
|
484
|
+
* nothing about the two different KINDS of row underneath. The labels the
|
|
485
|
+
* panel needs are the ones that separate the products from the utilities. */
|
|
486
|
+
title = null,
|
|
487
|
+
appsLabel = "Apps",
|
|
488
|
+
systemLabel = "Help",
|
|
430
489
|
className,
|
|
431
490
|
style
|
|
432
491
|
}) => {
|
|
@@ -473,6 +532,7 @@ var ScAppSwitchPanel = ({
|
|
|
473
532
|
}
|
|
474
533
|
)
|
|
475
534
|
] }) : null,
|
|
535
|
+
appsLabel ? /* @__PURE__ */ jsx4(ScAppSwitchGroupLabel, { children: appsLabel }) : null,
|
|
476
536
|
ordered.map((app) => /* @__PURE__ */ jsx4(ScAppSwitchRow, { item: app }, app.key)),
|
|
477
537
|
resolvedSystemItems.length > 0 ? /* @__PURE__ */ jsxs3(
|
|
478
538
|
"div",
|
|
@@ -485,20 +545,7 @@ var ScAppSwitchPanel = ({
|
|
|
485
545
|
borderTop: "1px solid var(--alias-border-divider, #dedede)"
|
|
486
546
|
},
|
|
487
547
|
children: [
|
|
488
|
-
systemLabel ? /* @__PURE__ */ jsx4(
|
|
489
|
-
"span",
|
|
490
|
-
{
|
|
491
|
-
style: {
|
|
492
|
-
padding: "0 var(--spacing-md, 8px) var(--spacing-sm, 4px)",
|
|
493
|
-
color: T.tertiary,
|
|
494
|
-
fontFamily: T.font,
|
|
495
|
-
fontSize: "var(--font-size-font-size-xs, 12px)",
|
|
496
|
-
lineHeight: "var(--line-height-line-height-xs, 16px)",
|
|
497
|
-
fontWeight: 500
|
|
498
|
-
},
|
|
499
|
-
children: systemLabel
|
|
500
|
-
}
|
|
501
|
-
) : null,
|
|
548
|
+
systemLabel ? /* @__PURE__ */ jsx4(ScAppSwitchGroupLabel, { children: systemLabel }) : null,
|
|
502
549
|
resolvedSystemItems.map((item) => /* @__PURE__ */ jsx4(ScAppSwitchSystemRow, { item }, item.key))
|
|
503
550
|
]
|
|
504
551
|
}
|
|
@@ -5675,6 +5722,20 @@ import {
|
|
|
5675
5722
|
useLayoutEffect,
|
|
5676
5723
|
useState as useState13
|
|
5677
5724
|
} from "react";
|
|
5725
|
+
var ARROW_EDGE_INSET = 18;
|
|
5726
|
+
function resolveAnchoredPopoverArrow({
|
|
5727
|
+
anchor,
|
|
5728
|
+
panelLeft,
|
|
5729
|
+
panelTop,
|
|
5730
|
+
panelHeight
|
|
5731
|
+
}) {
|
|
5732
|
+
const side = panelLeft >= anchor.right ? "left" : "right";
|
|
5733
|
+
const anchorCentre = (anchor.top + anchor.bottom) / 2;
|
|
5734
|
+
const raw = anchorCentre - panelTop;
|
|
5735
|
+
const limit = Math.max(ARROW_EDGE_INSET, panelHeight - ARROW_EDGE_INSET);
|
|
5736
|
+
const top = Math.min(Math.max(raw, ARROW_EDGE_INSET), limit);
|
|
5737
|
+
return { side, top };
|
|
5738
|
+
}
|
|
5678
5739
|
var DEFAULT_GAP = 8;
|
|
5679
5740
|
var DEFAULT_INSET = 16;
|
|
5680
5741
|
function resolveAnchoredPopoverPosition({
|
|
@@ -5707,6 +5768,67 @@ function resolveAnchoredPopoverPosition({
|
|
|
5707
5768
|
);
|
|
5708
5769
|
return { left, top, width: panelWidth };
|
|
5709
5770
|
}
|
|
5771
|
+
function useStreamoidAnchoredPopover(anchorRef, panelRef, { width, gap = DEFAULT_GAP, inset = DEFAULT_INSET }) {
|
|
5772
|
+
const [state, setState] = useState13({
|
|
5773
|
+
style: {
|
|
5774
|
+
position: "fixed",
|
|
5775
|
+
left: 0,
|
|
5776
|
+
top: 0,
|
|
5777
|
+
width,
|
|
5778
|
+
maxWidth: `calc(100vw - ${inset * 2}px)`,
|
|
5779
|
+
maxHeight: `calc(100dvh - ${inset * 2}px)`,
|
|
5780
|
+
visibility: "hidden"
|
|
5781
|
+
},
|
|
5782
|
+
arrow: null
|
|
5783
|
+
});
|
|
5784
|
+
useLayoutEffect(() => {
|
|
5785
|
+
const anchor = anchorRef.current;
|
|
5786
|
+
if (!anchor || typeof window === "undefined") return;
|
|
5787
|
+
const measure = () => {
|
|
5788
|
+
const bounds = anchor.getBoundingClientRect();
|
|
5789
|
+
const panelHeight = panelRef.current?.offsetHeight;
|
|
5790
|
+
const { left, top, width: panelWidth } = resolveAnchoredPopoverPosition({
|
|
5791
|
+
anchor: bounds,
|
|
5792
|
+
viewportWidth: window.innerWidth,
|
|
5793
|
+
viewportHeight: window.innerHeight,
|
|
5794
|
+
width,
|
|
5795
|
+
height: panelHeight,
|
|
5796
|
+
gap,
|
|
5797
|
+
inset
|
|
5798
|
+
});
|
|
5799
|
+
const style = {
|
|
5800
|
+
position: "fixed",
|
|
5801
|
+
left,
|
|
5802
|
+
top,
|
|
5803
|
+
width: panelWidth,
|
|
5804
|
+
maxWidth: `calc(100vw - ${inset * 2}px)`,
|
|
5805
|
+
maxHeight: `calc(100dvh - ${inset * 2}px)`,
|
|
5806
|
+
visibility: "visible"
|
|
5807
|
+
};
|
|
5808
|
+
const arrow = panelHeight ? resolveAnchoredPopoverArrow({
|
|
5809
|
+
anchor: bounds,
|
|
5810
|
+
panelLeft: left,
|
|
5811
|
+
panelTop: top,
|
|
5812
|
+
panelHeight
|
|
5813
|
+
}) : null;
|
|
5814
|
+
setState(
|
|
5815
|
+
(prev) => prev.style.left === style.left && prev.style.top === style.top && prev.style.width === style.width && prev.style.visibility === style.visibility && prev.arrow?.side === arrow?.side && prev.arrow?.top === arrow?.top ? prev : { style, arrow }
|
|
5816
|
+
);
|
|
5817
|
+
};
|
|
5818
|
+
measure();
|
|
5819
|
+
window.addEventListener("resize", measure);
|
|
5820
|
+
window.addEventListener("scroll", measure, true);
|
|
5821
|
+
const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
|
|
5822
|
+
resizeObserver?.observe(anchor);
|
|
5823
|
+
if (panelRef.current) resizeObserver?.observe(panelRef.current);
|
|
5824
|
+
return () => {
|
|
5825
|
+
window.removeEventListener("resize", measure);
|
|
5826
|
+
window.removeEventListener("scroll", measure, true);
|
|
5827
|
+
resizeObserver?.disconnect();
|
|
5828
|
+
};
|
|
5829
|
+
}, [anchorRef, panelRef, width, gap, inset]);
|
|
5830
|
+
return state;
|
|
5831
|
+
}
|
|
5710
5832
|
function useStreamoidAnchoredPopoverPosition(anchorRef, panelRef, { width, gap = DEFAULT_GAP, inset = DEFAULT_INSET }) {
|
|
5711
5833
|
const [position, setPosition] = useState13({
|
|
5712
5834
|
position: "fixed",
|
|
@@ -5760,6 +5882,45 @@ function useStreamoidAnchoredPopoverPosition(anchorRef, panelRef, { width, gap =
|
|
|
5760
5882
|
return position;
|
|
5761
5883
|
}
|
|
5762
5884
|
|
|
5885
|
+
// src/SC-SidebarShell/ScPopoverArrow.tsx
|
|
5886
|
+
import { jsx as jsx52 } from "react/jsx-runtime";
|
|
5887
|
+
function ScPopoverArrow({
|
|
5888
|
+
arrow,
|
|
5889
|
+
background = "var(--alias-surface-base, #101010)",
|
|
5890
|
+
borderColor = "var(--alias-border-default, #3e3e3e)",
|
|
5891
|
+
size = 12,
|
|
5892
|
+
style
|
|
5893
|
+
}) {
|
|
5894
|
+
if (!arrow) return null;
|
|
5895
|
+
const half = size / 2;
|
|
5896
|
+
const onLeftEdge = arrow.side === "left";
|
|
5897
|
+
return /* @__PURE__ */ jsx52(
|
|
5898
|
+
"span",
|
|
5899
|
+
{
|
|
5900
|
+
"aria-hidden": true,
|
|
5901
|
+
"data-streamoid-popover-arrow": arrow.side,
|
|
5902
|
+
style: {
|
|
5903
|
+
position: "absolute",
|
|
5904
|
+
top: arrow.top - half,
|
|
5905
|
+
[onLeftEdge ? "left" : "right"]: -half,
|
|
5906
|
+
width: size,
|
|
5907
|
+
height: size,
|
|
5908
|
+
background,
|
|
5909
|
+
/* Only the two edges that face away from the card. The other two sit
|
|
5910
|
+
under it, where a border would draw a line across the card's own
|
|
5911
|
+
edge. */
|
|
5912
|
+
borderTop: onLeftEdge ? "none" : `1px solid ${borderColor}`,
|
|
5913
|
+
borderRight: onLeftEdge ? "none" : `1px solid ${borderColor}`,
|
|
5914
|
+
borderBottom: onLeftEdge ? `1px solid ${borderColor}` : "none",
|
|
5915
|
+
borderLeft: onLeftEdge ? `1px solid ${borderColor}` : "none",
|
|
5916
|
+
transform: "rotate(45deg)",
|
|
5917
|
+
pointerEvents: "none",
|
|
5918
|
+
...style
|
|
5919
|
+
}
|
|
5920
|
+
}
|
|
5921
|
+
);
|
|
5922
|
+
}
|
|
5923
|
+
|
|
5763
5924
|
// src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
|
|
5764
5925
|
import {
|
|
5765
5926
|
useLayoutEffect as useLayoutEffect2,
|
|
@@ -5882,21 +6043,21 @@ var ScArtifaxSidebar_default = {
|
|
|
5882
6043
|
|
|
5883
6044
|
// src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
|
|
5884
6045
|
import { SiconCollapse as SiconCollapse3, SiconDown, SiconUp } from "@streamoid/icons";
|
|
5885
|
-
import { Fragment as Fragment17, jsx as
|
|
6046
|
+
import { Fragment as Fragment17, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
5886
6047
|
function ArtifaxPlaceholderIcon() {
|
|
5887
|
-
return /* @__PURE__ */
|
|
6048
|
+
return /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
|
|
5888
6049
|
}
|
|
5889
6050
|
function resolveIcon2(iconMap, item, active, expanded) {
|
|
5890
6051
|
const renderer = iconMap?.[item.iconKey];
|
|
5891
|
-
if (renderer == null) return /* @__PURE__ */
|
|
6052
|
+
if (renderer == null) return /* @__PURE__ */ jsx53(ArtifaxPlaceholderIcon, {});
|
|
5892
6053
|
if (typeof renderer === "function") {
|
|
5893
|
-
return /* @__PURE__ */
|
|
6054
|
+
return /* @__PURE__ */ jsx53(Fragment17, { children: renderer({ item, active, expanded }) });
|
|
5894
6055
|
}
|
|
5895
|
-
return /* @__PURE__ */
|
|
6056
|
+
return /* @__PURE__ */ jsx53(Fragment17, { children: renderer });
|
|
5896
6057
|
}
|
|
5897
6058
|
function resolveToggleIcon2(toggleIcon, expanded) {
|
|
5898
6059
|
if (toggleIcon == null)
|
|
5899
|
-
return /* @__PURE__ */
|
|
6060
|
+
return /* @__PURE__ */ jsx53(SiconCollapse3, {});
|
|
5900
6061
|
if (typeof toggleIcon === "function") {
|
|
5901
6062
|
return toggleIcon(expanded);
|
|
5902
6063
|
}
|
|
@@ -5916,8 +6077,8 @@ function SectionHeader2({
|
|
|
5916
6077
|
onClick: onToggle,
|
|
5917
6078
|
disabled: !onToggle,
|
|
5918
6079
|
children: [
|
|
5919
|
-
/* @__PURE__ */
|
|
5920
|
-
/* @__PURE__ */
|
|
6080
|
+
/* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.sectionLabel, children: label }),
|
|
6081
|
+
/* @__PURE__ */ jsx53(Chevron2, { className: ScArtifaxSidebar_default.sectionChevron })
|
|
5921
6082
|
]
|
|
5922
6083
|
}
|
|
5923
6084
|
);
|
|
@@ -5978,7 +6139,7 @@ var ScArtifaxSidebar = ({
|
|
|
5978
6139
|
const renderMenuItem2 = (item, sectionId) => {
|
|
5979
6140
|
const active = item.id === activeItemId;
|
|
5980
6141
|
const state = active ? "active" : "default";
|
|
5981
|
-
return /* @__PURE__ */
|
|
6142
|
+
return /* @__PURE__ */ jsx53(
|
|
5982
6143
|
ScSidebarMenu,
|
|
5983
6144
|
{
|
|
5984
6145
|
icon: resolveIcon2(iconMap, item, active, expanded),
|
|
@@ -5997,7 +6158,7 @@ var ScArtifaxSidebar = ({
|
|
|
5997
6158
|
className: ScArtifaxSidebar_default.scArtifaxSidebar + " " + ScArtifaxSidebar_default.variantExpanded + (className ? " " + className : ""),
|
|
5998
6159
|
style,
|
|
5999
6160
|
children: [
|
|
6000
|
-
resizable ? /* @__PURE__ */
|
|
6161
|
+
resizable ? /* @__PURE__ */ jsx53(
|
|
6001
6162
|
ScSidebarResizeHandle,
|
|
6002
6163
|
{
|
|
6003
6164
|
expanded: true,
|
|
@@ -6010,17 +6171,17 @@ var ScArtifaxSidebar = ({
|
|
|
6010
6171
|
"data-streamoid-sidebar-card": true,
|
|
6011
6172
|
className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded,
|
|
6012
6173
|
children: [
|
|
6013
|
-
/* @__PURE__ */
|
|
6174
|
+
/* @__PURE__ */ jsx53("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
|
|
6014
6175
|
/* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body, children: [
|
|
6015
|
-
expandedLogo ? /* @__PURE__ */
|
|
6176
|
+
expandedLogo ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
|
|
6016
6177
|
sections.map((section, idx) => {
|
|
6017
6178
|
const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
|
|
6018
6179
|
const showHeader = !!section.label;
|
|
6019
6180
|
const canToggle = showHeader && section.collapsible !== false;
|
|
6020
6181
|
return /* @__PURE__ */ jsxs42("div", { children: [
|
|
6021
|
-
idx > 0 ? /* @__PURE__ */
|
|
6182
|
+
idx > 0 ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
|
|
6022
6183
|
/* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
|
|
6023
|
-
showHeader ? /* @__PURE__ */
|
|
6184
|
+
showHeader ? /* @__PURE__ */ jsx53(
|
|
6024
6185
|
SectionHeader2,
|
|
6025
6186
|
{
|
|
6026
6187
|
label: section.label,
|
|
@@ -6035,7 +6196,7 @@ var ScArtifaxSidebar = ({
|
|
|
6035
6196
|
] }, section.id);
|
|
6036
6197
|
})
|
|
6037
6198
|
] }),
|
|
6038
|
-
creditWarning ? /* @__PURE__ */
|
|
6199
|
+
creditWarning ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx53(
|
|
6039
6200
|
CreditWarningBanner,
|
|
6040
6201
|
{
|
|
6041
6202
|
availableCredits: creditWarning.availableCredits,
|
|
@@ -6045,10 +6206,10 @@ var ScArtifaxSidebar = ({
|
|
|
6045
6206
|
expanded: true
|
|
6046
6207
|
}
|
|
6047
6208
|
) }) : null,
|
|
6048
|
-
assistantCta ? /* @__PURE__ */
|
|
6049
|
-
/* @__PURE__ */
|
|
6209
|
+
assistantCta ? /* @__PURE__ */ jsx53(ScAskAgentSlot, { cta: assistantCta }) : null,
|
|
6210
|
+
/* @__PURE__ */ jsx53(ScHDivider, {}),
|
|
6050
6211
|
/* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
|
|
6051
|
-
appIdentity ? /* @__PURE__ */
|
|
6212
|
+
appIdentity ? /* @__PURE__ */ jsx53(
|
|
6052
6213
|
"button",
|
|
6053
6214
|
{
|
|
6054
6215
|
type: "button",
|
|
@@ -6064,15 +6225,15 @@ var ScArtifaxSidebar = ({
|
|
|
6064
6225
|
className: ScArtifaxSidebar_default.profileMain,
|
|
6065
6226
|
onClick: profile.onClick,
|
|
6066
6227
|
children: [
|
|
6067
|
-
/* @__PURE__ */
|
|
6228
|
+
/* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
|
|
6068
6229
|
/* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
|
|
6069
|
-
/* @__PURE__ */
|
|
6070
|
-
profile.subtitle ? /* @__PURE__ */
|
|
6230
|
+
/* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
|
|
6231
|
+
profile.subtitle ? /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
|
|
6071
6232
|
] })
|
|
6072
6233
|
]
|
|
6073
6234
|
}
|
|
6074
|
-
) : /* @__PURE__ */
|
|
6075
|
-
!hideToggle ? /* @__PURE__ */
|
|
6235
|
+
) : /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
|
|
6236
|
+
!hideToggle ? /* @__PURE__ */ jsx53(
|
|
6076
6237
|
"button",
|
|
6077
6238
|
{
|
|
6078
6239
|
type: "button",
|
|
@@ -6096,7 +6257,7 @@ var ScArtifaxSidebar = ({
|
|
|
6096
6257
|
className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
|
|
6097
6258
|
style,
|
|
6098
6259
|
children: [
|
|
6099
|
-
resizable ? /* @__PURE__ */
|
|
6260
|
+
resizable ? /* @__PURE__ */ jsx53(
|
|
6100
6261
|
ScSidebarResizeHandle,
|
|
6101
6262
|
{
|
|
6102
6263
|
expanded: false,
|
|
@@ -6109,15 +6270,15 @@ var ScArtifaxSidebar = ({
|
|
|
6109
6270
|
"data-streamoid-sidebar-card": true,
|
|
6110
6271
|
className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed,
|
|
6111
6272
|
children: [
|
|
6112
|
-
/* @__PURE__ */
|
|
6273
|
+
/* @__PURE__ */ jsx53("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
|
|
6113
6274
|
/* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
|
|
6114
|
-
collapsedLogo ? /* @__PURE__ */
|
|
6275
|
+
collapsedLogo ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
|
|
6115
6276
|
sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
|
|
6116
|
-
idx > 0 ? /* @__PURE__ */
|
|
6117
|
-
/* @__PURE__ */
|
|
6277
|
+
idx > 0 ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
|
|
6278
|
+
/* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
|
|
6118
6279
|
] }, section.id))
|
|
6119
6280
|
] }),
|
|
6120
|
-
creditWarning ? /* @__PURE__ */
|
|
6281
|
+
creditWarning ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx53(
|
|
6121
6282
|
CreditWarningBanner,
|
|
6122
6283
|
{
|
|
6123
6284
|
availableCredits: creditWarning.availableCredits,
|
|
@@ -6127,10 +6288,10 @@ var ScArtifaxSidebar = ({
|
|
|
6127
6288
|
expanded: false
|
|
6128
6289
|
}
|
|
6129
6290
|
) }) : null,
|
|
6130
|
-
assistantCta ? /* @__PURE__ */
|
|
6131
|
-
/* @__PURE__ */
|
|
6291
|
+
assistantCta ? /* @__PURE__ */ jsx53(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
|
|
6292
|
+
/* @__PURE__ */ jsx53(ScHDivider, {}),
|
|
6132
6293
|
/* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
|
|
6133
|
-
appIdentity ? /* @__PURE__ */
|
|
6294
|
+
appIdentity ? /* @__PURE__ */ jsx53(
|
|
6134
6295
|
"button",
|
|
6135
6296
|
{
|
|
6136
6297
|
type: "button",
|
|
@@ -6139,17 +6300,17 @@ var ScArtifaxSidebar = ({
|
|
|
6139
6300
|
"aria-label": appIdentity.ariaLabel ?? "Switch apps",
|
|
6140
6301
|
children: appIdentity.content
|
|
6141
6302
|
}
|
|
6142
|
-
) : profile ? /* @__PURE__ */
|
|
6303
|
+
) : profile ? /* @__PURE__ */ jsx53(
|
|
6143
6304
|
"button",
|
|
6144
6305
|
{
|
|
6145
6306
|
type: "button",
|
|
6146
6307
|
className: ScArtifaxSidebar_default.profileRowCollapsed,
|
|
6147
6308
|
onClick: profile.onClick,
|
|
6148
6309
|
"aria-label": profile.name,
|
|
6149
|
-
children: /* @__PURE__ */
|
|
6310
|
+
children: /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
|
|
6150
6311
|
}
|
|
6151
6312
|
) : null,
|
|
6152
|
-
!hideToggle ? /* @__PURE__ */
|
|
6313
|
+
!hideToggle ? /* @__PURE__ */ jsx53(
|
|
6153
6314
|
"button",
|
|
6154
6315
|
{
|
|
6155
6316
|
type: "button",
|
|
@@ -6187,7 +6348,7 @@ var ScSidebarSwitchMenu_default = {
|
|
|
6187
6348
|
};
|
|
6188
6349
|
|
|
6189
6350
|
// src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.tsx
|
|
6190
|
-
import { Fragment as Fragment18, jsx as
|
|
6351
|
+
import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
6191
6352
|
var ScSidebarSwitchMenu = ({
|
|
6192
6353
|
icon,
|
|
6193
6354
|
state = "default",
|
|
@@ -6206,13 +6367,13 @@ var ScSidebarSwitchMenu = ({
|
|
|
6206
6367
|
className: ScSidebarSwitchMenu_default.scSidebarSwitchMenu + (className ? " " + className : "") + " " + variantsClassName,
|
|
6207
6368
|
...props,
|
|
6208
6369
|
children: [
|
|
6209
|
-
icon ? /* @__PURE__ */
|
|
6370
|
+
icon ? /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
|
|
6210
6371
|
variant === "expanded" && /* @__PURE__ */ jsxs43(Fragment18, { children: [
|
|
6211
6372
|
/* @__PURE__ */ jsxs43("div", { className: ScSidebarSwitchMenu_default.content, children: [
|
|
6212
|
-
/* @__PURE__ */
|
|
6213
|
-
/* @__PURE__ */
|
|
6373
|
+
/* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
|
|
6374
|
+
/* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.description, children: description })
|
|
6214
6375
|
] }),
|
|
6215
|
-
moreIcon && /* @__PURE__ */
|
|
6376
|
+
moreIcon && /* @__PURE__ */ jsx54(
|
|
6216
6377
|
"div",
|
|
6217
6378
|
{
|
|
6218
6379
|
className: ScSidebarSwitchMenu_default.moreIconWrapper,
|
|
@@ -6247,7 +6408,7 @@ var ScSideBarLogoUnit_default = {
|
|
|
6247
6408
|
import { SiconDoubleArrow as SiconDoubleArrow2 } from "@streamoid/icons";
|
|
6248
6409
|
|
|
6249
6410
|
// src/SC-SideBarLogoUnit/wordmarks.tsx
|
|
6250
|
-
import { jsx as
|
|
6411
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
6251
6412
|
var WORDMARKS = {
|
|
6252
6413
|
"CXO": {
|
|
6253
6414
|
"viewBox": "0 0 56 32",
|
|
@@ -6614,7 +6775,7 @@ function ProductWordmark({
|
|
|
6614
6775
|
}) {
|
|
6615
6776
|
const mark = WORDMARKS[product];
|
|
6616
6777
|
if (!mark) return null;
|
|
6617
|
-
return /* @__PURE__ */
|
|
6778
|
+
return /* @__PURE__ */ jsx55(
|
|
6618
6779
|
"svg",
|
|
6619
6780
|
{
|
|
6620
6781
|
viewBox: mark.viewBox,
|
|
@@ -6625,7 +6786,7 @@ function ProductWordmark({
|
|
|
6625
6786
|
role: "img",
|
|
6626
6787
|
"aria-label": product,
|
|
6627
6788
|
style: { ...MARK_STYLE, ...style },
|
|
6628
|
-
children: mark.paths.map((p, i) => /* @__PURE__ */
|
|
6789
|
+
children: mark.paths.map((p, i) => /* @__PURE__ */ jsx55(
|
|
6629
6790
|
"path",
|
|
6630
6791
|
{
|
|
6631
6792
|
d: p.d,
|
|
@@ -6644,7 +6805,7 @@ function ProductCollapsedMark({
|
|
|
6644
6805
|
}) {
|
|
6645
6806
|
const mark = COLLAPSED_MARKS[product];
|
|
6646
6807
|
if (!mark) return null;
|
|
6647
|
-
return /* @__PURE__ */
|
|
6808
|
+
return /* @__PURE__ */ jsx55(
|
|
6648
6809
|
"svg",
|
|
6649
6810
|
{
|
|
6650
6811
|
viewBox: mark.viewBox,
|
|
@@ -6655,7 +6816,7 @@ function ProductCollapsedMark({
|
|
|
6655
6816
|
role: "img",
|
|
6656
6817
|
"aria-label": product,
|
|
6657
6818
|
style: { ...MARK_STYLE, ...style },
|
|
6658
|
-
children: mark.paths.map((p, i) => /* @__PURE__ */
|
|
6819
|
+
children: mark.paths.map((p, i) => /* @__PURE__ */ jsx55(
|
|
6659
6820
|
"path",
|
|
6660
6821
|
{
|
|
6661
6822
|
d: p.d,
|
|
@@ -6673,7 +6834,7 @@ function hasCollapsedMark(product) {
|
|
|
6673
6834
|
}
|
|
6674
6835
|
|
|
6675
6836
|
// src/SC-SideBarLogoUnit/ScSideBarLogoUnit.tsx
|
|
6676
|
-
import { jsx as
|
|
6837
|
+
import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
6677
6838
|
var ScSideBarLogoUnit = ({
|
|
6678
6839
|
state = "expanded",
|
|
6679
6840
|
wordmark,
|
|
@@ -6688,8 +6849,8 @@ var ScSideBarLogoUnit = ({
|
|
|
6688
6849
|
style
|
|
6689
6850
|
}) => {
|
|
6690
6851
|
const interactive = !disabled && (!!onClick || !!onSwitchClick);
|
|
6691
|
-
const expandedMark = wordmark ?? (product ? /* @__PURE__ */
|
|
6692
|
-
const collapsedMark = wordmark ?? (product ? /* @__PURE__ */
|
|
6852
|
+
const expandedMark = wordmark ?? (product ? /* @__PURE__ */ jsx56(ProductWordmark, { product }) : null);
|
|
6853
|
+
const collapsedMark = wordmark ?? (product ? /* @__PURE__ */ jsx56(ProductCollapsedMark, { product }) : null);
|
|
6693
6854
|
const handleClick = () => {
|
|
6694
6855
|
if (!interactive) return;
|
|
6695
6856
|
onClick?.();
|
|
@@ -6701,7 +6862,7 @@ var ScSideBarLogoUnit = ({
|
|
|
6701
6862
|
interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
|
|
6702
6863
|
hover === true ? ScSideBarLogoUnit_default.forceHover : ""
|
|
6703
6864
|
].filter(Boolean).join(" ");
|
|
6704
|
-
return /* @__PURE__ */
|
|
6865
|
+
return /* @__PURE__ */ jsx56(
|
|
6705
6866
|
"div",
|
|
6706
6867
|
{
|
|
6707
6868
|
className: ScSideBarLogoUnit_default.scSideBarLogoUnit + " " + ScSideBarLogoUnit_default.collapsed + (className ? " " + className : ""),
|
|
@@ -6717,8 +6878,8 @@ var ScSideBarLogoUnit = ({
|
|
|
6717
6878
|
"aria-disabled": !interactive || disabled,
|
|
6718
6879
|
style: hover === false ? { backgroundColor: "transparent" } : void 0,
|
|
6719
6880
|
children: [
|
|
6720
|
-
/* @__PURE__ */
|
|
6721
|
-
hideSwitch ? null : /* @__PURE__ */
|
|
6881
|
+
/* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.collapsedWordmarkSlot, children: collapsedMark }),
|
|
6882
|
+
hideSwitch ? null : /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx56(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
|
|
6722
6883
|
]
|
|
6723
6884
|
}
|
|
6724
6885
|
)
|
|
@@ -6730,7 +6891,7 @@ var ScSideBarLogoUnit = ({
|
|
|
6730
6891
|
interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
|
|
6731
6892
|
hover === true ? ScSideBarLogoUnit_default.forceHover : ""
|
|
6732
6893
|
].filter(Boolean).join(" ");
|
|
6733
|
-
return /* @__PURE__ */
|
|
6894
|
+
return /* @__PURE__ */ jsx56(
|
|
6734
6895
|
"div",
|
|
6735
6896
|
{
|
|
6736
6897
|
className: ScSideBarLogoUnit_default.scSideBarLogoUnit + (className ? " " + className : ""),
|
|
@@ -6752,8 +6913,8 @@ var ScSideBarLogoUnit = ({
|
|
|
6752
6913
|
backgroundColor: "transparent"
|
|
6753
6914
|
} : void 0,
|
|
6754
6915
|
children: [
|
|
6755
|
-
/* @__PURE__ */
|
|
6756
|
-
hideSwitch ? null : /* @__PURE__ */
|
|
6916
|
+
/* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.wordmarkSlot, children: expandedMark }),
|
|
6917
|
+
hideSwitch ? null : /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx56(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
|
|
6757
6918
|
]
|
|
6758
6919
|
}
|
|
6759
6920
|
)
|
|
@@ -6769,7 +6930,7 @@ import {
|
|
|
6769
6930
|
SiconExpand,
|
|
6770
6931
|
SiconInsights
|
|
6771
6932
|
} from "@streamoid/icons";
|
|
6772
|
-
import { jsx as
|
|
6933
|
+
import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
6773
6934
|
var PRIMARY_COLOR = "var(--alias-text---icons-primary)";
|
|
6774
6935
|
var TERTIARY_COLOR = "var(--alias-text---icons-tertiary)";
|
|
6775
6936
|
var DEFAULT_ITEMS = [
|
|
@@ -6778,9 +6939,9 @@ var DEFAULT_ITEMS = [
|
|
|
6778
6939
|
{ id: "insights", label: "Insights", iconKey: "insights" }
|
|
6779
6940
|
];
|
|
6780
6941
|
var DEFAULT_ICON_MAP = {
|
|
6781
|
-
stores: ({ active }) => /* @__PURE__ */
|
|
6782
|
-
aiTraining: ({ active }) => /* @__PURE__ */
|
|
6783
|
-
insights: ({ active }) => /* @__PURE__ */
|
|
6942
|
+
stores: ({ active }) => /* @__PURE__ */ jsx57(SiconBag, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
|
|
6943
|
+
aiTraining: ({ active }) => /* @__PURE__ */ jsx57(SiconBrain, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
|
|
6944
|
+
insights: ({ active }) => /* @__PURE__ */ jsx57(SiconInsights, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR })
|
|
6784
6945
|
};
|
|
6785
6946
|
function resolveIcon3(iconMap, item, active, expanded) {
|
|
6786
6947
|
const renderer = iconMap[item.iconKey];
|
|
@@ -6793,7 +6954,7 @@ function resolveIcon3(iconMap, item, active, expanded) {
|
|
|
6793
6954
|
function resolveToggleIcon3(toggleIcon, expanded) {
|
|
6794
6955
|
if (toggleIcon == null) {
|
|
6795
6956
|
const Icon = expanded ? SiconCollapse4 : SiconExpand;
|
|
6796
|
-
return /* @__PURE__ */
|
|
6957
|
+
return /* @__PURE__ */ jsx57(Icon, { className: "size-6", color: "var(--alias-text---icons-muted)" });
|
|
6797
6958
|
}
|
|
6798
6959
|
if (typeof toggleIcon === "function") {
|
|
6799
6960
|
return toggleIcon(expanded);
|
|
@@ -6822,7 +6983,7 @@ var ScCatalogixSidebar = ({
|
|
|
6822
6983
|
setAppListOpen((prev) => !prev);
|
|
6823
6984
|
onLogoClick?.();
|
|
6824
6985
|
};
|
|
6825
|
-
const switchPanelContent = expanded && switchApps && switchApps.length > 0 ? /* @__PURE__ */
|
|
6986
|
+
const switchPanelContent = expanded && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx57(
|
|
6826
6987
|
"div",
|
|
6827
6988
|
{
|
|
6828
6989
|
className: "flex w-full flex-col items-stretch",
|
|
@@ -6831,7 +6992,7 @@ var ScCatalogixSidebar = ({
|
|
|
6831
6992
|
paddingTop: "var(--spacing-sm)",
|
|
6832
6993
|
paddingBottom: "var(--spacing-md)"
|
|
6833
6994
|
},
|
|
6834
|
-
children: switchApps.map((app) => /* @__PURE__ */
|
|
6995
|
+
children: switchApps.map((app) => /* @__PURE__ */ jsx57(
|
|
6835
6996
|
ScSidebarSwitchMenu,
|
|
6836
6997
|
{
|
|
6837
6998
|
icon: app.icon,
|
|
@@ -6845,7 +7006,7 @@ var ScCatalogixSidebar = ({
|
|
|
6845
7006
|
))
|
|
6846
7007
|
}
|
|
6847
7008
|
) : void 0;
|
|
6848
|
-
const collapsedSwitchList = !expanded && appListOpen && switchApps && switchApps.length > 0 ? /* @__PURE__ */
|
|
7009
|
+
const collapsedSwitchList = !expanded && appListOpen && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx57(
|
|
6849
7010
|
"div",
|
|
6850
7011
|
{
|
|
6851
7012
|
className: "flex shrink-0 flex-col items-center",
|
|
@@ -6853,7 +7014,7 @@ var ScCatalogixSidebar = ({
|
|
|
6853
7014
|
gap: "var(--spacing-xxs)",
|
|
6854
7015
|
paddingBottom: "var(--spacing-xxs)"
|
|
6855
7016
|
},
|
|
6856
|
-
children: switchApps.map((app) => /* @__PURE__ */
|
|
7017
|
+
children: switchApps.map((app) => /* @__PURE__ */ jsx57(
|
|
6857
7018
|
ScSidebarSwitchMenu,
|
|
6858
7019
|
{
|
|
6859
7020
|
icon: app.icon,
|
|
@@ -6865,7 +7026,7 @@ var ScCatalogixSidebar = ({
|
|
|
6865
7026
|
))
|
|
6866
7027
|
}
|
|
6867
7028
|
) : null;
|
|
6868
|
-
const navItems = /* @__PURE__ */
|
|
7029
|
+
const navItems = /* @__PURE__ */ jsx57(
|
|
6869
7030
|
"div",
|
|
6870
7031
|
{
|
|
6871
7032
|
className: expanded ? "flex w-full shrink-0 flex-col items-stretch" : "flex shrink-0 flex-col items-center",
|
|
@@ -6876,7 +7037,7 @@ var ScCatalogixSidebar = ({
|
|
|
6876
7037
|
},
|
|
6877
7038
|
children: items.map((item) => {
|
|
6878
7039
|
const active = item.id === activeItemId;
|
|
6879
|
-
return /* @__PURE__ */
|
|
7040
|
+
return /* @__PURE__ */ jsx57(
|
|
6880
7041
|
ScSidebarMenu,
|
|
6881
7042
|
{
|
|
6882
7043
|
icon: resolveIcon3(iconMap, item, active, expanded),
|
|
@@ -6896,12 +7057,12 @@ var ScCatalogixSidebar = ({
|
|
|
6896
7057
|
className: expanded ? "flex h-full min-h-0 flex-col" : "flex w-full flex-col items-center",
|
|
6897
7058
|
children: [
|
|
6898
7059
|
collapsedSwitchList,
|
|
6899
|
-
/* @__PURE__ */
|
|
7060
|
+
/* @__PURE__ */ jsx57(ScHDivider, {}),
|
|
6900
7061
|
navItems
|
|
6901
7062
|
]
|
|
6902
7063
|
}
|
|
6903
7064
|
);
|
|
6904
|
-
const defaultExpandedLogo = /* @__PURE__ */
|
|
7065
|
+
const defaultExpandedLogo = /* @__PURE__ */ jsx57(
|
|
6905
7066
|
ScSideBarLogoUnit,
|
|
6906
7067
|
{
|
|
6907
7068
|
product: "Catalogix",
|
|
@@ -6910,7 +7071,7 @@ var ScCatalogixSidebar = ({
|
|
|
6910
7071
|
style: { paddingBottom: 0 }
|
|
6911
7072
|
}
|
|
6912
7073
|
);
|
|
6913
|
-
const defaultCollapsedLogo = /* @__PURE__ */
|
|
7074
|
+
const defaultCollapsedLogo = /* @__PURE__ */ jsx57(
|
|
6914
7075
|
ScSideBarLogoUnit,
|
|
6915
7076
|
{
|
|
6916
7077
|
state: "collapsed",
|
|
@@ -6919,7 +7080,7 @@ var ScCatalogixSidebar = ({
|
|
|
6919
7080
|
hover: appListOpen ? true : void 0
|
|
6920
7081
|
}
|
|
6921
7082
|
);
|
|
6922
|
-
return /* @__PURE__ */
|
|
7083
|
+
return /* @__PURE__ */ jsx57(
|
|
6923
7084
|
StreamoidSidebar,
|
|
6924
7085
|
{
|
|
6925
7086
|
expanded,
|
|
@@ -6937,7 +7098,7 @@ var ScCatalogixSidebar = ({
|
|
|
6937
7098
|
toggleInProfile: true,
|
|
6938
7099
|
versionText: "",
|
|
6939
7100
|
toggleIcon: (exp) => resolveToggleIcon3(toggleIcon, exp),
|
|
6940
|
-
preFooterContent: creditWarning ? /* @__PURE__ */
|
|
7101
|
+
preFooterContent: creditWarning ? /* @__PURE__ */ jsx57(
|
|
6941
7102
|
CreditWarningBanner,
|
|
6942
7103
|
{
|
|
6943
7104
|
availableCredits: creditWarning.availableCredits,
|
|
@@ -6971,7 +7132,7 @@ var ScGuide_default = {
|
|
|
6971
7132
|
|
|
6972
7133
|
// src/SC-Guide/ScGuide.tsx
|
|
6973
7134
|
import { SiconRight as SiconRight4 } from "@streamoid/icons";
|
|
6974
|
-
import { jsx as
|
|
7135
|
+
import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
6975
7136
|
var ScGuide = ({
|
|
6976
7137
|
title = "Title",
|
|
6977
7138
|
description = "Description",
|
|
@@ -6994,12 +7155,12 @@ var ScGuide = ({
|
|
|
6994
7155
|
style,
|
|
6995
7156
|
children: [
|
|
6996
7157
|
/* @__PURE__ */ jsxs46("div", { className: ScGuide_default.header, children: [
|
|
6997
|
-
/* @__PURE__ */
|
|
6998
|
-
/* @__PURE__ */
|
|
7158
|
+
/* @__PURE__ */ jsx58("p", { className: ScGuide_default.title, children: title }),
|
|
7159
|
+
/* @__PURE__ */ jsx58("p", { className: ScGuide_default.description, children: description })
|
|
6999
7160
|
] }),
|
|
7000
|
-
/* @__PURE__ */
|
|
7161
|
+
/* @__PURE__ */ jsx58(ScHDivider, {}),
|
|
7001
7162
|
/* @__PURE__ */ jsxs46("div", { className: ScGuide_default.actions, children: [
|
|
7002
|
-
hideSkip ? /* @__PURE__ */
|
|
7163
|
+
hideSkip ? /* @__PURE__ */ jsx58("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx58(
|
|
7003
7164
|
"button",
|
|
7004
7165
|
{
|
|
7005
7166
|
type: "button",
|
|
@@ -7009,7 +7170,7 @@ var ScGuide = ({
|
|
|
7009
7170
|
children: skipLabel
|
|
7010
7171
|
}
|
|
7011
7172
|
),
|
|
7012
|
-
stepLabel != null && /* @__PURE__ */
|
|
7173
|
+
stepLabel != null && /* @__PURE__ */ jsx58("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
|
|
7013
7174
|
!hideNext && /* @__PURE__ */ jsxs46(
|
|
7014
7175
|
"button",
|
|
7015
7176
|
{
|
|
@@ -7018,8 +7179,8 @@ var ScGuide = ({
|
|
|
7018
7179
|
onClick: onNext,
|
|
7019
7180
|
disabled,
|
|
7020
7181
|
children: [
|
|
7021
|
-
/* @__PURE__ */
|
|
7022
|
-
/* @__PURE__ */
|
|
7182
|
+
/* @__PURE__ */ jsx58("span", { className: ScGuide_default.nextLabel, children: nextLabel }),
|
|
7183
|
+
/* @__PURE__ */ jsx58("span", { className: ScGuide_default.nextIcon, children: nextIcon ?? /* @__PURE__ */ jsx58(SiconRight4, { size: 16, strokeWidth: 1.5 }) })
|
|
7023
7184
|
]
|
|
7024
7185
|
}
|
|
7025
7186
|
)
|
|
@@ -7039,23 +7200,23 @@ var ScSlider_default = {
|
|
|
7039
7200
|
};
|
|
7040
7201
|
|
|
7041
7202
|
// src/SC-Slider/ScSlider.tsx
|
|
7042
|
-
import { jsx as
|
|
7203
|
+
import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
7043
7204
|
var ScSlider = ({
|
|
7044
7205
|
className,
|
|
7045
7206
|
onValueChange,
|
|
7046
7207
|
...props
|
|
7047
7208
|
}) => {
|
|
7048
7209
|
return /* @__PURE__ */ jsxs47("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
|
|
7049
|
-
/* @__PURE__ */
|
|
7050
|
-
/* @__PURE__ */
|
|
7051
|
-
/* @__PURE__ */
|
|
7052
|
-
/* @__PURE__ */
|
|
7053
|
-
/* @__PURE__ */
|
|
7054
|
-
/* @__PURE__ */
|
|
7055
|
-
/* @__PURE__ */
|
|
7056
|
-
/* @__PURE__ */
|
|
7057
|
-
/* @__PURE__ */
|
|
7058
|
-
/* @__PURE__ */
|
|
7210
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar }),
|
|
7211
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot }),
|
|
7212
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
|
|
7213
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
|
|
7214
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
|
|
7215
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
|
|
7216
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
|
|
7217
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
|
|
7218
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
|
|
7219
|
+
/* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 })
|
|
7059
7220
|
] });
|
|
7060
7221
|
};
|
|
7061
7222
|
|
|
@@ -7067,7 +7228,7 @@ import {
|
|
|
7067
7228
|
SiconCrown,
|
|
7068
7229
|
SiconSwitch
|
|
7069
7230
|
} from "@streamoid/icons";
|
|
7070
|
-
import { jsx as
|
|
7231
|
+
import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
7071
7232
|
var PRIMARY_ICON = "var(--alias-text---icons-primary)";
|
|
7072
7233
|
function deriveInitials(name) {
|
|
7073
7234
|
return name.split(/\s+/).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("") || "WS";
|
|
@@ -7095,7 +7256,7 @@ function WorkspaceRow({
|
|
|
7095
7256
|
backdropFilter: "blur(4px)"
|
|
7096
7257
|
},
|
|
7097
7258
|
children: [
|
|
7098
|
-
/* @__PURE__ */
|
|
7259
|
+
/* @__PURE__ */ jsx60(
|
|
7099
7260
|
"div",
|
|
7100
7261
|
{
|
|
7101
7262
|
"aria-hidden": "true",
|
|
@@ -7106,7 +7267,7 @@ function WorkspaceRow({
|
|
|
7106
7267
|
}
|
|
7107
7268
|
}
|
|
7108
7269
|
),
|
|
7109
|
-
/* @__PURE__ */
|
|
7270
|
+
/* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
|
|
7110
7271
|
"div",
|
|
7111
7272
|
{
|
|
7112
7273
|
className: "flex items-center w-full",
|
|
@@ -7121,14 +7282,14 @@ function WorkspaceRow({
|
|
|
7121
7282
|
className: "flex flex-1 items-center min-w-0",
|
|
7122
7283
|
style: { gap: "var(--spacing-xl)" },
|
|
7123
7284
|
children: [
|
|
7124
|
-
/* @__PURE__ */
|
|
7285
|
+
/* @__PURE__ */ jsx60(
|
|
7125
7286
|
ScIntialProfileCover,
|
|
7126
7287
|
{
|
|
7127
7288
|
intial: workspace.initials || deriveInitials(workspace.name),
|
|
7128
7289
|
className: "shrink-0"
|
|
7129
7290
|
}
|
|
7130
7291
|
),
|
|
7131
|
-
/* @__PURE__ */
|
|
7292
|
+
/* @__PURE__ */ jsx60(
|
|
7132
7293
|
"p",
|
|
7133
7294
|
{
|
|
7134
7295
|
className: "flex-1 min-w-0 overflow-hidden text-ellipsis",
|
|
@@ -7157,7 +7318,7 @@ function WorkspaceRow({
|
|
|
7157
7318
|
padding: "0 var(--spacing-3xl)"
|
|
7158
7319
|
},
|
|
7159
7320
|
children: [
|
|
7160
|
-
/* @__PURE__ */
|
|
7321
|
+
/* @__PURE__ */ jsx60(
|
|
7161
7322
|
ScRole,
|
|
7162
7323
|
{
|
|
7163
7324
|
type: normalizeRole(workspace.role),
|
|
@@ -7165,22 +7326,22 @@ function WorkspaceRow({
|
|
|
7165
7326
|
style: { width: 80 }
|
|
7166
7327
|
}
|
|
7167
7328
|
),
|
|
7168
|
-
/* @__PURE__ */
|
|
7329
|
+
/* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs48(
|
|
7169
7330
|
"div",
|
|
7170
7331
|
{
|
|
7171
7332
|
className: "flex items-center shrink-0",
|
|
7172
7333
|
style: { gap: "var(--spacing-3xl)" },
|
|
7173
7334
|
children: [
|
|
7174
|
-
/* @__PURE__ */
|
|
7335
|
+
/* @__PURE__ */ jsx60("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx60(
|
|
7175
7336
|
ScPairtext,
|
|
7176
7337
|
{
|
|
7177
|
-
icon: /* @__PURE__ */
|
|
7338
|
+
icon: /* @__PURE__ */ jsx60(SiconTeam5, { className: "w-6 h-6", color: PRIMARY_ICON }),
|
|
7178
7339
|
content: workspace.userCount || "\u2013",
|
|
7179
7340
|
iconPosition: "left",
|
|
7180
7341
|
type: "icon"
|
|
7181
7342
|
}
|
|
7182
7343
|
) }),
|
|
7183
|
-
/* @__PURE__ */
|
|
7344
|
+
/* @__PURE__ */ jsx60(ScVDivider, {}),
|
|
7184
7345
|
/* @__PURE__ */ jsxs48(
|
|
7185
7346
|
"div",
|
|
7186
7347
|
{
|
|
@@ -7191,14 +7352,14 @@ function WorkspaceRow({
|
|
|
7191
7352
|
gap: "var(--spacing-md)"
|
|
7192
7353
|
},
|
|
7193
7354
|
children: [
|
|
7194
|
-
/* @__PURE__ */
|
|
7355
|
+
/* @__PURE__ */ jsx60(
|
|
7195
7356
|
SiconCrown,
|
|
7196
7357
|
{
|
|
7197
7358
|
className: "w-6 h-6 shrink-0",
|
|
7198
7359
|
color: PRIMARY_ICON
|
|
7199
7360
|
}
|
|
7200
7361
|
),
|
|
7201
|
-
/* @__PURE__ */
|
|
7362
|
+
/* @__PURE__ */ jsx60(
|
|
7202
7363
|
"span",
|
|
7203
7364
|
{
|
|
7204
7365
|
className: "truncate",
|
|
@@ -7220,7 +7381,7 @@ function WorkspaceRow({
|
|
|
7220
7381
|
]
|
|
7221
7382
|
}
|
|
7222
7383
|
),
|
|
7223
|
-
workspace.isCurrent ? /* @__PURE__ */
|
|
7384
|
+
workspace.isCurrent ? /* @__PURE__ */ jsx60(
|
|
7224
7385
|
ScButton,
|
|
7225
7386
|
{
|
|
7226
7387
|
text: currentWorkspaceText,
|
|
@@ -7229,14 +7390,14 @@ function WorkspaceRow({
|
|
|
7229
7390
|
size: "lg",
|
|
7230
7391
|
style: { width: 200, flexShrink: 0, opacity: 0.5 }
|
|
7231
7392
|
}
|
|
7232
|
-
) : /* @__PURE__ */
|
|
7393
|
+
) : /* @__PURE__ */ jsx60(
|
|
7233
7394
|
ScButton,
|
|
7234
7395
|
{
|
|
7235
7396
|
text: switchWorkspaceText,
|
|
7236
7397
|
variant: "secondary",
|
|
7237
7398
|
size: "lg",
|
|
7238
7399
|
styleVariant: "icon-left",
|
|
7239
|
-
icon: /* @__PURE__ */
|
|
7400
|
+
icon: /* @__PURE__ */ jsx60(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
|
|
7240
7401
|
style: { width: 200, flexShrink: 0 },
|
|
7241
7402
|
onClick: onSwitch
|
|
7242
7403
|
}
|
|
@@ -7270,7 +7431,7 @@ function StreamoidWorkspaceSwitcher({
|
|
|
7270
7431
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
7271
7432
|
}, [open, onClose]);
|
|
7272
7433
|
if (!open) return null;
|
|
7273
|
-
return /* @__PURE__ */
|
|
7434
|
+
return /* @__PURE__ */ jsx60(
|
|
7274
7435
|
"div",
|
|
7275
7436
|
{
|
|
7276
7437
|
className: "fixed inset-0 z-50 flex items-center justify-center",
|
|
@@ -7291,14 +7452,14 @@ function StreamoidWorkspaceSwitcher({
|
|
|
7291
7452
|
height: "60vh"
|
|
7292
7453
|
},
|
|
7293
7454
|
children: [
|
|
7294
|
-
/* @__PURE__ */
|
|
7455
|
+
/* @__PURE__ */ jsx60(
|
|
7295
7456
|
"div",
|
|
7296
7457
|
{
|
|
7297
7458
|
className: "shrink-0 w-full relative",
|
|
7298
7459
|
style: {
|
|
7299
7460
|
borderBottom: "1px solid var(--alias-border-divider)"
|
|
7300
7461
|
},
|
|
7301
|
-
children: /* @__PURE__ */
|
|
7462
|
+
children: /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
|
|
7302
7463
|
"div",
|
|
7303
7464
|
{
|
|
7304
7465
|
className: "flex items-center w-full",
|
|
@@ -7307,7 +7468,7 @@ function StreamoidWorkspaceSwitcher({
|
|
|
7307
7468
|
padding: "var(--spacing-3xl) var(--spacing-6xl)"
|
|
7308
7469
|
},
|
|
7309
7470
|
children: [
|
|
7310
|
-
/* @__PURE__ */
|
|
7471
|
+
/* @__PURE__ */ jsx60(
|
|
7311
7472
|
"p",
|
|
7312
7473
|
{
|
|
7313
7474
|
className: "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
|
|
@@ -7321,13 +7482,13 @@ function StreamoidWorkspaceSwitcher({
|
|
|
7321
7482
|
children: title
|
|
7322
7483
|
}
|
|
7323
7484
|
),
|
|
7324
|
-
/* @__PURE__ */
|
|
7485
|
+
/* @__PURE__ */ jsx60("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx60(SiconClose3, { className: "w-6 h-6", color: PRIMARY_ICON }) })
|
|
7325
7486
|
]
|
|
7326
7487
|
}
|
|
7327
7488
|
) })
|
|
7328
7489
|
}
|
|
7329
7490
|
),
|
|
7330
|
-
/* @__PURE__ */
|
|
7491
|
+
/* @__PURE__ */ jsx60(
|
|
7331
7492
|
"div",
|
|
7332
7493
|
{
|
|
7333
7494
|
className: "flex-1 min-h-0 w-full overflow-y-auto",
|
|
@@ -7343,7 +7504,7 @@ function StreamoidWorkspaceSwitcher({
|
|
|
7343
7504
|
gap: "var(--spacing-3xl)"
|
|
7344
7505
|
},
|
|
7345
7506
|
children: [
|
|
7346
|
-
loading && workspaces.length === 0 ? /* @__PURE__ */
|
|
7507
|
+
loading && workspaces.length === 0 ? /* @__PURE__ */ jsx60(
|
|
7347
7508
|
"p",
|
|
7348
7509
|
{
|
|
7349
7510
|
style: {
|
|
@@ -7354,7 +7515,7 @@ function StreamoidWorkspaceSwitcher({
|
|
|
7354
7515
|
children: loadingText
|
|
7355
7516
|
}
|
|
7356
7517
|
) : null,
|
|
7357
|
-
workspaces.map((ws) => /* @__PURE__ */
|
|
7518
|
+
workspaces.map((ws) => /* @__PURE__ */ jsx60(
|
|
7358
7519
|
WorkspaceRow,
|
|
7359
7520
|
{
|
|
7360
7521
|
workspace: ws,
|
|
@@ -7393,9 +7554,9 @@ var ScAppListingCard_default = {
|
|
|
7393
7554
|
|
|
7394
7555
|
// src/SC-app listing card/ScAppListingCard.tsx
|
|
7395
7556
|
import { SiconCart } from "@streamoid/icons";
|
|
7396
|
-
import { jsx as
|
|
7557
|
+
import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
7397
7558
|
var ScAppListingCard = ({
|
|
7398
|
-
icon = /* @__PURE__ */
|
|
7559
|
+
icon = /* @__PURE__ */ jsx61(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
|
|
7399
7560
|
title = "Stores",
|
|
7400
7561
|
descrp = "Centralized product and asset management for every storefront",
|
|
7401
7562
|
className,
|
|
@@ -7403,7 +7564,7 @@ var ScAppListingCard = ({
|
|
|
7403
7564
|
}) => {
|
|
7404
7565
|
return /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
|
|
7405
7566
|
/* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.header, children: [
|
|
7406
|
-
/* @__PURE__ */
|
|
7567
|
+
/* @__PURE__ */ jsx61("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
|
|
7407
7568
|
/* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.title, children: [
|
|
7408
7569
|
title,
|
|
7409
7570
|
" "
|
|
@@ -7427,16 +7588,16 @@ var ScAppCard_default = {
|
|
|
7427
7588
|
|
|
7428
7589
|
// src/SC-appCard/ScAppCard.tsx
|
|
7429
7590
|
import { SiconArtifacts as SiconArtifacts2 } from "@streamoid/icons";
|
|
7430
|
-
import { jsx as
|
|
7591
|
+
import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
7431
7592
|
var ScAppCard = ({
|
|
7432
|
-
appIcon = /* @__PURE__ */
|
|
7593
|
+
appIcon = /* @__PURE__ */ jsx62(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
|
|
7433
7594
|
appName = "Artifax",
|
|
7434
7595
|
appDescription = "Info about artifax",
|
|
7435
7596
|
className,
|
|
7436
7597
|
...props
|
|
7437
7598
|
}) => {
|
|
7438
7599
|
return /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
|
|
7439
|
-
/* @__PURE__ */
|
|
7600
|
+
/* @__PURE__ */ jsx62("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
|
|
7440
7601
|
/* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.textContainer, children: [
|
|
7441
7602
|
/* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.title, children: [
|
|
7442
7603
|
appName,
|
|
@@ -7469,9 +7630,9 @@ var ScAppCardV3_default = {
|
|
|
7469
7630
|
|
|
7470
7631
|
// src/SC-AppCardV3/ScAppCardV3.tsx
|
|
7471
7632
|
import { SiconCart as SiconCart2 } from "@streamoid/icons";
|
|
7472
|
-
import { jsx as
|
|
7633
|
+
import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
7473
7634
|
var ScAppCardV3 = ({
|
|
7474
|
-
appIcon = /* @__PURE__ */
|
|
7635
|
+
appIcon = /* @__PURE__ */ jsx63(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
|
|
7475
7636
|
appName = "Stores",
|
|
7476
7637
|
description = "Centralized product and asset management for every storefront",
|
|
7477
7638
|
active = false,
|
|
@@ -7483,25 +7644,25 @@ var ScAppCardV3 = ({
|
|
|
7483
7644
|
ScAppCardV3_default.scAppCardV3,
|
|
7484
7645
|
active ? ScAppCardV3_default.scAppCardV3Active : ""
|
|
7485
7646
|
].filter(Boolean).join(" ");
|
|
7486
|
-
return /* @__PURE__ */
|
|
7647
|
+
return /* @__PURE__ */ jsx63(
|
|
7487
7648
|
"div",
|
|
7488
7649
|
{
|
|
7489
7650
|
className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
|
|
7490
7651
|
style,
|
|
7491
7652
|
...props,
|
|
7492
7653
|
children: /* @__PURE__ */ jsxs51("div", { className: cardClass, children: [
|
|
7493
|
-
/* @__PURE__ */
|
|
7494
|
-
/* @__PURE__ */
|
|
7654
|
+
/* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.glow }),
|
|
7655
|
+
/* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.glowHover }),
|
|
7495
7656
|
/* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.header, children: [
|
|
7496
7657
|
/* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.iconRow, children: [
|
|
7497
|
-
/* @__PURE__ */
|
|
7658
|
+
/* @__PURE__ */ jsx63("p", { className: ScAppCardV3_default.appName, children: appName }),
|
|
7498
7659
|
/* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.iconPill, children: [
|
|
7499
|
-
/* @__PURE__ */
|
|
7500
|
-
/* @__PURE__ */
|
|
7501
|
-
/* @__PURE__ */
|
|
7660
|
+
/* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillBg }),
|
|
7661
|
+
/* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
|
|
7662
|
+
/* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillShadow })
|
|
7502
7663
|
] })
|
|
7503
7664
|
] }),
|
|
7504
|
-
/* @__PURE__ */
|
|
7665
|
+
/* @__PURE__ */ jsx63("p", { className: ScAppCardV3_default.description, children: description })
|
|
7505
7666
|
] })
|
|
7506
7667
|
] })
|
|
7507
7668
|
}
|
|
@@ -7520,7 +7681,7 @@ var ScBriefCard_default = {
|
|
|
7520
7681
|
};
|
|
7521
7682
|
|
|
7522
7683
|
// src/SC-BriefCard/ScBriefCard.tsx
|
|
7523
|
-
import { jsx as
|
|
7684
|
+
import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
7524
7685
|
var ScBriefCard = ({
|
|
7525
7686
|
description = "Centralized product and asset management for every storefront",
|
|
7526
7687
|
active = false,
|
|
@@ -7532,16 +7693,16 @@ var ScBriefCard = ({
|
|
|
7532
7693
|
ScBriefCard_default.scBriefCard,
|
|
7533
7694
|
active ? ScBriefCard_default.scBriefCardActive : ""
|
|
7534
7695
|
].filter(Boolean).join(" ");
|
|
7535
|
-
return /* @__PURE__ */
|
|
7696
|
+
return /* @__PURE__ */ jsx64(
|
|
7536
7697
|
"div",
|
|
7537
7698
|
{
|
|
7538
7699
|
className: [ScBriefCard_default.cardBorder, className || ""].filter(Boolean).join(" "),
|
|
7539
7700
|
style,
|
|
7540
7701
|
...props,
|
|
7541
7702
|
children: /* @__PURE__ */ jsxs52("div", { className: cardClass, children: [
|
|
7542
|
-
/* @__PURE__ */
|
|
7543
|
-
/* @__PURE__ */
|
|
7544
|
-
/* @__PURE__ */
|
|
7703
|
+
/* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.glow }),
|
|
7704
|
+
/* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.glowHover }),
|
|
7705
|
+
/* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx64("p", { className: ScBriefCard_default.description, children: description }) })
|
|
7545
7706
|
] })
|
|
7546
7707
|
}
|
|
7547
7708
|
);
|
|
@@ -7578,7 +7739,7 @@ var ScToggleSwitch_default = {
|
|
|
7578
7739
|
};
|
|
7579
7740
|
|
|
7580
7741
|
// src/SC-toggleSwitch/ScToggleSwitch.tsx
|
|
7581
|
-
import { jsx as
|
|
7742
|
+
import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
7582
7743
|
var ScToggleSwitch = ({
|
|
7583
7744
|
active = "false",
|
|
7584
7745
|
checked,
|
|
@@ -7589,7 +7750,7 @@ var ScToggleSwitch = ({
|
|
|
7589
7750
|
}) => {
|
|
7590
7751
|
const isActive = checked !== void 0 ? checked : active === "true";
|
|
7591
7752
|
const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
|
|
7592
|
-
return /* @__PURE__ */
|
|
7753
|
+
return /* @__PURE__ */ jsx65(
|
|
7593
7754
|
"div",
|
|
7594
7755
|
{
|
|
7595
7756
|
className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
|
|
@@ -7605,19 +7766,19 @@ var ScToggleSwitch = ({
|
|
|
7605
7766
|
...props.style
|
|
7606
7767
|
},
|
|
7607
7768
|
children: isActive ? /* @__PURE__ */ jsxs53("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
7608
|
-
/* @__PURE__ */
|
|
7609
|
-
/* @__PURE__ */
|
|
7769
|
+
/* @__PURE__ */ jsx65("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
7770
|
+
/* @__PURE__ */ jsx65("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
|
|
7610
7771
|
] }) : /* @__PURE__ */ jsxs53("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
7611
|
-
/* @__PURE__ */
|
|
7612
|
-
/* @__PURE__ */
|
|
7613
|
-
/* @__PURE__ */
|
|
7772
|
+
/* @__PURE__ */ jsx65("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
|
|
7773
|
+
/* @__PURE__ */ jsx65("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
|
|
7774
|
+
/* @__PURE__ */ jsx65("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
|
|
7614
7775
|
] })
|
|
7615
7776
|
}
|
|
7616
7777
|
);
|
|
7617
7778
|
};
|
|
7618
7779
|
|
|
7619
7780
|
// src/SC-artifaxInvite/ScArtifaxInvite.tsx
|
|
7620
|
-
import { jsx as
|
|
7781
|
+
import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
7621
7782
|
var ScArtifaxInvite = ({
|
|
7622
7783
|
active = "true",
|
|
7623
7784
|
appName = "Artifax",
|
|
@@ -7636,16 +7797,16 @@ var ScArtifaxInvite = ({
|
|
|
7636
7797
|
className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
|
|
7637
7798
|
...props,
|
|
7638
7799
|
children: [
|
|
7639
|
-
/* @__PURE__ */
|
|
7800
|
+
/* @__PURE__ */ jsx66(
|
|
7640
7801
|
ScAppCard,
|
|
7641
7802
|
{
|
|
7642
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
7803
|
+
appIcon: appIcon || /* @__PURE__ */ jsx66(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
|
|
7643
7804
|
appName,
|
|
7644
7805
|
appDescription,
|
|
7645
7806
|
className: ScArtifaxInvite_default.scAppCardInstance
|
|
7646
7807
|
}
|
|
7647
7808
|
),
|
|
7648
|
-
/* @__PURE__ */
|
|
7809
|
+
/* @__PURE__ */ jsx66(
|
|
7649
7810
|
ScToggleSwitch,
|
|
7650
7811
|
{
|
|
7651
7812
|
checked: isEnabled,
|
|
@@ -7671,12 +7832,12 @@ var ScPhtogenixInvite_default = {
|
|
|
7671
7832
|
|
|
7672
7833
|
// src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
|
|
7673
7834
|
import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
|
|
7674
|
-
import { jsx as
|
|
7835
|
+
import { jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
7675
7836
|
var ScPhtogenixInvite = ({
|
|
7676
7837
|
active = "true",
|
|
7677
7838
|
scAppCardappDescription = "Info about photogenix",
|
|
7678
7839
|
scAppCardappName = "Photogenix",
|
|
7679
|
-
scAppCardappIcon = /* @__PURE__ */
|
|
7840
|
+
scAppCardappIcon = /* @__PURE__ */ jsx67(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
|
|
7680
7841
|
className,
|
|
7681
7842
|
enabled,
|
|
7682
7843
|
onToggle,
|
|
@@ -7689,7 +7850,7 @@ var ScPhtogenixInvite = ({
|
|
|
7689
7850
|
{
|
|
7690
7851
|
className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
|
|
7691
7852
|
children: [
|
|
7692
|
-
/* @__PURE__ */
|
|
7853
|
+
/* @__PURE__ */ jsx67(
|
|
7693
7854
|
ScAppCard,
|
|
7694
7855
|
{
|
|
7695
7856
|
appIcon: scAppCardappIcon,
|
|
@@ -7698,7 +7859,7 @@ var ScPhtogenixInvite = ({
|
|
|
7698
7859
|
className: ScPhtogenixInvite_default.scAppCardInstance
|
|
7699
7860
|
}
|
|
7700
7861
|
),
|
|
7701
|
-
/* @__PURE__ */
|
|
7862
|
+
/* @__PURE__ */ jsx67(
|
|
7702
7863
|
ScToggleSwitch,
|
|
7703
7864
|
{
|
|
7704
7865
|
checked: isEnabled,
|
|
@@ -7748,10 +7909,10 @@ var ScOnlyField_default = {
|
|
|
7748
7909
|
|
|
7749
7910
|
// src/SC-onlyField/ScOnlyField.tsx
|
|
7750
7911
|
import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
|
|
7751
|
-
import { jsx as
|
|
7912
|
+
import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
7752
7913
|
var ScOnlyField = ({
|
|
7753
|
-
tfRightIcon = /* @__PURE__ */
|
|
7754
|
-
tfLeftIcon = /* @__PURE__ */
|
|
7914
|
+
tfRightIcon = /* @__PURE__ */ jsx68(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
7915
|
+
tfLeftIcon = /* @__PURE__ */ jsx68(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
|
|
7755
7916
|
state = "default",
|
|
7756
7917
|
tfGroup = "icon-right",
|
|
7757
7918
|
labelGroup = "none",
|
|
@@ -7764,14 +7925,14 @@ var ScOnlyField = ({
|
|
|
7764
7925
|
...props
|
|
7765
7926
|
}) => {
|
|
7766
7927
|
const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
|
|
7767
|
-
return /* @__PURE__ */
|
|
7928
|
+
return /* @__PURE__ */ jsx68(
|
|
7768
7929
|
"div",
|
|
7769
7930
|
{
|
|
7770
7931
|
className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
|
|
7771
7932
|
...props,
|
|
7772
7933
|
children: /* @__PURE__ */ jsxs56("div", { className: ScOnlyField_default.inputContainer, children: [
|
|
7773
|
-
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
7774
|
-
/* @__PURE__ */
|
|
7934
|
+
(tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx68("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
|
|
7935
|
+
/* @__PURE__ */ jsx68(
|
|
7775
7936
|
"input",
|
|
7776
7937
|
{
|
|
7777
7938
|
className: ScOnlyField_default.inputText,
|
|
@@ -7791,7 +7952,7 @@ var ScOnlyField = ({
|
|
|
7791
7952
|
...inputProps
|
|
7792
7953
|
}
|
|
7793
7954
|
),
|
|
7794
|
-
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */
|
|
7955
|
+
(tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx68("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
|
|
7795
7956
|
] })
|
|
7796
7957
|
}
|
|
7797
7958
|
);
|
|
@@ -7799,7 +7960,7 @@ var ScOnlyField = ({
|
|
|
7799
7960
|
|
|
7800
7961
|
// src/SC-catalogixInvite/ScCatalogixInvite.tsx
|
|
7801
7962
|
import { SiconHome as SiconHome9 } from "@streamoid/icons";
|
|
7802
|
-
import { Fragment as Fragment19, jsx as
|
|
7963
|
+
import { Fragment as Fragment19, jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
7803
7964
|
var ScCatalogixInvite = ({
|
|
7804
7965
|
active = "false",
|
|
7805
7966
|
appName = "Catalogix",
|
|
@@ -7828,16 +7989,16 @@ var ScCatalogixInvite = ({
|
|
|
7828
7989
|
...props,
|
|
7829
7990
|
children: [
|
|
7830
7991
|
/* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.appHeader, children: [
|
|
7831
|
-
/* @__PURE__ */
|
|
7992
|
+
/* @__PURE__ */ jsx69(
|
|
7832
7993
|
ScAppCard,
|
|
7833
7994
|
{
|
|
7834
|
-
appIcon: appIcon || /* @__PURE__ */
|
|
7995
|
+
appIcon: appIcon || /* @__PURE__ */ jsx69(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
|
|
7835
7996
|
appDescription,
|
|
7836
7997
|
appName,
|
|
7837
7998
|
className: ScCatalogixInvite_default.scAppCardInstance
|
|
7838
7999
|
}
|
|
7839
8000
|
),
|
|
7840
|
-
/* @__PURE__ */
|
|
8001
|
+
/* @__PURE__ */ jsx69(
|
|
7841
8002
|
ScToggleSwitch,
|
|
7842
8003
|
{
|
|
7843
8004
|
checked: isEnabled,
|
|
@@ -7846,7 +8007,7 @@ var ScCatalogixInvite = ({
|
|
|
7846
8007
|
}
|
|
7847
8008
|
)
|
|
7848
8009
|
] }),
|
|
7849
|
-
isEnabled && /* @__PURE__ */
|
|
8010
|
+
isEnabled && /* @__PURE__ */ jsx69(Fragment19, { children: /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
|
|
7850
8011
|
/* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
|
|
7851
8012
|
/* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
|
|
7852
8013
|
storeAccessTitle,
|
|
@@ -7857,18 +8018,18 @@ var ScCatalogixInvite = ({
|
|
|
7857
8018
|
" "
|
|
7858
8019
|
] })
|
|
7859
8020
|
] }),
|
|
7860
|
-
/* @__PURE__ */
|
|
8021
|
+
/* @__PURE__ */ jsx69(
|
|
7861
8022
|
ScOnlyField,
|
|
7862
8023
|
{
|
|
7863
|
-
tfLeftIcon: /* @__PURE__ */
|
|
7864
|
-
tfRightIcon: /* @__PURE__ */
|
|
8024
|
+
tfLeftIcon: /* @__PURE__ */ jsx69(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
8025
|
+
tfRightIcon: /* @__PURE__ */ jsx69(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
|
|
7865
8026
|
placeholderFilled: searchPlaceholder,
|
|
7866
8027
|
value: searchValue,
|
|
7867
8028
|
onInputChange: onSearchChange,
|
|
7868
8029
|
className: ScCatalogixInvite_default.scOnlyFieldInstance
|
|
7869
8030
|
}
|
|
7870
8031
|
),
|
|
7871
|
-
/* @__PURE__ */
|
|
8032
|
+
/* @__PURE__ */ jsx69("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx69(
|
|
7872
8033
|
ScPairtext,
|
|
7873
8034
|
{
|
|
7874
8035
|
content: store.name,
|
|
@@ -7879,53 +8040,53 @@ var ScCatalogixInvite = ({
|
|
|
7879
8040
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
7880
8041
|
},
|
|
7881
8042
|
store.id
|
|
7882
|
-
)) : /* @__PURE__ */
|
|
8043
|
+
)) : /* @__PURE__ */ jsx69("div", { style: {
|
|
7883
8044
|
padding: "var(--spacing-3xl, 16px)",
|
|
7884
8045
|
color: "var(--alias-text-and-icons-muted, #7a7a7a)",
|
|
7885
8046
|
fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
|
|
7886
8047
|
fontSize: "var(--font-size-font-size-sm, 14px)",
|
|
7887
8048
|
lineHeight: "var(--line-height-line-height-sm, 20px)"
|
|
7888
8049
|
}, children: "No stores found" }) : /* @__PURE__ */ jsxs57(Fragment19, { children: [
|
|
7889
|
-
/* @__PURE__ */
|
|
8050
|
+
/* @__PURE__ */ jsx69(
|
|
7890
8051
|
ScPairtext,
|
|
7891
8052
|
{
|
|
7892
|
-
icon: /* @__PURE__ */
|
|
8053
|
+
icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
7893
8054
|
iconPosition: "right",
|
|
7894
8055
|
type: "checkbox",
|
|
7895
8056
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
7896
8057
|
}
|
|
7897
8058
|
),
|
|
7898
|
-
/* @__PURE__ */
|
|
8059
|
+
/* @__PURE__ */ jsx69(
|
|
7899
8060
|
ScPairtext,
|
|
7900
8061
|
{
|
|
7901
|
-
icon: /* @__PURE__ */
|
|
8062
|
+
icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
7902
8063
|
iconPosition: "right",
|
|
7903
8064
|
type: "checkbox",
|
|
7904
8065
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
7905
8066
|
}
|
|
7906
8067
|
),
|
|
7907
|
-
/* @__PURE__ */
|
|
8068
|
+
/* @__PURE__ */ jsx69(
|
|
7908
8069
|
ScPairtext,
|
|
7909
8070
|
{
|
|
7910
|
-
icon: /* @__PURE__ */
|
|
8071
|
+
icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
7911
8072
|
iconPosition: "right",
|
|
7912
8073
|
type: "checkbox",
|
|
7913
8074
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
7914
8075
|
}
|
|
7915
8076
|
),
|
|
7916
|
-
/* @__PURE__ */
|
|
8077
|
+
/* @__PURE__ */ jsx69(
|
|
7917
8078
|
ScPairtext,
|
|
7918
8079
|
{
|
|
7919
|
-
icon: /* @__PURE__ */
|
|
8080
|
+
icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
7920
8081
|
iconPosition: "right",
|
|
7921
8082
|
type: "checkbox",
|
|
7922
8083
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
7923
8084
|
}
|
|
7924
8085
|
),
|
|
7925
|
-
/* @__PURE__ */
|
|
8086
|
+
/* @__PURE__ */ jsx69(
|
|
7926
8087
|
ScPairtext,
|
|
7927
8088
|
{
|
|
7928
|
-
icon: /* @__PURE__ */
|
|
8089
|
+
icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
|
|
7929
8090
|
iconPosition: "right",
|
|
7930
8091
|
type: "checkbox",
|
|
7931
8092
|
className: ScCatalogixInvite_default.scPairtextInstance
|
|
@@ -7939,7 +8100,7 @@ var ScCatalogixInvite = ({
|
|
|
7939
8100
|
};
|
|
7940
8101
|
|
|
7941
8102
|
// src/SC-appField/ScAppField.tsx
|
|
7942
|
-
import { jsx as
|
|
8103
|
+
import { jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
7943
8104
|
var ScAppField = ({
|
|
7944
8105
|
appFieldTitle = "App permission",
|
|
7945
8106
|
className,
|
|
@@ -7957,12 +8118,12 @@ var ScAppField = ({
|
|
|
7957
8118
|
...props
|
|
7958
8119
|
}) => {
|
|
7959
8120
|
return /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
|
|
7960
|
-
/* @__PURE__ */
|
|
8121
|
+
/* @__PURE__ */ jsx70("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.title, children: [
|
|
7961
8122
|
appFieldTitle,
|
|
7962
8123
|
" "
|
|
7963
8124
|
] }) }),
|
|
7964
8125
|
/* @__PURE__ */ jsxs58("div", { className: ScAppField_default.inputContainer, children: [
|
|
7965
|
-
/* @__PURE__ */
|
|
8126
|
+
/* @__PURE__ */ jsx70(
|
|
7966
8127
|
ScArtifaxInvite,
|
|
7967
8128
|
{
|
|
7968
8129
|
enabled: artifaxEnabled,
|
|
@@ -7970,18 +8131,18 @@ var ScAppField = ({
|
|
|
7970
8131
|
className: ScAppField_default.scArtifaxInviteInstance
|
|
7971
8132
|
}
|
|
7972
8133
|
),
|
|
7973
|
-
/* @__PURE__ */
|
|
8134
|
+
/* @__PURE__ */ jsx70(
|
|
7974
8135
|
ScPhtogenixInvite,
|
|
7975
8136
|
{
|
|
7976
8137
|
enabled: photogenixEnabled,
|
|
7977
8138
|
onToggle: onPhotogenixToggle,
|
|
7978
8139
|
scAppCardappDescription: "Info about photogenix",
|
|
7979
8140
|
scAppCardappName: "Photogenix",
|
|
7980
|
-
scAppCardappIcon: /* @__PURE__ */
|
|
8141
|
+
scAppCardappIcon: /* @__PURE__ */ jsx70(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
|
|
7981
8142
|
className: ScAppField_default.scPhtogenixInviteInstance
|
|
7982
8143
|
}
|
|
7983
8144
|
),
|
|
7984
|
-
/* @__PURE__ */
|
|
8145
|
+
/* @__PURE__ */ jsx70(
|
|
7985
8146
|
ScCatalogixInvite,
|
|
7986
8147
|
{
|
|
7987
8148
|
enabled: catalogixEnabled,
|
|
@@ -8008,13 +8169,13 @@ var ScBillingHistoryHeader_default = {
|
|
|
8008
8169
|
};
|
|
8009
8170
|
|
|
8010
8171
|
// src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
|
|
8011
|
-
import { jsx as
|
|
8172
|
+
import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
8012
8173
|
var ScBillingHistoryHeader = ({
|
|
8013
8174
|
className,
|
|
8014
8175
|
...props
|
|
8015
8176
|
}) => {
|
|
8016
8177
|
return /* @__PURE__ */ jsxs59("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
|
|
8017
|
-
/* @__PURE__ */
|
|
8178
|
+
/* @__PURE__ */ jsx71(
|
|
8018
8179
|
ScHeader,
|
|
8019
8180
|
{
|
|
8020
8181
|
text: "Invoice",
|
|
@@ -8022,7 +8183,7 @@ var ScBillingHistoryHeader = ({
|
|
|
8022
8183
|
className: ScBillingHistoryHeader_default.scHeaderInstance
|
|
8023
8184
|
}
|
|
8024
8185
|
),
|
|
8025
|
-
/* @__PURE__ */
|
|
8186
|
+
/* @__PURE__ */ jsx71(
|
|
8026
8187
|
ScHeader,
|
|
8027
8188
|
{
|
|
8028
8189
|
text: "Amount",
|
|
@@ -8030,7 +8191,7 @@ var ScBillingHistoryHeader = ({
|
|
|
8030
8191
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
8031
8192
|
}
|
|
8032
8193
|
),
|
|
8033
|
-
/* @__PURE__ */
|
|
8194
|
+
/* @__PURE__ */ jsx71(
|
|
8034
8195
|
ScHeader,
|
|
8035
8196
|
{
|
|
8036
8197
|
text: "Date",
|
|
@@ -8038,7 +8199,7 @@ var ScBillingHistoryHeader = ({
|
|
|
8038
8199
|
className: ScBillingHistoryHeader_default.scHeaderInstance2
|
|
8039
8200
|
}
|
|
8040
8201
|
),
|
|
8041
|
-
/* @__PURE__ */
|
|
8202
|
+
/* @__PURE__ */ jsx71(
|
|
8042
8203
|
ScHeader,
|
|
8043
8204
|
{
|
|
8044
8205
|
text: "Action",
|
|
@@ -8060,7 +8221,7 @@ var ScCheckField_default = {
|
|
|
8060
8221
|
|
|
8061
8222
|
// src/SC-checkField/ScCheckField.tsx
|
|
8062
8223
|
import { SiconHome as SiconHome10 } from "@streamoid/icons";
|
|
8063
|
-
import { Fragment as Fragment20, jsx as
|
|
8224
|
+
import { Fragment as Fragment20, jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
8064
8225
|
var ScCheckField = ({
|
|
8065
8226
|
label = "Label",
|
|
8066
8227
|
className,
|
|
@@ -8068,11 +8229,11 @@ var ScCheckField = ({
|
|
|
8068
8229
|
...props
|
|
8069
8230
|
}) => {
|
|
8070
8231
|
return /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
|
|
8071
|
-
/* @__PURE__ */
|
|
8232
|
+
/* @__PURE__ */ jsx72("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.label, children: [
|
|
8072
8233
|
label,
|
|
8073
8234
|
" "
|
|
8074
8235
|
] }) }),
|
|
8075
|
-
/* @__PURE__ */
|
|
8236
|
+
/* @__PURE__ */ jsx72("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx72(
|
|
8076
8237
|
ScPairtext,
|
|
8077
8238
|
{
|
|
8078
8239
|
content: item.label,
|
|
@@ -8083,18 +8244,18 @@ var ScCheckField = ({
|
|
|
8083
8244
|
},
|
|
8084
8245
|
i
|
|
8085
8246
|
)) : /* @__PURE__ */ jsxs60(Fragment20, { children: [
|
|
8086
|
-
/* @__PURE__ */
|
|
8247
|
+
/* @__PURE__ */ jsx72(
|
|
8087
8248
|
ScPairtext,
|
|
8088
8249
|
{
|
|
8089
|
-
icon: /* @__PURE__ */
|
|
8250
|
+
icon: /* @__PURE__ */ jsx72(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
|
|
8090
8251
|
type: "checkbox",
|
|
8091
8252
|
className: ScCheckField_default.scPairtextInstance
|
|
8092
8253
|
}
|
|
8093
8254
|
),
|
|
8094
|
-
/* @__PURE__ */
|
|
8255
|
+
/* @__PURE__ */ jsx72(
|
|
8095
8256
|
ScPairtext,
|
|
8096
8257
|
{
|
|
8097
|
-
icon: /* @__PURE__ */
|
|
8258
|
+
icon: /* @__PURE__ */ jsx72(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
|
|
8098
8259
|
type: "checkbox",
|
|
8099
8260
|
className: ScCheckField_default.scPairtextInstance
|
|
8100
8261
|
}
|
|
@@ -8115,9 +8276,9 @@ var ScFieldButton_default = {
|
|
|
8115
8276
|
|
|
8116
8277
|
// src/SC-fieldButton/ScFieldButton.tsx
|
|
8117
8278
|
import { SiconHome as SiconHome11 } from "@streamoid/icons";
|
|
8118
|
-
import { Fragment as Fragment21, jsx as
|
|
8279
|
+
import { Fragment as Fragment21, jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
8119
8280
|
var ScFieldButton = ({
|
|
8120
|
-
icon = /* @__PURE__ */
|
|
8281
|
+
icon = /* @__PURE__ */ jsx73(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
|
|
8121
8282
|
type = "default",
|
|
8122
8283
|
state = "default",
|
|
8123
8284
|
className,
|
|
@@ -8125,18 +8286,18 @@ var ScFieldButton = ({
|
|
|
8125
8286
|
...props
|
|
8126
8287
|
}) => {
|
|
8127
8288
|
const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
|
|
8128
|
-
return /* @__PURE__ */
|
|
8289
|
+
return /* @__PURE__ */ jsx73(
|
|
8129
8290
|
"div",
|
|
8130
8291
|
{
|
|
8131
8292
|
className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
|
|
8132
8293
|
...props,
|
|
8133
8294
|
children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.container, children: [
|
|
8134
|
-
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */
|
|
8135
|
-
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */
|
|
8295
|
+
(type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx73(Fragment21, { children: icon }),
|
|
8296
|
+
(type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx73(Fragment21, { children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.label, children: [
|
|
8136
8297
|
text,
|
|
8137
8298
|
" "
|
|
8138
8299
|
] }) }),
|
|
8139
|
-
type === "icon-left" && /* @__PURE__ */
|
|
8300
|
+
type === "icon-left" && /* @__PURE__ */ jsx73(Fragment21, { children: icon })
|
|
8140
8301
|
] })
|
|
8141
8302
|
}
|
|
8142
8303
|
);
|
|
@@ -8151,16 +8312,16 @@ var ScPendingAction_default = {
|
|
|
8151
8312
|
|
|
8152
8313
|
// src/SC-pendingAction/ScPendingAction.tsx
|
|
8153
8314
|
import { SiconHome as SiconHome12 } from "@streamoid/icons";
|
|
8154
|
-
import { jsx as
|
|
8315
|
+
import { jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
8155
8316
|
var ScPendingAction = ({
|
|
8156
8317
|
className,
|
|
8157
8318
|
...props
|
|
8158
8319
|
}) => {
|
|
8159
8320
|
return /* @__PURE__ */ jsxs62("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
|
|
8160
|
-
/* @__PURE__ */
|
|
8321
|
+
/* @__PURE__ */ jsx74(
|
|
8161
8322
|
ScButton,
|
|
8162
8323
|
{
|
|
8163
|
-
icon: /* @__PURE__ */
|
|
8324
|
+
icon: /* @__PURE__ */ jsx74(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
|
|
8164
8325
|
text: "Cancel",
|
|
8165
8326
|
variant: "error",
|
|
8166
8327
|
type: "tertiary",
|
|
@@ -8168,11 +8329,11 @@ var ScPendingAction = ({
|
|
|
8168
8329
|
className: ScPendingAction_default.scButtonInstance
|
|
8169
8330
|
}
|
|
8170
8331
|
),
|
|
8171
|
-
/* @__PURE__ */
|
|
8172
|
-
/* @__PURE__ */
|
|
8332
|
+
/* @__PURE__ */ jsx74(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
|
|
8333
|
+
/* @__PURE__ */ jsx74(
|
|
8173
8334
|
ScButton,
|
|
8174
8335
|
{
|
|
8175
|
-
icon: /* @__PURE__ */
|
|
8336
|
+
icon: /* @__PURE__ */ jsx74(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
|
|
8176
8337
|
text: "Resend",
|
|
8177
8338
|
variant: "tertiary",
|
|
8178
8339
|
size: "sm",
|
|
@@ -8196,7 +8357,7 @@ var ScQuickPrompt_default = {
|
|
|
8196
8357
|
|
|
8197
8358
|
// src/SC-quick prompt/ScQuickPrompt.tsx
|
|
8198
8359
|
import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
|
|
8199
|
-
import { jsx as
|
|
8360
|
+
import { jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
8200
8361
|
var ScQuickPrompt = ({
|
|
8201
8362
|
appName = "Photogenix",
|
|
8202
8363
|
heading = "Swap Model and Background",
|
|
@@ -8206,8 +8367,8 @@ var ScQuickPrompt = ({
|
|
|
8206
8367
|
}) => {
|
|
8207
8368
|
return /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
|
|
8208
8369
|
/* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.header, children: [
|
|
8209
|
-
/* @__PURE__ */
|
|
8210
|
-
/* @__PURE__ */
|
|
8370
|
+
/* @__PURE__ */ jsx75("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx75(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
|
|
8371
|
+
/* @__PURE__ */ jsx75("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.title, children: [
|
|
8211
8372
|
appName,
|
|
8212
8373
|
" "
|
|
8213
8374
|
] }) })
|
|
@@ -8234,13 +8395,13 @@ var ScReferralTableHeader_default = {
|
|
|
8234
8395
|
};
|
|
8235
8396
|
|
|
8236
8397
|
// src/SC-referralTableHeader/ScReferralTableHeader.tsx
|
|
8237
|
-
import { jsx as
|
|
8398
|
+
import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
8238
8399
|
var ScReferralTableHeader = ({
|
|
8239
8400
|
className,
|
|
8240
8401
|
...props
|
|
8241
8402
|
}) => {
|
|
8242
8403
|
return /* @__PURE__ */ jsxs64("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
|
|
8243
|
-
/* @__PURE__ */
|
|
8404
|
+
/* @__PURE__ */ jsx76(
|
|
8244
8405
|
ScHeader,
|
|
8245
8406
|
{
|
|
8246
8407
|
text: "User",
|
|
@@ -8248,7 +8409,7 @@ var ScReferralTableHeader = ({
|
|
|
8248
8409
|
className: ScReferralTableHeader_default.scHeaderInstance
|
|
8249
8410
|
}
|
|
8250
8411
|
),
|
|
8251
|
-
/* @__PURE__ */
|
|
8412
|
+
/* @__PURE__ */ jsx76(
|
|
8252
8413
|
ScHeader,
|
|
8253
8414
|
{
|
|
8254
8415
|
text: "Date",
|
|
@@ -8256,7 +8417,7 @@ var ScReferralTableHeader = ({
|
|
|
8256
8417
|
className: ScReferralTableHeader_default.scHeaderInstance2
|
|
8257
8418
|
}
|
|
8258
8419
|
),
|
|
8259
|
-
/* @__PURE__ */
|
|
8420
|
+
/* @__PURE__ */ jsx76(
|
|
8260
8421
|
ScHeader,
|
|
8261
8422
|
{
|
|
8262
8423
|
text: "Status",
|
|
@@ -8264,7 +8425,7 @@ var ScReferralTableHeader = ({
|
|
|
8264
8425
|
className: ScReferralTableHeader_default.scHeaderInstance3
|
|
8265
8426
|
}
|
|
8266
8427
|
),
|
|
8267
|
-
/* @__PURE__ */
|
|
8428
|
+
/* @__PURE__ */ jsx76(
|
|
8268
8429
|
ScHeader,
|
|
8269
8430
|
{
|
|
8270
8431
|
text: "Reward",
|
|
@@ -8285,7 +8446,7 @@ var ScReferralTableList_default = {
|
|
|
8285
8446
|
};
|
|
8286
8447
|
|
|
8287
8448
|
// src/SC-referralTableList/ScReferralTableList.tsx
|
|
8288
|
-
import { jsx as
|
|
8449
|
+
import { jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
8289
8450
|
var ScReferralTableList = ({
|
|
8290
8451
|
userEmail = "chris@kepler.com",
|
|
8291
8452
|
userName,
|
|
@@ -8296,7 +8457,7 @@ var ScReferralTableList = ({
|
|
|
8296
8457
|
...props
|
|
8297
8458
|
}) => {
|
|
8298
8459
|
return /* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
|
|
8299
|
-
/* @__PURE__ */
|
|
8460
|
+
/* @__PURE__ */ jsx77(
|
|
8300
8461
|
ScProfile,
|
|
8301
8462
|
{
|
|
8302
8463
|
subText: userEmail,
|
|
@@ -8308,7 +8469,7 @@ var ScReferralTableList = ({
|
|
|
8308
8469
|
date,
|
|
8309
8470
|
" "
|
|
8310
8471
|
] }),
|
|
8311
|
-
/* @__PURE__ */
|
|
8472
|
+
/* @__PURE__ */ jsx77(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
|
|
8312
8473
|
/* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.points, children: [
|
|
8313
8474
|
points,
|
|
8314
8475
|
" "
|
|
@@ -8325,33 +8486,33 @@ var ScSettingsNav_default = {
|
|
|
8325
8486
|
// src/SC-settingsNav/ScSettingsNav.tsx
|
|
8326
8487
|
import { SiconTeam as SiconTeam6 } from "@streamoid/icons";
|
|
8327
8488
|
import { SiconWorkspace as SiconWorkspace2, SiconReferral } from "@streamoid/icons";
|
|
8328
|
-
import { jsx as
|
|
8489
|
+
import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
8329
8490
|
var ScSettingsNav = ({
|
|
8330
8491
|
className,
|
|
8331
8492
|
...props
|
|
8332
8493
|
}) => {
|
|
8333
|
-
return /* @__PURE__ */
|
|
8334
|
-
/* @__PURE__ */
|
|
8494
|
+
return /* @__PURE__ */ jsx78("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs66("div", { className: ScSettingsNav_default.container, children: [
|
|
8495
|
+
/* @__PURE__ */ jsx78(
|
|
8335
8496
|
ScSidebarMenu,
|
|
8336
8497
|
{
|
|
8337
|
-
icon: /* @__PURE__ */
|
|
8498
|
+
icon: /* @__PURE__ */ jsx78(SiconTeam6, { className: ScSettingsNav_default.siconTeamInstance }),
|
|
8338
8499
|
text: "Profile",
|
|
8339
8500
|
state: "active",
|
|
8340
8501
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
8341
8502
|
}
|
|
8342
8503
|
),
|
|
8343
|
-
/* @__PURE__ */
|
|
8504
|
+
/* @__PURE__ */ jsx78(
|
|
8344
8505
|
ScSidebarMenu,
|
|
8345
8506
|
{
|
|
8346
|
-
icon: /* @__PURE__ */
|
|
8507
|
+
icon: /* @__PURE__ */ jsx78(SiconWorkspace2, { className: ScSettingsNav_default.siconWorkspaceInstance }),
|
|
8347
8508
|
text: "Workspace",
|
|
8348
8509
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
8349
8510
|
}
|
|
8350
8511
|
),
|
|
8351
|
-
/* @__PURE__ */
|
|
8512
|
+
/* @__PURE__ */ jsx78(
|
|
8352
8513
|
ScSidebarMenu,
|
|
8353
8514
|
{
|
|
8354
|
-
icon: /* @__PURE__ */
|
|
8515
|
+
icon: /* @__PURE__ */ jsx78(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
|
|
8355
8516
|
text: "Referral",
|
|
8356
8517
|
className: ScSettingsNav_default.scSidebarMenuInstance
|
|
8357
8518
|
}
|
|
@@ -8367,7 +8528,7 @@ var ScTabField_default = {
|
|
|
8367
8528
|
};
|
|
8368
8529
|
|
|
8369
8530
|
// src/SC-tabField/ScTabField.tsx
|
|
8370
|
-
import { jsx as
|
|
8531
|
+
import { jsx as jsx79, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
8371
8532
|
var ScTabField = ({
|
|
8372
8533
|
label = "Label",
|
|
8373
8534
|
className,
|
|
@@ -8377,16 +8538,16 @@ var ScTabField = ({
|
|
|
8377
8538
|
...props
|
|
8378
8539
|
}) => {
|
|
8379
8540
|
return /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.scTabField + " " + className, children: [
|
|
8380
|
-
/* @__PURE__ */
|
|
8541
|
+
/* @__PURE__ */ jsx79("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.label, children: [
|
|
8381
8542
|
label,
|
|
8382
8543
|
" "
|
|
8383
8544
|
] }) }),
|
|
8384
|
-
tabs ? /* @__PURE__ */
|
|
8545
|
+
tabs ? /* @__PURE__ */ jsx79(
|
|
8385
8546
|
ScTabSwitcher,
|
|
8386
8547
|
{
|
|
8387
8548
|
tabCount: String(tabs.length),
|
|
8388
8549
|
className: ScTabField_default.scTabSwitcherInstance,
|
|
8389
|
-
component: tabs[0] ? /* @__PURE__ */
|
|
8550
|
+
component: tabs[0] ? /* @__PURE__ */ jsx79(
|
|
8390
8551
|
ScTabComp,
|
|
8391
8552
|
{
|
|
8392
8553
|
text: tabs[0].label,
|
|
@@ -8396,7 +8557,7 @@ var ScTabField = ({
|
|
|
8396
8557
|
style: { flex: 1 }
|
|
8397
8558
|
}
|
|
8398
8559
|
) : void 0,
|
|
8399
|
-
component2: tabs[1] ? /* @__PURE__ */
|
|
8560
|
+
component2: tabs[1] ? /* @__PURE__ */ jsx79(
|
|
8400
8561
|
ScTabComp,
|
|
8401
8562
|
{
|
|
8402
8563
|
text: tabs[1].label,
|
|
@@ -8407,7 +8568,7 @@ var ScTabField = ({
|
|
|
8407
8568
|
}
|
|
8408
8569
|
) : void 0
|
|
8409
8570
|
}
|
|
8410
|
-
) : /* @__PURE__ */
|
|
8571
|
+
) : /* @__PURE__ */ jsx79(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
|
|
8411
8572
|
] });
|
|
8412
8573
|
};
|
|
8413
8574
|
|
|
@@ -8424,7 +8585,7 @@ var ScTableHeader_default = {
|
|
|
8424
8585
|
};
|
|
8425
8586
|
|
|
8426
8587
|
// src/SC-tableHeader/ScTableHeader.tsx
|
|
8427
|
-
import { Fragment as Fragment22, jsx as
|
|
8588
|
+
import { Fragment as Fragment22, jsx as jsx80, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
8428
8589
|
var ScTableHeader = ({
|
|
8429
8590
|
type = "default",
|
|
8430
8591
|
className,
|
|
@@ -8436,7 +8597,7 @@ var ScTableHeader = ({
|
|
|
8436
8597
|
{
|
|
8437
8598
|
className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
|
|
8438
8599
|
children: [
|
|
8439
|
-
/* @__PURE__ */
|
|
8600
|
+
/* @__PURE__ */ jsx80(
|
|
8440
8601
|
ScHeader,
|
|
8441
8602
|
{
|
|
8442
8603
|
text: "User",
|
|
@@ -8444,7 +8605,7 @@ var ScTableHeader = ({
|
|
|
8444
8605
|
className: ScTableHeader_default.scHeaderInstance
|
|
8445
8606
|
}
|
|
8446
8607
|
),
|
|
8447
|
-
/* @__PURE__ */
|
|
8608
|
+
/* @__PURE__ */ jsx80(
|
|
8448
8609
|
ScHeader,
|
|
8449
8610
|
{
|
|
8450
8611
|
text: "Role",
|
|
@@ -8452,7 +8613,7 @@ var ScTableHeader = ({
|
|
|
8452
8613
|
className: ScTableHeader_default.scHeaderInstance2
|
|
8453
8614
|
}
|
|
8454
8615
|
),
|
|
8455
|
-
/* @__PURE__ */
|
|
8616
|
+
/* @__PURE__ */ jsx80(
|
|
8456
8617
|
ScHeader,
|
|
8457
8618
|
{
|
|
8458
8619
|
text: "Access",
|
|
@@ -8460,7 +8621,7 @@ var ScTableHeader = ({
|
|
|
8460
8621
|
className: ScTableHeader_default.scHeaderInstance3
|
|
8461
8622
|
}
|
|
8462
8623
|
),
|
|
8463
|
-
/* @__PURE__ */
|
|
8624
|
+
/* @__PURE__ */ jsx80(
|
|
8464
8625
|
ScHeader,
|
|
8465
8626
|
{
|
|
8466
8627
|
text: "Invited by",
|
|
@@ -8468,7 +8629,7 @@ var ScTableHeader = ({
|
|
|
8468
8629
|
className: ScTableHeader_default.scHeaderInstance4
|
|
8469
8630
|
}
|
|
8470
8631
|
),
|
|
8471
|
-
type === "pending" && /* @__PURE__ */
|
|
8632
|
+
type === "pending" && /* @__PURE__ */ jsx80(Fragment22, { children: /* @__PURE__ */ jsx80(
|
|
8472
8633
|
ScHeader,
|
|
8473
8634
|
{
|
|
8474
8635
|
text: "Invite action",
|
|
@@ -8476,7 +8637,7 @@ var ScTableHeader = ({
|
|
|
8476
8637
|
className: ScTableHeader_default.scHeaderInstance5
|
|
8477
8638
|
}
|
|
8478
8639
|
) }),
|
|
8479
|
-
type === "default" && /* @__PURE__ */
|
|
8640
|
+
type === "default" && /* @__PURE__ */ jsx80(Fragment22, { children: /* @__PURE__ */ jsx80(
|
|
8480
8641
|
ScHeader,
|
|
8481
8642
|
{
|
|
8482
8643
|
text: "Signed On",
|
|
@@ -8510,7 +8671,7 @@ var ScTableList_default = {
|
|
|
8510
8671
|
// src/SC-tableList/ScTableList.tsx
|
|
8511
8672
|
import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
|
|
8512
8673
|
import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
|
|
8513
|
-
import { Fragment as Fragment23, jsx as
|
|
8674
|
+
import { Fragment as Fragment23, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
8514
8675
|
var ScTableList = ({
|
|
8515
8676
|
invitedBy = "Rohan",
|
|
8516
8677
|
signedOn = "Nov 9th, 2025",
|
|
@@ -8529,28 +8690,28 @@ var ScTableList = ({
|
|
|
8529
8690
|
onClick: (e) => onRowClick && onRowClick(invitedBy, e),
|
|
8530
8691
|
...props,
|
|
8531
8692
|
children: [
|
|
8532
|
-
/* @__PURE__ */
|
|
8693
|
+
/* @__PURE__ */ jsx81(
|
|
8533
8694
|
ScProfile,
|
|
8534
8695
|
{
|
|
8535
8696
|
subText: userEmail,
|
|
8536
8697
|
className: ScTableList_default.scProfileInstance
|
|
8537
8698
|
}
|
|
8538
8699
|
),
|
|
8539
|
-
/* @__PURE__ */
|
|
8700
|
+
/* @__PURE__ */ jsx81(ScRole, { className: ScTableList_default.scRoleInstance }),
|
|
8540
8701
|
/* @__PURE__ */ jsxs69("div", { className: ScTableList_default.accessInfo, children: [
|
|
8541
|
-
/* @__PURE__ */
|
|
8702
|
+
/* @__PURE__ */ jsx81(
|
|
8542
8703
|
ScAccess,
|
|
8543
8704
|
{
|
|
8544
|
-
component: /* @__PURE__ */
|
|
8545
|
-
component2: /* @__PURE__ */
|
|
8705
|
+
component: /* @__PURE__ */ jsx81(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
|
|
8706
|
+
component2: /* @__PURE__ */ jsx81(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
|
|
8546
8707
|
className: ScTableList_default.scAccessInstance
|
|
8547
8708
|
}
|
|
8548
8709
|
),
|
|
8549
|
-
/* @__PURE__ */
|
|
8710
|
+
/* @__PURE__ */ jsx81(
|
|
8550
8711
|
ScAccess,
|
|
8551
8712
|
{
|
|
8552
|
-
component: /* @__PURE__ */
|
|
8553
|
-
component2: /* @__PURE__ */
|
|
8713
|
+
component: /* @__PURE__ */ jsx81(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
|
|
8714
|
+
component2: /* @__PURE__ */ jsx81(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
|
|
8554
8715
|
visibleSiconCatalogix: false,
|
|
8555
8716
|
className: ScTableList_default.scAccessInstance
|
|
8556
8717
|
}
|
|
@@ -8560,13 +8721,13 @@ var ScTableList = ({
|
|
|
8560
8721
|
invitedBy,
|
|
8561
8722
|
" "
|
|
8562
8723
|
] }),
|
|
8563
|
-
variant === "pending" && /* @__PURE__ */
|
|
8724
|
+
variant === "pending" && /* @__PURE__ */ jsx81(Fragment23, { children: /* @__PURE__ */ jsx81(
|
|
8564
8725
|
ScPendingAction,
|
|
8565
8726
|
{
|
|
8566
8727
|
className: ScTableList_default.scPendingActionInstance
|
|
8567
8728
|
}
|
|
8568
8729
|
) }),
|
|
8569
|
-
variant === "active" && /* @__PURE__ */
|
|
8730
|
+
variant === "active" && /* @__PURE__ */ jsx81(Fragment23, { children: /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.date, children: [
|
|
8570
8731
|
signedOn,
|
|
8571
8732
|
" "
|
|
8572
8733
|
] }) })
|
|
@@ -8601,7 +8762,7 @@ import {
|
|
|
8601
8762
|
SiconSwitch as SiconSwitch2,
|
|
8602
8763
|
SiconLogout as SiconLogout2
|
|
8603
8764
|
} from "@streamoid/icons";
|
|
8604
|
-
import { jsx as
|
|
8765
|
+
import { jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
8605
8766
|
var ScWorkspaceCard = ({
|
|
8606
8767
|
workspaceName = "Stores",
|
|
8607
8768
|
role = "Admin",
|
|
@@ -8613,7 +8774,7 @@ var ScWorkspaceCard = ({
|
|
|
8613
8774
|
}) => {
|
|
8614
8775
|
return /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
|
|
8615
8776
|
/* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
|
|
8616
|
-
/* @__PURE__ */
|
|
8777
|
+
/* @__PURE__ */ jsx82(
|
|
8617
8778
|
ScIntialProfileCover,
|
|
8618
8779
|
{
|
|
8619
8780
|
className: ScWorkspaceCard_default.scIntialProfileCoverInstance
|
|
@@ -8625,7 +8786,7 @@ var ScWorkspaceCard = ({
|
|
|
8625
8786
|
] })
|
|
8626
8787
|
] }),
|
|
8627
8788
|
/* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.userInfo, children: [
|
|
8628
|
-
/* @__PURE__ */
|
|
8789
|
+
/* @__PURE__ */ jsx82(
|
|
8629
8790
|
ScBadges,
|
|
8630
8791
|
{
|
|
8631
8792
|
text: role,
|
|
@@ -8634,40 +8795,40 @@ var ScWorkspaceCard = ({
|
|
|
8634
8795
|
}
|
|
8635
8796
|
),
|
|
8636
8797
|
/* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.userDetails, children: [
|
|
8637
|
-
/* @__PURE__ */
|
|
8798
|
+
/* @__PURE__ */ jsx82(
|
|
8638
8799
|
ScPairtext,
|
|
8639
8800
|
{
|
|
8640
|
-
icon: /* @__PURE__ */
|
|
8801
|
+
icon: /* @__PURE__ */ jsx82(SiconTeam7, { className: ScWorkspaceCard_default.siconTeamInstance }),
|
|
8641
8802
|
content: userCount,
|
|
8642
8803
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
8643
8804
|
}
|
|
8644
8805
|
),
|
|
8645
|
-
/* @__PURE__ */
|
|
8646
|
-
/* @__PURE__ */
|
|
8806
|
+
/* @__PURE__ */ jsx82(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
|
|
8807
|
+
/* @__PURE__ */ jsx82(
|
|
8647
8808
|
ScPairtext,
|
|
8648
8809
|
{
|
|
8649
|
-
icon: /* @__PURE__ */
|
|
8810
|
+
icon: /* @__PURE__ */ jsx82(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
|
|
8650
8811
|
content: ownerEmail,
|
|
8651
8812
|
className: ScWorkspaceCard_default.scPairtextInstance
|
|
8652
8813
|
}
|
|
8653
8814
|
)
|
|
8654
8815
|
] })
|
|
8655
8816
|
] }),
|
|
8656
|
-
/* @__PURE__ */
|
|
8817
|
+
/* @__PURE__ */ jsx82(
|
|
8657
8818
|
ScButton,
|
|
8658
8819
|
{
|
|
8659
|
-
icon: /* @__PURE__ */
|
|
8820
|
+
icon: /* @__PURE__ */ jsx82(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
|
|
8660
8821
|
text: buttonText,
|
|
8661
8822
|
state: "disabled",
|
|
8662
8823
|
variant: "outline",
|
|
8663
8824
|
className: ScWorkspaceCard_default.scButtonInstance
|
|
8664
8825
|
}
|
|
8665
8826
|
),
|
|
8666
|
-
/* @__PURE__ */
|
|
8827
|
+
/* @__PURE__ */ jsx82(
|
|
8667
8828
|
ScButton,
|
|
8668
8829
|
{
|
|
8669
8830
|
text: "Leave workspace",
|
|
8670
|
-
icon: /* @__PURE__ */
|
|
8831
|
+
icon: /* @__PURE__ */ jsx82(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
|
|
8671
8832
|
styleVariant: "icon-only",
|
|
8672
8833
|
variant: "error",
|
|
8673
8834
|
className: ScWorkspaceCard_default.scButtonInstance2
|
|
@@ -8703,7 +8864,7 @@ var ScWorkspaceSwitchCard_default = {
|
|
|
8703
8864
|
};
|
|
8704
8865
|
|
|
8705
8866
|
// src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
|
|
8706
|
-
import { jsx as
|
|
8867
|
+
import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
8707
8868
|
function ScWorkspaceSwitchCard({
|
|
8708
8869
|
wsName = "Workspace name is kepler",
|
|
8709
8870
|
role = "Admin",
|
|
@@ -8733,7 +8894,7 @@ function ScWorkspaceSwitchCard({
|
|
|
8733
8894
|
].filter(Boolean).join(" ");
|
|
8734
8895
|
const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
|
|
8735
8896
|
const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
|
|
8736
|
-
return /* @__PURE__ */
|
|
8897
|
+
return /* @__PURE__ */ jsx83(
|
|
8737
8898
|
"div",
|
|
8738
8899
|
{
|
|
8739
8900
|
className: cardClass,
|
|
@@ -8756,7 +8917,7 @@ function ScWorkspaceSwitchCard({
|
|
|
8756
8917
|
}
|
|
8757
8918
|
} : void 0,
|
|
8758
8919
|
children: /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
|
|
8759
|
-
/* @__PURE__ */
|
|
8920
|
+
/* @__PURE__ */ jsx83(
|
|
8760
8921
|
ScDp,
|
|
8761
8922
|
{
|
|
8762
8923
|
type: imageUrl ? "image" : "initial",
|
|
@@ -8771,25 +8932,25 @@ function ScWorkspaceSwitchCard({
|
|
|
8771
8932
|
}
|
|
8772
8933
|
),
|
|
8773
8934
|
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
|
|
8774
|
-
/* @__PURE__ */
|
|
8935
|
+
/* @__PURE__ */ jsx83("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
|
|
8775
8936
|
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
|
|
8776
8937
|
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
8777
|
-
/* @__PURE__ */
|
|
8778
|
-
/* @__PURE__ */
|
|
8938
|
+
/* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
|
|
8939
|
+
/* @__PURE__ */ jsx83("span", { className: roleColorClass, children: displayRole })
|
|
8779
8940
|
] }),
|
|
8780
|
-
/* @__PURE__ */
|
|
8941
|
+
/* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
8781
8942
|
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
|
|
8782
|
-
/* @__PURE__ */
|
|
8783
|
-
/* @__PURE__ */
|
|
8943
|
+
/* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
|
|
8944
|
+
/* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
|
|
8784
8945
|
] }),
|
|
8785
|
-
/* @__PURE__ */
|
|
8946
|
+
/* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
|
|
8786
8947
|
/* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
|
|
8787
|
-
/* @__PURE__ */
|
|
8788
|
-
/* @__PURE__ */
|
|
8948
|
+
/* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
|
|
8949
|
+
/* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
|
|
8789
8950
|
] })
|
|
8790
8951
|
] })
|
|
8791
8952
|
] }),
|
|
8792
|
-
isHover && isOther && /* @__PURE__ */
|
|
8953
|
+
isHover && isOther && /* @__PURE__ */ jsx83(
|
|
8793
8954
|
"div",
|
|
8794
8955
|
{
|
|
8795
8956
|
onClick: (e) => {
|
|
@@ -8797,19 +8958,19 @@ function ScWorkspaceSwitchCard({
|
|
|
8797
8958
|
onSwitch?.();
|
|
8798
8959
|
},
|
|
8799
8960
|
style: { cursor: "pointer" },
|
|
8800
|
-
children: /* @__PURE__ */
|
|
8961
|
+
children: /* @__PURE__ */ jsx83(
|
|
8801
8962
|
ScButton,
|
|
8802
8963
|
{
|
|
8803
8964
|
text: "Switch Workspace",
|
|
8804
8965
|
variant: "secondary",
|
|
8805
8966
|
size: "sm",
|
|
8806
8967
|
styleVariant: "icon-left",
|
|
8807
|
-
icon: /* @__PURE__ */
|
|
8968
|
+
icon: /* @__PURE__ */ jsx83(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
8808
8969
|
}
|
|
8809
8970
|
)
|
|
8810
8971
|
}
|
|
8811
8972
|
),
|
|
8812
|
-
isHover && isAdmin && /* @__PURE__ */
|
|
8973
|
+
isHover && isAdmin && /* @__PURE__ */ jsx83(
|
|
8813
8974
|
"div",
|
|
8814
8975
|
{
|
|
8815
8976
|
onClick: (e) => {
|
|
@@ -8817,18 +8978,18 @@ function ScWorkspaceSwitchCard({
|
|
|
8817
8978
|
onSettings?.();
|
|
8818
8979
|
},
|
|
8819
8980
|
style: { cursor: "pointer" },
|
|
8820
|
-
children: /* @__PURE__ */
|
|
8981
|
+
children: /* @__PURE__ */ jsx83(
|
|
8821
8982
|
ScButton,
|
|
8822
8983
|
{
|
|
8823
8984
|
styleVariant: "icon-only",
|
|
8824
8985
|
variant: "outline",
|
|
8825
8986
|
size: "sm",
|
|
8826
|
-
icon: /* @__PURE__ */
|
|
8987
|
+
icon: /* @__PURE__ */ jsx83(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
|
|
8827
8988
|
}
|
|
8828
8989
|
)
|
|
8829
8990
|
}
|
|
8830
8991
|
),
|
|
8831
|
-
isHover && !isAdmin && /* @__PURE__ */
|
|
8992
|
+
isHover && !isAdmin && /* @__PURE__ */ jsx83(
|
|
8832
8993
|
"div",
|
|
8833
8994
|
{
|
|
8834
8995
|
className: ScWorkspaceSwitchCard_default.leaveBtn,
|
|
@@ -8836,7 +8997,7 @@ function ScWorkspaceSwitchCard({
|
|
|
8836
8997
|
e.stopPropagation();
|
|
8837
8998
|
onLeave?.();
|
|
8838
8999
|
},
|
|
8839
|
-
children: /* @__PURE__ */
|
|
9000
|
+
children: /* @__PURE__ */ jsx83(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
|
|
8840
9001
|
}
|
|
8841
9002
|
)
|
|
8842
9003
|
] })
|
|
@@ -8856,7 +9017,7 @@ var ScModal_default = {
|
|
|
8856
9017
|
};
|
|
8857
9018
|
|
|
8858
9019
|
// src/SC-Modal/ScModal.tsx
|
|
8859
|
-
import { jsx as
|
|
9020
|
+
import { jsx as jsx84 } from "react/jsx-runtime";
|
|
8860
9021
|
var ScModal = ({
|
|
8861
9022
|
children,
|
|
8862
9023
|
onClose,
|
|
@@ -8878,7 +9039,7 @@ var ScModal = ({
|
|
|
8878
9039
|
}, [open, closeOnEsc, onClose]);
|
|
8879
9040
|
if (!open || typeof document === "undefined") return null;
|
|
8880
9041
|
return createPortal(
|
|
8881
|
-
/* @__PURE__ */
|
|
9042
|
+
/* @__PURE__ */ jsx84(
|
|
8882
9043
|
"div",
|
|
8883
9044
|
{
|
|
8884
9045
|
className: [ScModal_default.backdrop, className].filter(Boolean).join(" "),
|
|
@@ -8886,7 +9047,7 @@ var ScModal = ({
|
|
|
8886
9047
|
onMouseDown: (e) => {
|
|
8887
9048
|
if (closeOnBackdrop && e.target === e.currentTarget) onClose?.();
|
|
8888
9049
|
},
|
|
8889
|
-
children: /* @__PURE__ */
|
|
9050
|
+
children: /* @__PURE__ */ jsx84(
|
|
8890
9051
|
"div",
|
|
8891
9052
|
{
|
|
8892
9053
|
className: [ScModal_default.content, contentClassName].filter(Boolean).join(" "),
|
|
@@ -8914,7 +9075,7 @@ var ScDrawer_default = {
|
|
|
8914
9075
|
};
|
|
8915
9076
|
|
|
8916
9077
|
// src/SC-Drawer/ScDrawer.tsx
|
|
8917
|
-
import { Fragment as Fragment24, jsx as
|
|
9078
|
+
import { Fragment as Fragment24, jsx as jsx85, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
8918
9079
|
var ScDrawer = ({
|
|
8919
9080
|
children,
|
|
8920
9081
|
onClose,
|
|
@@ -8950,7 +9111,7 @@ var ScDrawer = ({
|
|
|
8950
9111
|
if (!open || typeof document === "undefined") return null;
|
|
8951
9112
|
return createPortal2(
|
|
8952
9113
|
/* @__PURE__ */ jsxs72(Fragment24, { children: [
|
|
8953
|
-
backdrop && /* @__PURE__ */
|
|
9114
|
+
backdrop && /* @__PURE__ */ jsx85(
|
|
8954
9115
|
"div",
|
|
8955
9116
|
{
|
|
8956
9117
|
className: ScDrawer_default.backdrop,
|
|
@@ -8958,13 +9119,13 @@ var ScDrawer = ({
|
|
|
8958
9119
|
"aria-hidden": true
|
|
8959
9120
|
}
|
|
8960
9121
|
),
|
|
8961
|
-
/* @__PURE__ */
|
|
9122
|
+
/* @__PURE__ */ jsx85(
|
|
8962
9123
|
"div",
|
|
8963
9124
|
{
|
|
8964
9125
|
ref: panelRef,
|
|
8965
9126
|
className: [ScDrawer_default.drawer, ScDrawer_default["side-" + side], className].filter(Boolean).join(" "),
|
|
8966
9127
|
style: zIndex != null ? { ...style, zIndex } : style,
|
|
8967
|
-
children: /* @__PURE__ */
|
|
9128
|
+
children: /* @__PURE__ */ jsx85(
|
|
8968
9129
|
"div",
|
|
8969
9130
|
{
|
|
8970
9131
|
className: [ScDrawer_default.content, contentClassName].filter(Boolean).join(" "),
|
|
@@ -8990,7 +9151,7 @@ var ScTabs_default = {
|
|
|
8990
9151
|
};
|
|
8991
9152
|
|
|
8992
9153
|
// src/SC-Tabs/ScTabs.tsx
|
|
8993
|
-
import { jsx as
|
|
9154
|
+
import { jsx as jsx86 } from "react/jsx-runtime";
|
|
8994
9155
|
var ScTabs = ({
|
|
8995
9156
|
tabs,
|
|
8996
9157
|
activeTab,
|
|
@@ -9000,7 +9161,7 @@ var ScTabs = ({
|
|
|
9000
9161
|
isCompact,
|
|
9001
9162
|
className
|
|
9002
9163
|
}) => {
|
|
9003
|
-
return /* @__PURE__ */
|
|
9164
|
+
return /* @__PURE__ */ jsx86(
|
|
9004
9165
|
"div",
|
|
9005
9166
|
{
|
|
9006
9167
|
className: [
|
|
@@ -9013,7 +9174,7 @@ var ScTabs = ({
|
|
|
9013
9174
|
children: tabs.map((tab, idx) => {
|
|
9014
9175
|
const label = typeof tab === "string" ? tab : tab.label ?? tab.value ?? "";
|
|
9015
9176
|
const value = typeof tab === "string" ? tab : tab.value ?? tab.label ?? "";
|
|
9016
|
-
return /* @__PURE__ */
|
|
9177
|
+
return /* @__PURE__ */ jsx86(
|
|
9017
9178
|
"div",
|
|
9018
9179
|
{
|
|
9019
9180
|
className: [ScTabs_default.tab, activeTab === value && ScTabs_default.active].filter(Boolean).join(" "),
|
|
@@ -9040,7 +9201,7 @@ var ScCounter_default = {
|
|
|
9040
9201
|
};
|
|
9041
9202
|
|
|
9042
9203
|
// src/SC-Counter/ScCounter.tsx
|
|
9043
|
-
import { jsx as
|
|
9204
|
+
import { jsx as jsx87, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
9044
9205
|
var ScCounter = ({
|
|
9045
9206
|
count,
|
|
9046
9207
|
onChange,
|
|
@@ -9063,9 +9224,9 @@ var ScCounter = ({
|
|
|
9063
9224
|
className: [ScCounter_default.counter, className].filter(Boolean).join(" "),
|
|
9064
9225
|
style,
|
|
9065
9226
|
children: [
|
|
9066
|
-
/* @__PURE__ */
|
|
9227
|
+
/* @__PURE__ */ jsx87("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx87(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
|
|
9067
9228
|
showInput ? /* @__PURE__ */ jsxs73("div", { className: ScCounter_default.inputContainer, children: [
|
|
9068
|
-
/* @__PURE__ */
|
|
9229
|
+
/* @__PURE__ */ jsx87(
|
|
9069
9230
|
"input",
|
|
9070
9231
|
{
|
|
9071
9232
|
value: count,
|
|
@@ -9076,13 +9237,13 @@ var ScCounter = ({
|
|
|
9076
9237
|
onBlur: () => setShowInput(false)
|
|
9077
9238
|
}
|
|
9078
9239
|
),
|
|
9079
|
-
/* @__PURE__ */
|
|
9240
|
+
/* @__PURE__ */ jsx87("div", { children: label })
|
|
9080
9241
|
] }) : /* @__PURE__ */ jsxs73("div", { className: ScCounter_default.value, onClick: () => setShowInput(true), children: [
|
|
9081
9242
|
count,
|
|
9082
9243
|
" ",
|
|
9083
9244
|
label
|
|
9084
9245
|
] }),
|
|
9085
|
-
/* @__PURE__ */
|
|
9246
|
+
/* @__PURE__ */ jsx87("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx87(SiconPlus2, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
|
|
9086
9247
|
]
|
|
9087
9248
|
}
|
|
9088
9249
|
);
|
|
@@ -9101,7 +9262,7 @@ var ScPagination_default = {
|
|
|
9101
9262
|
};
|
|
9102
9263
|
|
|
9103
9264
|
// src/SC-Pagination/ScPagination.tsx
|
|
9104
|
-
import { jsx as
|
|
9265
|
+
import { jsx as jsx88, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
9105
9266
|
var ScPagination = ({
|
|
9106
9267
|
itemsCount,
|
|
9107
9268
|
itemsPerPage,
|
|
@@ -9140,8 +9301,8 @@ var ScPagination = ({
|
|
|
9140
9301
|
onPageChangeAction();
|
|
9141
9302
|
}
|
|
9142
9303
|
};
|
|
9143
|
-
return /* @__PURE__ */
|
|
9144
|
-
/* @__PURE__ */
|
|
9304
|
+
return /* @__PURE__ */ jsx88("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs74("div", { className: ScPagination_default.section, children: [
|
|
9305
|
+
/* @__PURE__ */ jsx88(
|
|
9145
9306
|
SiconRight5,
|
|
9146
9307
|
{
|
|
9147
9308
|
size: 24,
|
|
@@ -9150,7 +9311,7 @@ var ScPagination = ({
|
|
|
9150
9311
|
onClick: () => step("dec")
|
|
9151
9312
|
}
|
|
9152
9313
|
),
|
|
9153
|
-
/* @__PURE__ */
|
|
9314
|
+
/* @__PURE__ */ jsx88("span", { className: ScPagination_default.page, children: /* @__PURE__ */ jsx88(
|
|
9154
9315
|
"input",
|
|
9155
9316
|
{
|
|
9156
9317
|
type: "number",
|
|
@@ -9160,7 +9321,7 @@ var ScPagination = ({
|
|
|
9160
9321
|
onBlur: commit
|
|
9161
9322
|
}
|
|
9162
9323
|
) }),
|
|
9163
|
-
/* @__PURE__ */
|
|
9324
|
+
/* @__PURE__ */ jsx88(
|
|
9164
9325
|
SiconRight5,
|
|
9165
9326
|
{
|
|
9166
9327
|
size: 24,
|
|
@@ -9185,13 +9346,13 @@ var ScBeacon_default = {
|
|
|
9185
9346
|
};
|
|
9186
9347
|
|
|
9187
9348
|
// src/SC-Beacon/ScBeacon.tsx
|
|
9188
|
-
import { jsx as
|
|
9349
|
+
import { jsx as jsx89, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
9189
9350
|
var ScBeacon = ({
|
|
9190
9351
|
tone = "neutral",
|
|
9191
9352
|
className,
|
|
9192
9353
|
...props
|
|
9193
9354
|
}) => {
|
|
9194
|
-
return /* @__PURE__ */
|
|
9355
|
+
return /* @__PURE__ */ jsx89(
|
|
9195
9356
|
"span",
|
|
9196
9357
|
{
|
|
9197
9358
|
className: ScBeacon_default.scBeacon + " " + ScBeacon_default[tone] + (className ? " " + className : ""),
|
|
@@ -9206,8 +9367,8 @@ var ScBeacon = ({
|
|
|
9206
9367
|
fill: "none",
|
|
9207
9368
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9208
9369
|
children: [
|
|
9209
|
-
/* @__PURE__ */
|
|
9210
|
-
/* @__PURE__ */
|
|
9370
|
+
/* @__PURE__ */ jsx89("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor", fillOpacity: "0.24" }),
|
|
9371
|
+
/* @__PURE__ */ jsx89("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
|
|
9211
9372
|
]
|
|
9212
9373
|
}
|
|
9213
9374
|
)
|
|
@@ -9227,7 +9388,7 @@ var ScStoreCard_default = {
|
|
|
9227
9388
|
};
|
|
9228
9389
|
|
|
9229
9390
|
// src/SC-StoreCard/ScStoreCard.tsx
|
|
9230
|
-
import { jsx as
|
|
9391
|
+
import { jsx as jsx90, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
9231
9392
|
var ScStoreCard = ({
|
|
9232
9393
|
storeName = "Store Name",
|
|
9233
9394
|
noOfProducts = "1490 Products",
|
|
@@ -9242,12 +9403,12 @@ var ScStoreCard = ({
|
|
|
9242
9403
|
className: ScStoreCard_default.scStoreCard + (className ? " " + className : ""),
|
|
9243
9404
|
...props,
|
|
9244
9405
|
children: [
|
|
9245
|
-
/* @__PURE__ */
|
|
9246
|
-
/* @__PURE__ */
|
|
9406
|
+
/* @__PURE__ */ jsx90("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ jsx90("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
|
|
9407
|
+
/* @__PURE__ */ jsx90(ScHDivider, { className: ScStoreCard_default.divider }),
|
|
9247
9408
|
/* @__PURE__ */ jsxs76("div", { className: ScStoreCard_default.footer, children: [
|
|
9248
|
-
/* @__PURE__ */
|
|
9249
|
-
/* @__PURE__ */
|
|
9250
|
-
/* @__PURE__ */
|
|
9409
|
+
/* @__PURE__ */ jsx90(ScBeacon, { tone }),
|
|
9410
|
+
/* @__PURE__ */ jsx90("span", { className: ScStoreCard_default.products, children: noOfProducts }),
|
|
9411
|
+
/* @__PURE__ */ jsx90("span", { className: ScStoreCard_default.date, children: dateCreated })
|
|
9251
9412
|
] })
|
|
9252
9413
|
]
|
|
9253
9414
|
}
|
|
@@ -9266,7 +9427,7 @@ var ScCatalogixStoreHeader_default = {
|
|
|
9266
9427
|
};
|
|
9267
9428
|
|
|
9268
9429
|
// src/SC-Catalogix-Store-Header/ScCatalogixStoreHeader.tsx
|
|
9269
|
-
import { jsx as
|
|
9430
|
+
import { jsx as jsx91, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
9270
9431
|
var ScCatalogixStoreHeader = ({
|
|
9271
9432
|
storeNameLabel = "Store name",
|
|
9272
9433
|
statusLabel = "Status",
|
|
@@ -9285,12 +9446,12 @@ var ScCatalogixStoreHeader = ({
|
|
|
9285
9446
|
className: ScCatalogixStoreHeader_default.scCatalogixStoreHeader + (className ? " " + className : ""),
|
|
9286
9447
|
...props,
|
|
9287
9448
|
children: [
|
|
9288
|
-
/* @__PURE__ */
|
|
9289
|
-
/* @__PURE__ */
|
|
9290
|
-
/* @__PURE__ */
|
|
9291
|
-
showAssets && /* @__PURE__ */
|
|
9292
|
-
/* @__PURE__ */
|
|
9293
|
-
showCreatedBy && /* @__PURE__ */
|
|
9449
|
+
/* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colName, children: storeNameLabel }),
|
|
9450
|
+
/* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colStatus, children: statusLabel }),
|
|
9451
|
+
/* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: productsLabel }),
|
|
9452
|
+
showAssets && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: assetsLabel }),
|
|
9453
|
+
/* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colDate, children: createdOnLabel }),
|
|
9454
|
+
showCreatedBy && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colBy, children: createdByLabel })
|
|
9294
9455
|
]
|
|
9295
9456
|
}
|
|
9296
9457
|
);
|
|
@@ -9312,7 +9473,7 @@ var ScCatalogixStoreTableList_default = {
|
|
|
9312
9473
|
};
|
|
9313
9474
|
|
|
9314
9475
|
// src/SC-CatalogixStoreTableList/ScCatalogixStoreTableList.tsx
|
|
9315
|
-
import { jsx as
|
|
9476
|
+
import { jsx as jsx92, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
9316
9477
|
var STATUS_TONE_CLASS = {
|
|
9317
9478
|
success: "statusSuccess",
|
|
9318
9479
|
warning: "statusWarning",
|
|
@@ -9339,12 +9500,12 @@ var ScCatalogixStoreTableList = ({
|
|
|
9339
9500
|
className: ScCatalogixStoreTableList_default.scCatalogixStoreTableList + (className ? " " + className : ""),
|
|
9340
9501
|
...props,
|
|
9341
9502
|
children: [
|
|
9342
|
-
/* @__PURE__ */
|
|
9343
|
-
/* @__PURE__ */
|
|
9344
|
-
/* @__PURE__ */
|
|
9345
|
-
showAssets && /* @__PURE__ */
|
|
9346
|
-
/* @__PURE__ */
|
|
9347
|
-
showCreatedBy && /* @__PURE__ */
|
|
9503
|
+
/* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.name, title: storeName, children: storeName }),
|
|
9504
|
+
/* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.status + " " + toneClass, children: status }),
|
|
9505
|
+
/* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: products }),
|
|
9506
|
+
showAssets && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: assets }),
|
|
9507
|
+
/* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colDate, children: createdOn }),
|
|
9508
|
+
showCreatedBy && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colBy, children: createdBy })
|
|
9348
9509
|
]
|
|
9349
9510
|
}
|
|
9350
9511
|
);
|
|
@@ -9360,7 +9521,7 @@ var ScDefaultCard_default = {
|
|
|
9360
9521
|
};
|
|
9361
9522
|
|
|
9362
9523
|
// src/SC-DefaultCard/ScDefaultCard.tsx
|
|
9363
|
-
import { jsx as
|
|
9524
|
+
import { jsx as jsx93, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
9364
9525
|
var ScDefaultCard = ({
|
|
9365
9526
|
title = "Title",
|
|
9366
9527
|
description = "Description",
|
|
@@ -9371,14 +9532,14 @@ var ScDefaultCard = ({
|
|
|
9371
9532
|
}) => {
|
|
9372
9533
|
const variantsClassName = ScDefaultCard_default["state-" + state];
|
|
9373
9534
|
const hasDescription = showDescription && Boolean(description);
|
|
9374
|
-
return /* @__PURE__ */
|
|
9535
|
+
return /* @__PURE__ */ jsx93(
|
|
9375
9536
|
"div",
|
|
9376
9537
|
{
|
|
9377
9538
|
className: [ScDefaultCard_default.scDefaultCard, variantsClassName, className].filter(Boolean).join(" "),
|
|
9378
9539
|
...props,
|
|
9379
9540
|
children: /* @__PURE__ */ jsxs79("div", { className: ScDefaultCard_default.content, children: [
|
|
9380
|
-
/* @__PURE__ */
|
|
9381
|
-
hasDescription && /* @__PURE__ */
|
|
9541
|
+
/* @__PURE__ */ jsx93("p", { className: ScDefaultCard_default.title, children: title }),
|
|
9542
|
+
hasDescription && /* @__PURE__ */ jsx93("p", { className: ScDefaultCard_default.description, children: description })
|
|
9382
9543
|
] })
|
|
9383
9544
|
}
|
|
9384
9545
|
);
|
|
@@ -9397,7 +9558,7 @@ var ScValueMappingL1_default = {
|
|
|
9397
9558
|
};
|
|
9398
9559
|
|
|
9399
9560
|
// src/SC-ValueMappingL1/ScValueMappingL1.tsx
|
|
9400
|
-
import { jsx as
|
|
9561
|
+
import { jsx as jsx94, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
9401
9562
|
var ScValueMappingL1 = ({
|
|
9402
9563
|
label = "Title",
|
|
9403
9564
|
state = "default",
|
|
@@ -9417,8 +9578,8 @@ var ScValueMappingL1 = ({
|
|
|
9417
9578
|
].filter(Boolean).join(" "),
|
|
9418
9579
|
...props,
|
|
9419
9580
|
children: [
|
|
9420
|
-
/* @__PURE__ */
|
|
9421
|
-
updated && /* @__PURE__ */
|
|
9581
|
+
/* @__PURE__ */ jsx94("div", { className: ScValueMappingL1_default.labelWrap, children: /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.label, title: label, children: label }) }),
|
|
9582
|
+
updated && /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.dot, "aria-hidden": true, children: /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.dotInner }) })
|
|
9422
9583
|
]
|
|
9423
9584
|
}
|
|
9424
9585
|
);
|
|
@@ -9438,7 +9599,7 @@ var ScTaxonomyPill_default = {
|
|
|
9438
9599
|
|
|
9439
9600
|
// src/SC-TaxonomyPill/ScTaxonomyPill.tsx
|
|
9440
9601
|
import { SiconDown as SiconDown2, SiconUp as SiconUp2 } from "@streamoid/icons";
|
|
9441
|
-
import { Fragment as Fragment25, jsx as
|
|
9602
|
+
import { Fragment as Fragment25, jsx as jsx95, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
9442
9603
|
var ScTaxonomyPill = ({
|
|
9443
9604
|
type = "pill",
|
|
9444
9605
|
state = "default",
|
|
@@ -9453,13 +9614,13 @@ var ScTaxonomyPill = ({
|
|
|
9453
9614
|
ScTaxonomyPill_default["state-" + state],
|
|
9454
9615
|
className
|
|
9455
9616
|
].filter(Boolean).join(" ");
|
|
9456
|
-
return /* @__PURE__ */
|
|
9457
|
-
type === "pill" && /* @__PURE__ */
|
|
9617
|
+
return /* @__PURE__ */ jsx95("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs81("div", { className: ScTaxonomyPill_default.inner, children: [
|
|
9618
|
+
type === "pill" && /* @__PURE__ */ jsx95("span", { className: ScTaxonomyPill_default.label, children: label }),
|
|
9458
9619
|
type === "expand" && /* @__PURE__ */ jsxs81(Fragment25, { children: [
|
|
9459
|
-
/* @__PURE__ */
|
|
9460
|
-
/* @__PURE__ */
|
|
9620
|
+
/* @__PURE__ */ jsx95("span", { className: ScTaxonomyPill_default.label, children: count }),
|
|
9621
|
+
/* @__PURE__ */ jsx95(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
|
|
9461
9622
|
] }),
|
|
9462
|
-
type === "collapse" && /* @__PURE__ */
|
|
9623
|
+
type === "collapse" && /* @__PURE__ */ jsx95(SiconUp2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
|
|
9463
9624
|
] }) });
|
|
9464
9625
|
};
|
|
9465
9626
|
|
|
@@ -9472,7 +9633,7 @@ var ScSelectionPill_default = {
|
|
|
9472
9633
|
};
|
|
9473
9634
|
|
|
9474
9635
|
// src/SC-SelectionPill/ScSelectionPill.tsx
|
|
9475
|
-
import { jsx as
|
|
9636
|
+
import { jsx as jsx96 } from "react/jsx-runtime";
|
|
9476
9637
|
var ScSelectionPill = ({
|
|
9477
9638
|
label = "All Products",
|
|
9478
9639
|
selected = false,
|
|
@@ -9487,7 +9648,7 @@ var ScSelectionPill = ({
|
|
|
9487
9648
|
onClick?.(event);
|
|
9488
9649
|
onSelect?.(value);
|
|
9489
9650
|
};
|
|
9490
|
-
return /* @__PURE__ */
|
|
9651
|
+
return /* @__PURE__ */ jsx96(
|
|
9491
9652
|
"button",
|
|
9492
9653
|
{
|
|
9493
9654
|
type: "button",
|
|
@@ -9495,7 +9656,7 @@ var ScSelectionPill = ({
|
|
|
9495
9656
|
"aria-pressed": selected,
|
|
9496
9657
|
onClick: handleClick,
|
|
9497
9658
|
...props,
|
|
9498
|
-
children: /* @__PURE__ */
|
|
9659
|
+
children: /* @__PURE__ */ jsx96("span", { className: ScSelectionPill_default.label, children: label })
|
|
9499
9660
|
}
|
|
9500
9661
|
);
|
|
9501
9662
|
};
|
|
@@ -9506,7 +9667,7 @@ var ScSelectionPillGroup_default = {
|
|
|
9506
9667
|
};
|
|
9507
9668
|
|
|
9508
9669
|
// src/SC-SelectionPillGroup/ScSelectionPillGroup.tsx
|
|
9509
|
-
import { jsx as
|
|
9670
|
+
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
9510
9671
|
var ScSelectionPillGroup = ({
|
|
9511
9672
|
options = [],
|
|
9512
9673
|
value,
|
|
@@ -9514,13 +9675,13 @@ var ScSelectionPillGroup = ({
|
|
|
9514
9675
|
className,
|
|
9515
9676
|
...props
|
|
9516
9677
|
}) => {
|
|
9517
|
-
return /* @__PURE__ */
|
|
9678
|
+
return /* @__PURE__ */ jsx97(
|
|
9518
9679
|
"div",
|
|
9519
9680
|
{
|
|
9520
9681
|
className: [ScSelectionPillGroup_default.scSelectionPillGroup, className].filter(Boolean).join(" "),
|
|
9521
9682
|
role: "tablist",
|
|
9522
9683
|
...props,
|
|
9523
|
-
children: options.map((opt) => /* @__PURE__ */
|
|
9684
|
+
children: options.map((opt) => /* @__PURE__ */ jsx97(
|
|
9524
9685
|
ScSelectionPill,
|
|
9525
9686
|
{
|
|
9526
9687
|
label: opt.label,
|
|
@@ -9541,7 +9702,7 @@ import {
|
|
|
9541
9702
|
SiconPlus as SiconPlus3,
|
|
9542
9703
|
SiconRight as SiconRight6,
|
|
9543
9704
|
SiconWarning,
|
|
9544
|
-
SiconCheck
|
|
9705
|
+
SiconCheck,
|
|
9545
9706
|
SiconClose as SiconClose4
|
|
9546
9707
|
} from "@streamoid/icons";
|
|
9547
9708
|
|
|
@@ -9583,7 +9744,7 @@ var ScMappingCard_default = {
|
|
|
9583
9744
|
};
|
|
9584
9745
|
|
|
9585
9746
|
// src/SC-MappingCard/ScMappingCard.tsx
|
|
9586
|
-
import { Fragment as Fragment26, jsx as
|
|
9747
|
+
import { Fragment as Fragment26, jsx as jsx98, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
9587
9748
|
var ScMappingCard = ({
|
|
9588
9749
|
badge,
|
|
9589
9750
|
columnName,
|
|
@@ -9610,19 +9771,19 @@ var ScMappingCard = ({
|
|
|
9610
9771
|
className: [ScMappingCard_default.scMappingCard, ScMappingCard_default["status-" + status], className].filter(Boolean).join(" "),
|
|
9611
9772
|
...props,
|
|
9612
9773
|
children: [
|
|
9613
|
-
badge != null && /* @__PURE__ */
|
|
9774
|
+
badge != null && /* @__PURE__ */ jsx98("div", { className: ScMappingCard_default.badge, "aria-hidden": true, children: /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.badgeLetter, children: badge }) }),
|
|
9614
9775
|
/* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.content, children: [
|
|
9615
9776
|
isDefault ? /* @__PURE__ */ jsxs82("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCard].join(" "), children: [
|
|
9616
9777
|
/* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.sourceHeader, children: [
|
|
9617
|
-
/* @__PURE__ */
|
|
9618
|
-
/* @__PURE__ */
|
|
9778
|
+
/* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }),
|
|
9779
|
+
/* @__PURE__ */ jsx98(
|
|
9619
9780
|
"button",
|
|
9620
9781
|
{
|
|
9621
9782
|
type: "button",
|
|
9622
9783
|
className: ScMappingCard_default.addBtn,
|
|
9623
9784
|
onClick: onAddColumn,
|
|
9624
9785
|
"aria-label": "Add column",
|
|
9625
|
-
children: /* @__PURE__ */
|
|
9786
|
+
children: /* @__PURE__ */ jsx98(
|
|
9626
9787
|
SiconPlus3,
|
|
9627
9788
|
{
|
|
9628
9789
|
size: 24,
|
|
@@ -9632,12 +9793,12 @@ var ScMappingCard = ({
|
|
|
9632
9793
|
}
|
|
9633
9794
|
)
|
|
9634
9795
|
] }),
|
|
9635
|
-
sampleRows.length > 0 && /* @__PURE__ */
|
|
9636
|
-
] }) : /* @__PURE__ */
|
|
9796
|
+
sampleRows.length > 0 && /* @__PURE__ */ jsx98("div", { className: ScMappingCard_default.sampleRows, children: sampleRows.map((row, i) => /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.sampleRow, title: row, children: row }, i)) })
|
|
9797
|
+
] }) : /* @__PURE__ */ jsx98("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCollapsed].join(" "), children: /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }) }),
|
|
9637
9798
|
/* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRegion, children: [
|
|
9638
9799
|
isDefault && targets,
|
|
9639
9800
|
isConfirmed && confirmedTargets.map((t, i) => /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRow, children: [
|
|
9640
|
-
/* @__PURE__ */
|
|
9801
|
+
/* @__PURE__ */ jsx98(
|
|
9641
9802
|
SiconRight6,
|
|
9642
9803
|
{
|
|
9643
9804
|
size: 20,
|
|
@@ -9645,10 +9806,10 @@ var ScMappingCard = ({
|
|
|
9645
9806
|
className: ScMappingCard_default.connector
|
|
9646
9807
|
}
|
|
9647
9808
|
),
|
|
9648
|
-
/* @__PURE__ */
|
|
9809
|
+
/* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.targetBox, title: t, children: t })
|
|
9649
9810
|
] }, i)),
|
|
9650
9811
|
isIgnored && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRow, children: [
|
|
9651
|
-
/* @__PURE__ */
|
|
9812
|
+
/* @__PURE__ */ jsx98(
|
|
9652
9813
|
SiconRight6,
|
|
9653
9814
|
{
|
|
9654
9815
|
size: 24,
|
|
@@ -9656,23 +9817,23 @@ var ScMappingCard = ({
|
|
|
9656
9817
|
className: ScMappingCard_default.connector
|
|
9657
9818
|
}
|
|
9658
9819
|
),
|
|
9659
|
-
/* @__PURE__ */
|
|
9820
|
+
/* @__PURE__ */ jsx98("span", { className: [ScMappingCard_default.targetBox, ScMappingCard_default.targetBoxDash].join(" "), children: "-" })
|
|
9660
9821
|
] }),
|
|
9661
9822
|
isDefault && warning != null && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.warning, children: [
|
|
9662
|
-
/* @__PURE__ */
|
|
9823
|
+
/* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.warningIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx98(
|
|
9663
9824
|
SiconWarning,
|
|
9664
9825
|
{
|
|
9665
9826
|
size: 20,
|
|
9666
9827
|
color: "var(--alias-text-and-icons-error, #d11a1a)"
|
|
9667
9828
|
}
|
|
9668
9829
|
) }),
|
|
9669
|
-
/* @__PURE__ */
|
|
9830
|
+
/* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.warningText, children: warning })
|
|
9670
9831
|
] })
|
|
9671
9832
|
] }),
|
|
9672
9833
|
/* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actions, children: [
|
|
9673
9834
|
isDefault && /* @__PURE__ */ jsxs82(Fragment26, { children: [
|
|
9674
9835
|
/* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
|
|
9675
|
-
/* @__PURE__ */
|
|
9836
|
+
/* @__PURE__ */ jsx98(
|
|
9676
9837
|
"button",
|
|
9677
9838
|
{
|
|
9678
9839
|
type: "button",
|
|
@@ -9681,7 +9842,7 @@ var ScMappingCard = ({
|
|
|
9681
9842
|
children: "Ignore Column"
|
|
9682
9843
|
}
|
|
9683
9844
|
),
|
|
9684
|
-
canConfirm && /* @__PURE__ */
|
|
9845
|
+
canConfirm && /* @__PURE__ */ jsx98(
|
|
9685
9846
|
"button",
|
|
9686
9847
|
{
|
|
9687
9848
|
type: "button",
|
|
@@ -9693,7 +9854,7 @@ var ScMappingCard = ({
|
|
|
9693
9854
|
}
|
|
9694
9855
|
)
|
|
9695
9856
|
] }),
|
|
9696
|
-
validityText && /* @__PURE__ */
|
|
9857
|
+
validityText && /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.validityText, children: validityText })
|
|
9697
9858
|
] }),
|
|
9698
9859
|
isConfirmed && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
|
|
9699
9860
|
/* @__PURE__ */ jsxs82(
|
|
@@ -9701,8 +9862,8 @@ var ScMappingCard = ({
|
|
|
9701
9862
|
{
|
|
9702
9863
|
className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusSuccess].join(" "),
|
|
9703
9864
|
children: [
|
|
9704
|
-
/* @__PURE__ */
|
|
9705
|
-
|
|
9865
|
+
/* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx98(
|
|
9866
|
+
SiconCheck,
|
|
9706
9867
|
{
|
|
9707
9868
|
size: 24,
|
|
9708
9869
|
color: "var(--alias-text-and-icons-success, #00b96b)"
|
|
@@ -9712,7 +9873,7 @@ var ScMappingCard = ({
|
|
|
9712
9873
|
]
|
|
9713
9874
|
}
|
|
9714
9875
|
),
|
|
9715
|
-
/* @__PURE__ */
|
|
9876
|
+
/* @__PURE__ */ jsx98(
|
|
9716
9877
|
"button",
|
|
9717
9878
|
{
|
|
9718
9879
|
type: "button",
|
|
@@ -9724,7 +9885,7 @@ var ScMappingCard = ({
|
|
|
9724
9885
|
] }),
|
|
9725
9886
|
isIgnored && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
|
|
9726
9887
|
/* @__PURE__ */ jsxs82("span", { className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusError].join(" "), children: [
|
|
9727
|
-
/* @__PURE__ */
|
|
9888
|
+
/* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx98(
|
|
9728
9889
|
SiconClose4,
|
|
9729
9890
|
{
|
|
9730
9891
|
size: 24,
|
|
@@ -9733,7 +9894,7 @@ var ScMappingCard = ({
|
|
|
9733
9894
|
) }),
|
|
9734
9895
|
"Column Ignored"
|
|
9735
9896
|
] }),
|
|
9736
|
-
/* @__PURE__ */
|
|
9897
|
+
/* @__PURE__ */ jsx98(
|
|
9737
9898
|
"button",
|
|
9738
9899
|
{
|
|
9739
9900
|
type: "button",
|
|
@@ -9764,7 +9925,7 @@ var ScThinkingStepIcon_default = {
|
|
|
9764
9925
|
};
|
|
9765
9926
|
|
|
9766
9927
|
// src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
|
|
9767
|
-
import { jsx as
|
|
9928
|
+
import { jsx as jsx99, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
9768
9929
|
var ScThinkingStepIcon = ({
|
|
9769
9930
|
state = "default",
|
|
9770
9931
|
size = 12,
|
|
@@ -9773,7 +9934,7 @@ var ScThinkingStepIcon = ({
|
|
|
9773
9934
|
...props
|
|
9774
9935
|
}) => {
|
|
9775
9936
|
const variantsClassName = ScThinkingStepIcon_default["state-" + state];
|
|
9776
|
-
return /* @__PURE__ */
|
|
9937
|
+
return /* @__PURE__ */ jsx99(
|
|
9777
9938
|
"span",
|
|
9778
9939
|
{
|
|
9779
9940
|
className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
|
|
@@ -9790,7 +9951,7 @@ var ScThinkingStepIcon = ({
|
|
|
9790
9951
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9791
9952
|
"aria-hidden": "true",
|
|
9792
9953
|
children: [
|
|
9793
|
-
state === "default" && /* @__PURE__ */
|
|
9954
|
+
state === "default" && /* @__PURE__ */ jsx99(
|
|
9794
9955
|
"circle",
|
|
9795
9956
|
{
|
|
9796
9957
|
className: ScThinkingStepIcon_default.stroke,
|
|
@@ -9801,7 +9962,7 @@ var ScThinkingStepIcon = ({
|
|
|
9801
9962
|
strokeLinecap: "round"
|
|
9802
9963
|
}
|
|
9803
9964
|
),
|
|
9804
|
-
state === "working" && /* @__PURE__ */
|
|
9965
|
+
state === "working" && /* @__PURE__ */ jsx99(
|
|
9805
9966
|
"path",
|
|
9806
9967
|
{
|
|
9807
9968
|
className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
|
|
@@ -9811,7 +9972,7 @@ var ScThinkingStepIcon = ({
|
|
|
9811
9972
|
strokeLinejoin: "round"
|
|
9812
9973
|
}
|
|
9813
9974
|
),
|
|
9814
|
-
state === "completed" && /* @__PURE__ */
|
|
9975
|
+
state === "completed" && /* @__PURE__ */ jsx99(
|
|
9815
9976
|
"path",
|
|
9816
9977
|
{
|
|
9817
9978
|
className: ScThinkingStepIcon_default.stroke,
|
|
@@ -9821,7 +9982,7 @@ var ScThinkingStepIcon = ({
|
|
|
9821
9982
|
strokeLinejoin: "round"
|
|
9822
9983
|
}
|
|
9823
9984
|
),
|
|
9824
|
-
state === "error" && /* @__PURE__ */
|
|
9985
|
+
state === "error" && /* @__PURE__ */ jsx99(
|
|
9825
9986
|
"path",
|
|
9826
9987
|
{
|
|
9827
9988
|
className: ScThinkingStepIcon_default.stroke,
|
|
@@ -9861,7 +10022,7 @@ var ScInChatList_default = {
|
|
|
9861
10022
|
|
|
9862
10023
|
// src/SC-InChatList/ScInChatList.tsx
|
|
9863
10024
|
import { SiconUp as SiconUp3, SiconDown as SiconDown3, SiconDot as SiconDot2 } from "@streamoid/icons";
|
|
9864
|
-
import { jsx as
|
|
10025
|
+
import { jsx as jsx100, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
9865
10026
|
var ScInChatList = ({
|
|
9866
10027
|
title = "Infrastructure that helps modern brands scale",
|
|
9867
10028
|
description = "Description",
|
|
@@ -9884,27 +10045,27 @@ var ScInChatList = ({
|
|
|
9884
10045
|
className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
|
|
9885
10046
|
style,
|
|
9886
10047
|
children: [
|
|
9887
|
-
leadingIndicator && /* @__PURE__ */
|
|
10048
|
+
leadingIndicator && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx100(ScThinkingStepIcon, { state: iconState }) }),
|
|
9888
10049
|
/* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.content, children: [
|
|
9889
10050
|
/* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.headerArea, children: [
|
|
9890
|
-
showSteps && /* @__PURE__ */
|
|
10051
|
+
showSteps && /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.stepCount, children: stepCount }),
|
|
9891
10052
|
/* @__PURE__ */ jsxs84(
|
|
9892
10053
|
"div",
|
|
9893
10054
|
{
|
|
9894
10055
|
className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
|
|
9895
10056
|
onClick: isExpandable ? onToggle : void 0,
|
|
9896
10057
|
children: [
|
|
9897
|
-
/* @__PURE__ */
|
|
9898
|
-
isExpandable && /* @__PURE__ */
|
|
10058
|
+
/* @__PURE__ */ jsx100("p", { className: ScInChatList_default.title, children: title }),
|
|
10059
|
+
isExpandable && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx100(SiconUp3, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx100(SiconDown3, { size: 12, className: ScInChatList_default.chevronIcon }) })
|
|
9899
10060
|
]
|
|
9900
10061
|
}
|
|
9901
10062
|
),
|
|
9902
10063
|
isExpanded && /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.descriptionRow, children: [
|
|
9903
|
-
/* @__PURE__ */
|
|
9904
|
-
/* @__PURE__ */
|
|
10064
|
+
/* @__PURE__ */ jsx100("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx100(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
|
|
10065
|
+
/* @__PURE__ */ jsx100("p", { className: ScInChatList_default.descriptionText, children: description })
|
|
9905
10066
|
] })
|
|
9906
10067
|
] }),
|
|
9907
|
-
showTool && /* @__PURE__ */
|
|
10068
|
+
showTool && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
|
|
9908
10069
|
] })
|
|
9909
10070
|
]
|
|
9910
10071
|
}
|
|
@@ -9918,7 +10079,7 @@ var ScSubAgent_default = {
|
|
|
9918
10079
|
};
|
|
9919
10080
|
|
|
9920
10081
|
// src/SC-SubAgent/ScSubAgent.tsx
|
|
9921
|
-
import { jsx as
|
|
10082
|
+
import { jsx as jsx101 } from "react/jsx-runtime";
|
|
9922
10083
|
function formatSubAgentLabel(agentName) {
|
|
9923
10084
|
const normalized = (agentName ?? "").trim();
|
|
9924
10085
|
if (!normalized) return "Using sub-agent...";
|
|
@@ -9931,12 +10092,12 @@ var ScSubAgent = ({
|
|
|
9931
10092
|
...props
|
|
9932
10093
|
}) => {
|
|
9933
10094
|
const label = text ?? formatSubAgentLabel(agentName);
|
|
9934
|
-
return /* @__PURE__ */
|
|
10095
|
+
return /* @__PURE__ */ jsx101(
|
|
9935
10096
|
"div",
|
|
9936
10097
|
{
|
|
9937
10098
|
className: [ScSubAgent_default.scSubAgent, className].filter(Boolean).join(" "),
|
|
9938
10099
|
...props,
|
|
9939
|
-
children: /* @__PURE__ */
|
|
10100
|
+
children: /* @__PURE__ */ jsx101("p", { className: ScSubAgent_default.label, children: label })
|
|
9940
10101
|
}
|
|
9941
10102
|
);
|
|
9942
10103
|
};
|
|
@@ -9950,7 +10111,7 @@ var ScInChatMessage_default = {
|
|
|
9950
10111
|
};
|
|
9951
10112
|
|
|
9952
10113
|
// src/SC-InChatMessage/ScInChatMessage.tsx
|
|
9953
|
-
import { jsx as
|
|
10114
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
9954
10115
|
var ScInChatMessage = ({
|
|
9955
10116
|
type = "input",
|
|
9956
10117
|
text,
|
|
@@ -9960,13 +10121,13 @@ var ScInChatMessage = ({
|
|
|
9960
10121
|
...props
|
|
9961
10122
|
}) => {
|
|
9962
10123
|
const variantsClassName = ScInChatMessage_default["type-" + type];
|
|
9963
|
-
return /* @__PURE__ */
|
|
10124
|
+
return /* @__PURE__ */ jsx102(
|
|
9964
10125
|
"div",
|
|
9965
10126
|
{
|
|
9966
10127
|
className: [ScInChatMessage_default.scInChatMessage, variantsClassName, className].filter(Boolean).join(" "),
|
|
9967
10128
|
id,
|
|
9968
10129
|
...props,
|
|
9969
|
-
children: /* @__PURE__ */
|
|
10130
|
+
children: /* @__PURE__ */ jsx102("p", { className: ScInChatMessage_default.text, children: children ?? text })
|
|
9970
10131
|
}
|
|
9971
10132
|
);
|
|
9972
10133
|
};
|
|
@@ -9983,7 +10144,7 @@ var ScSelection_default = {
|
|
|
9983
10144
|
};
|
|
9984
10145
|
|
|
9985
10146
|
// src/SC-Selection/ScSelection.tsx
|
|
9986
|
-
import { jsx as
|
|
10147
|
+
import { jsx as jsx103, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
9987
10148
|
var ScSelection = ({
|
|
9988
10149
|
title = "Title",
|
|
9989
10150
|
description = "Description",
|
|
@@ -10006,7 +10167,7 @@ var ScSelection = ({
|
|
|
10006
10167
|
onClick: handleClick,
|
|
10007
10168
|
...props,
|
|
10008
10169
|
children: [
|
|
10009
|
-
/* @__PURE__ */
|
|
10170
|
+
/* @__PURE__ */ jsx103(
|
|
10010
10171
|
ScRadio,
|
|
10011
10172
|
{
|
|
10012
10173
|
state: active ? "selected" : "default",
|
|
@@ -10014,8 +10175,8 @@ var ScSelection = ({
|
|
|
10014
10175
|
}
|
|
10015
10176
|
),
|
|
10016
10177
|
/* @__PURE__ */ jsxs85("div", { className: ScSelection_default.wrapper, children: [
|
|
10017
|
-
/* @__PURE__ */
|
|
10018
|
-
description && /* @__PURE__ */
|
|
10178
|
+
/* @__PURE__ */ jsx103("p", { className: ScSelection_default.title, children: title }),
|
|
10179
|
+
description && /* @__PURE__ */ jsx103("p", { className: ScSelection_default.description, children: description })
|
|
10019
10180
|
] })
|
|
10020
10181
|
]
|
|
10021
10182
|
}
|
|
@@ -10042,7 +10203,7 @@ var ScSelectionList_default = {
|
|
|
10042
10203
|
};
|
|
10043
10204
|
|
|
10044
10205
|
// src/SC-SelectionList/ScSelectionList.tsx
|
|
10045
|
-
import { jsx as
|
|
10206
|
+
import { jsx as jsx104, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
10046
10207
|
var ScSelectionList = ({
|
|
10047
10208
|
state = "default",
|
|
10048
10209
|
label = "Suggested Colours: ",
|
|
@@ -10072,7 +10233,7 @@ var ScSelectionList = ({
|
|
|
10072
10233
|
...props,
|
|
10073
10234
|
children: [
|
|
10074
10235
|
/* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.toggles, children: [
|
|
10075
|
-
/* @__PURE__ */
|
|
10236
|
+
/* @__PURE__ */ jsx104(
|
|
10076
10237
|
"button",
|
|
10077
10238
|
{
|
|
10078
10239
|
type: "button",
|
|
@@ -10081,7 +10242,7 @@ var ScSelectionList = ({
|
|
|
10081
10242
|
disabled,
|
|
10082
10243
|
"aria-pressed": state === "approved",
|
|
10083
10244
|
"aria-label": state === "approved" ? "Revoke approval" : "Approve",
|
|
10084
|
-
children: /* @__PURE__ */
|
|
10245
|
+
children: /* @__PURE__ */ jsx104(
|
|
10085
10246
|
"svg",
|
|
10086
10247
|
{
|
|
10087
10248
|
className: ScSelectionList_default.checkIcon,
|
|
@@ -10090,7 +10251,7 @@ var ScSelectionList = ({
|
|
|
10090
10251
|
viewBox: "0 0 8 6",
|
|
10091
10252
|
fill: "none",
|
|
10092
10253
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10093
|
-
children: /* @__PURE__ */
|
|
10254
|
+
children: /* @__PURE__ */ jsx104(
|
|
10094
10255
|
"path",
|
|
10095
10256
|
{
|
|
10096
10257
|
d: "M0.5 3.5L2.5 5.5L7.5 0.5",
|
|
@@ -10103,7 +10264,7 @@ var ScSelectionList = ({
|
|
|
10103
10264
|
)
|
|
10104
10265
|
}
|
|
10105
10266
|
),
|
|
10106
|
-
/* @__PURE__ */
|
|
10267
|
+
/* @__PURE__ */ jsx104(
|
|
10107
10268
|
"button",
|
|
10108
10269
|
{
|
|
10109
10270
|
type: "button",
|
|
@@ -10112,7 +10273,7 @@ var ScSelectionList = ({
|
|
|
10112
10273
|
disabled,
|
|
10113
10274
|
"aria-pressed": state === "rejected",
|
|
10114
10275
|
"aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
|
|
10115
|
-
children: /* @__PURE__ */
|
|
10276
|
+
children: /* @__PURE__ */ jsx104(
|
|
10116
10277
|
"svg",
|
|
10117
10278
|
{
|
|
10118
10279
|
className: ScSelectionList_default.closeIcon,
|
|
@@ -10121,7 +10282,7 @@ var ScSelectionList = ({
|
|
|
10121
10282
|
viewBox: "0 0 6.24261 6.24262",
|
|
10122
10283
|
fill: "none",
|
|
10123
10284
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10124
|
-
children: /* @__PURE__ */
|
|
10285
|
+
children: /* @__PURE__ */ jsx104(
|
|
10125
10286
|
"path",
|
|
10126
10287
|
{
|
|
10127
10288
|
d: "M0.5 5.74262L3.12132 3.12132M3.12132 3.12132L5.74261 0.5M3.12132 3.12132L0.5 0.5M3.12132 3.12132L5.74261 5.74262",
|
|
@@ -10135,9 +10296,9 @@ var ScSelectionList = ({
|
|
|
10135
10296
|
}
|
|
10136
10297
|
)
|
|
10137
10298
|
] }),
|
|
10138
|
-
/* @__PURE__ */
|
|
10139
|
-
/* @__PURE__ */
|
|
10140
|
-
/* @__PURE__ */
|
|
10299
|
+
/* @__PURE__ */ jsx104("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.row, children: [
|
|
10300
|
+
/* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.label, children: label }),
|
|
10301
|
+
/* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
|
|
10141
10302
|
] }) })
|
|
10142
10303
|
]
|
|
10143
10304
|
}
|
|
@@ -10164,7 +10325,7 @@ var ScTextArea_default = {
|
|
|
10164
10325
|
};
|
|
10165
10326
|
|
|
10166
10327
|
// src/SC-textArea/ScTextArea.tsx
|
|
10167
|
-
import { jsx as
|
|
10328
|
+
import { jsx as jsx105, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
10168
10329
|
var ScTextArea = ({
|
|
10169
10330
|
state,
|
|
10170
10331
|
labelGroup = "",
|
|
@@ -10195,7 +10356,7 @@ var ScTextArea = ({
|
|
|
10195
10356
|
" "
|
|
10196
10357
|
] })
|
|
10197
10358
|
] }),
|
|
10198
|
-
/* @__PURE__ */
|
|
10359
|
+
/* @__PURE__ */ jsx105("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx105(
|
|
10199
10360
|
"textarea",
|
|
10200
10361
|
{
|
|
10201
10362
|
className: ScTextArea_default.inputText,
|
|
@@ -10242,7 +10403,7 @@ var ScSelect_default = {
|
|
|
10242
10403
|
};
|
|
10243
10404
|
|
|
10244
10405
|
// src/SC-select/ScSelect.tsx
|
|
10245
|
-
import { jsx as
|
|
10406
|
+
import { jsx as jsx106, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
10246
10407
|
var ScSelect = (props) => {
|
|
10247
10408
|
const {
|
|
10248
10409
|
value,
|
|
@@ -10283,7 +10444,7 @@ var ScSelect = (props) => {
|
|
|
10283
10444
|
className
|
|
10284
10445
|
].filter(Boolean).join(" ");
|
|
10285
10446
|
return /* @__PURE__ */ jsxs88("div", { className: rootClass, ref: rootRef, children: [
|
|
10286
|
-
labelGroup === "label" && label ? /* @__PURE__ */
|
|
10447
|
+
labelGroup === "label" && label ? /* @__PURE__ */ jsx106("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx106("div", { className: ScSelect_default.label, children: label }) }) : null,
|
|
10287
10448
|
/* @__PURE__ */ jsxs88("div", { className: ScSelect_default.selectArea, children: [
|
|
10288
10449
|
/* @__PURE__ */ jsxs88(
|
|
10289
10450
|
"button",
|
|
@@ -10295,18 +10456,18 @@ var ScSelect = (props) => {
|
|
|
10295
10456
|
"aria-haspopup": "listbox",
|
|
10296
10457
|
"aria-expanded": open,
|
|
10297
10458
|
children: [
|
|
10298
|
-
/* @__PURE__ */
|
|
10459
|
+
/* @__PURE__ */ jsx106(
|
|
10299
10460
|
"span",
|
|
10300
10461
|
{
|
|
10301
10462
|
className: [ScSelect_default.triggerText, selected ? void 0 : ScSelect_default.placeholder].filter(Boolean).join(" "),
|
|
10302
10463
|
children: selected ? selected.label : placeholder
|
|
10303
10464
|
}
|
|
10304
10465
|
),
|
|
10305
|
-
/* @__PURE__ */
|
|
10466
|
+
/* @__PURE__ */ jsx106(
|
|
10306
10467
|
"span",
|
|
10307
10468
|
{
|
|
10308
10469
|
className: [ScSelect_default.chevron, open ? ScSelect_default.chevronOpen : void 0].filter(Boolean).join(" "),
|
|
10309
|
-
children: /* @__PURE__ */
|
|
10470
|
+
children: /* @__PURE__ */ jsx106("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx106(
|
|
10310
10471
|
"path",
|
|
10311
10472
|
{
|
|
10312
10473
|
d: "M5 7.5L10 12.5L15 7.5",
|
|
@@ -10321,7 +10482,7 @@ var ScSelect = (props) => {
|
|
|
10321
10482
|
]
|
|
10322
10483
|
}
|
|
10323
10484
|
),
|
|
10324
|
-
open ? /* @__PURE__ */
|
|
10485
|
+
open ? /* @__PURE__ */ jsx106("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
|
|
10325
10486
|
const isSelected = option.id === value;
|
|
10326
10487
|
const optionClass = [
|
|
10327
10488
|
ScSelect_default.option,
|
|
@@ -10335,8 +10496,8 @@ var ScSelect = (props) => {
|
|
|
10335
10496
|
"aria-selected": isSelected,
|
|
10336
10497
|
onClick: () => handleSelect(option.id),
|
|
10337
10498
|
children: [
|
|
10338
|
-
/* @__PURE__ */
|
|
10339
|
-
option.description ? /* @__PURE__ */
|
|
10499
|
+
/* @__PURE__ */ jsx106("span", { className: ScSelect_default.optionLabel, children: option.label }),
|
|
10500
|
+
option.description ? /* @__PURE__ */ jsx106("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
|
|
10340
10501
|
]
|
|
10341
10502
|
},
|
|
10342
10503
|
option.id
|
|
@@ -10371,7 +10532,7 @@ var ScFileField_default = {
|
|
|
10371
10532
|
};
|
|
10372
10533
|
|
|
10373
10534
|
// src/SC-fileField/ScFileField.tsx
|
|
10374
|
-
import { jsx as
|
|
10535
|
+
import { jsx as jsx107, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
10375
10536
|
var ScFileField = (props) => {
|
|
10376
10537
|
const {
|
|
10377
10538
|
onFileSelect,
|
|
@@ -10408,9 +10569,9 @@ var ScFileField = (props) => {
|
|
|
10408
10569
|
strokeLinejoin: "round",
|
|
10409
10570
|
"aria-hidden": "true",
|
|
10410
10571
|
children: [
|
|
10411
|
-
/* @__PURE__ */
|
|
10412
|
-
/* @__PURE__ */
|
|
10413
|
-
/* @__PURE__ */
|
|
10572
|
+
/* @__PURE__ */ jsx107("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
|
|
10573
|
+
/* @__PURE__ */ jsx107("path", { d: "M12 16V4" }),
|
|
10574
|
+
/* @__PURE__ */ jsx107("path", { d: "M7 9l5-5 5 5" })
|
|
10414
10575
|
]
|
|
10415
10576
|
}
|
|
10416
10577
|
);
|
|
@@ -10428,8 +10589,8 @@ var ScFileField = (props) => {
|
|
|
10428
10589
|
strokeLinejoin: "round",
|
|
10429
10590
|
"aria-hidden": "true",
|
|
10430
10591
|
children: [
|
|
10431
|
-
/* @__PURE__ */
|
|
10432
|
-
/* @__PURE__ */
|
|
10592
|
+
/* @__PURE__ */ jsx107("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
|
|
10593
|
+
/* @__PURE__ */ jsx107("path", { d: "M14 2v6h6" })
|
|
10433
10594
|
]
|
|
10434
10595
|
}
|
|
10435
10596
|
);
|
|
@@ -10446,20 +10607,20 @@ var ScFileField = (props) => {
|
|
|
10446
10607
|
strokeLinejoin: "round",
|
|
10447
10608
|
"aria-hidden": "true",
|
|
10448
10609
|
children: [
|
|
10449
|
-
/* @__PURE__ */
|
|
10450
|
-
/* @__PURE__ */
|
|
10610
|
+
/* @__PURE__ */ jsx107("path", { d: "M18 6L6 18" }),
|
|
10611
|
+
/* @__PURE__ */ jsx107("path", { d: "M6 6l12 12" })
|
|
10451
10612
|
]
|
|
10452
10613
|
}
|
|
10453
10614
|
);
|
|
10454
10615
|
const rootClass = [ScFileField_default.scFileField, className].filter(Boolean).join(" ");
|
|
10455
10616
|
const showRow = hasFile || isUploading;
|
|
10456
10617
|
return /* @__PURE__ */ jsxs89("div", { className: rootClass, children: [
|
|
10457
|
-
label ? /* @__PURE__ */
|
|
10618
|
+
label ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx107("div", { className: ScFileField_default.label, children: label }) }) : null,
|
|
10458
10619
|
showRow ? /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.inputContainer, children: [
|
|
10459
10620
|
fileIcon,
|
|
10460
10621
|
/* @__PURE__ */ jsxs89("div", { className: ScFileField_default.fileInfo, children: [
|
|
10461
|
-
/* @__PURE__ */
|
|
10462
|
-
isUploading ? /* @__PURE__ */
|
|
10622
|
+
/* @__PURE__ */ jsx107("span", { className: ScFileField_default.fileName, children: fileName }),
|
|
10623
|
+
isUploading ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx107(
|
|
10463
10624
|
"div",
|
|
10464
10625
|
{
|
|
10465
10626
|
className: ScFileField_default.progressFill,
|
|
@@ -10467,7 +10628,7 @@ var ScFileField = (props) => {
|
|
|
10467
10628
|
}
|
|
10468
10629
|
) }) : null
|
|
10469
10630
|
] }),
|
|
10470
|
-
!isUploading ? /* @__PURE__ */
|
|
10631
|
+
!isUploading ? /* @__PURE__ */ jsx107(
|
|
10471
10632
|
"button",
|
|
10472
10633
|
{
|
|
10473
10634
|
type: "button",
|
|
@@ -10478,7 +10639,7 @@ var ScFileField = (props) => {
|
|
|
10478
10639
|
}
|
|
10479
10640
|
) : null
|
|
10480
10641
|
] }) : /* @__PURE__ */ jsxs89("label", { className: ScFileField_default.dropzone, children: [
|
|
10481
|
-
/* @__PURE__ */
|
|
10642
|
+
/* @__PURE__ */ jsx107(
|
|
10482
10643
|
"input",
|
|
10483
10644
|
{
|
|
10484
10645
|
ref: inputRef,
|
|
@@ -10491,7 +10652,7 @@ var ScFileField = (props) => {
|
|
|
10491
10652
|
),
|
|
10492
10653
|
uploadIcon,
|
|
10493
10654
|
/* @__PURE__ */ jsxs89("div", { className: ScFileField_default.dropzoneText, children: [
|
|
10494
|
-
/* @__PURE__ */
|
|
10655
|
+
/* @__PURE__ */ jsx107("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
|
|
10495
10656
|
" or drag and drop"
|
|
10496
10657
|
] }),
|
|
10497
10658
|
accept ? /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.acceptedText, children: [
|
|
@@ -10499,7 +10660,7 @@ var ScFileField = (props) => {
|
|
|
10499
10660
|
accept
|
|
10500
10661
|
] }) : null
|
|
10501
10662
|
] }),
|
|
10502
|
-
error ? /* @__PURE__ */
|
|
10663
|
+
error ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.errorText, children: error }) : null
|
|
10503
10664
|
] });
|
|
10504
10665
|
};
|
|
10505
10666
|
|
|
@@ -10529,7 +10690,7 @@ var ScMediaApproval_default = {
|
|
|
10529
10690
|
};
|
|
10530
10691
|
|
|
10531
10692
|
// src/SC-mediaApproval/ScMediaApproval.tsx
|
|
10532
|
-
import { Fragment as Fragment27, jsx as
|
|
10693
|
+
import { Fragment as Fragment27, jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
10533
10694
|
var VIDEO_EXT = /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i;
|
|
10534
10695
|
var isVideoUrl = (url, mediaType) => {
|
|
10535
10696
|
if (mediaType === "video") return true;
|
|
@@ -10573,7 +10734,7 @@ var ScMediaApproval = (props) => {
|
|
|
10573
10734
|
};
|
|
10574
10735
|
return /* @__PURE__ */ jsxs90("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
|
|
10575
10736
|
/* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.mediaFrame, children: [
|
|
10576
|
-
currentUrl ? currentIsVideo ? /* @__PURE__ */
|
|
10737
|
+
currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx108(
|
|
10577
10738
|
"video",
|
|
10578
10739
|
{
|
|
10579
10740
|
className: ScMediaApproval_default.media,
|
|
@@ -10582,7 +10743,7 @@ var ScMediaApproval = (props) => {
|
|
|
10582
10743
|
onClick: handlePreview,
|
|
10583
10744
|
onLoadedData: () => setMediaLoading(false)
|
|
10584
10745
|
}
|
|
10585
|
-
) : /* @__PURE__ */
|
|
10746
|
+
) : /* @__PURE__ */ jsx108(
|
|
10586
10747
|
"img",
|
|
10587
10748
|
{
|
|
10588
10749
|
className: ScMediaApproval_default.media,
|
|
@@ -10591,8 +10752,8 @@ var ScMediaApproval = (props) => {
|
|
|
10591
10752
|
onClick: handlePreview,
|
|
10592
10753
|
onLoad: () => setMediaLoading(false)
|
|
10593
10754
|
}
|
|
10594
|
-
) : /* @__PURE__ */
|
|
10595
|
-
(loading || mediaLoading) && /* @__PURE__ */
|
|
10755
|
+
) : /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.mediaEmpty }),
|
|
10756
|
+
(loading || mediaLoading) && /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx108(
|
|
10596
10757
|
"svg",
|
|
10597
10758
|
{
|
|
10598
10759
|
className: ScMediaApproval_default.spinner,
|
|
@@ -10600,7 +10761,7 @@ var ScMediaApproval = (props) => {
|
|
|
10600
10761
|
height: "32",
|
|
10601
10762
|
viewBox: "0 0 24 24",
|
|
10602
10763
|
fill: "none",
|
|
10603
|
-
children: /* @__PURE__ */
|
|
10764
|
+
children: /* @__PURE__ */ jsx108(
|
|
10604
10765
|
"path",
|
|
10605
10766
|
{
|
|
10606
10767
|
d: "M12 3a9 9 0 1 0 9 9",
|
|
@@ -10612,14 +10773,14 @@ var ScMediaApproval = (props) => {
|
|
|
10612
10773
|
}
|
|
10613
10774
|
) }),
|
|
10614
10775
|
total > 1 && /* @__PURE__ */ jsxs90(Fragment27, { children: [
|
|
10615
|
-
/* @__PURE__ */
|
|
10776
|
+
/* @__PURE__ */ jsx108(
|
|
10616
10777
|
"button",
|
|
10617
10778
|
{
|
|
10618
10779
|
type: "button",
|
|
10619
10780
|
className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navPrev].join(" "),
|
|
10620
10781
|
"aria-label": "Previous",
|
|
10621
10782
|
onClick: () => goTo(safeIndex - 1),
|
|
10622
|
-
children: /* @__PURE__ */
|
|
10783
|
+
children: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx108(
|
|
10623
10784
|
"path",
|
|
10624
10785
|
{
|
|
10625
10786
|
d: "M15 6L9 12L15 18",
|
|
@@ -10631,14 +10792,14 @@ var ScMediaApproval = (props) => {
|
|
|
10631
10792
|
) })
|
|
10632
10793
|
}
|
|
10633
10794
|
),
|
|
10634
|
-
/* @__PURE__ */
|
|
10795
|
+
/* @__PURE__ */ jsx108(
|
|
10635
10796
|
"button",
|
|
10636
10797
|
{
|
|
10637
10798
|
type: "button",
|
|
10638
10799
|
className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navNext].join(" "),
|
|
10639
10800
|
"aria-label": "Next",
|
|
10640
10801
|
onClick: () => goTo(safeIndex + 1),
|
|
10641
|
-
children: /* @__PURE__ */
|
|
10802
|
+
children: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx108(
|
|
10642
10803
|
"path",
|
|
10643
10804
|
{
|
|
10644
10805
|
d: "M9 6L15 12L9 18",
|
|
@@ -10655,7 +10816,7 @@ var ScMediaApproval = (props) => {
|
|
|
10655
10816
|
" / ",
|
|
10656
10817
|
total
|
|
10657
10818
|
] }),
|
|
10658
|
-
/* @__PURE__ */
|
|
10819
|
+
/* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx108(
|
|
10659
10820
|
"button",
|
|
10660
10821
|
{
|
|
10661
10822
|
type: "button",
|
|
@@ -10671,8 +10832,8 @@ var ScMediaApproval = (props) => {
|
|
|
10671
10832
|
] })
|
|
10672
10833
|
] }),
|
|
10673
10834
|
/* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.feedbackBlock, children: [
|
|
10674
|
-
/* @__PURE__ */
|
|
10675
|
-
/* @__PURE__ */
|
|
10835
|
+
/* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
|
|
10836
|
+
/* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx108(
|
|
10676
10837
|
"textarea",
|
|
10677
10838
|
{
|
|
10678
10839
|
className: ScMediaApproval_default.textArea,
|
|
@@ -10708,8 +10869,8 @@ var ScMediaSelect_default = {
|
|
|
10708
10869
|
};
|
|
10709
10870
|
|
|
10710
10871
|
// src/SC-mediaSelect/ScMediaSelect.tsx
|
|
10711
|
-
import { jsx as
|
|
10712
|
-
var CheckBadge = () => /* @__PURE__ */
|
|
10872
|
+
import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
10873
|
+
var CheckBadge = () => /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx109("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx109(
|
|
10713
10874
|
"path",
|
|
10714
10875
|
{
|
|
10715
10876
|
d: "M3.5 7.25L6 9.75L10.5 4.75",
|
|
@@ -10719,7 +10880,7 @@ var CheckBadge = () => /* @__PURE__ */ jsx108("span", { className: ScMediaSelect
|
|
|
10719
10880
|
strokeLinejoin: "round"
|
|
10720
10881
|
}
|
|
10721
10882
|
) }) });
|
|
10722
|
-
var MaximizeIcon = () => /* @__PURE__ */
|
|
10883
|
+
var MaximizeIcon = () => /* @__PURE__ */ jsx109("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx109(
|
|
10723
10884
|
"path",
|
|
10724
10885
|
{
|
|
10725
10886
|
d: "M15 3H21V9M9 21H3V15M21 3L14 10M3 21L10 14",
|
|
@@ -10751,9 +10912,9 @@ var ScMediaSelect = (props) => {
|
|
|
10751
10912
|
if (resolvedMax < total) countLabel += " (max " + resolvedMax + ")";
|
|
10752
10913
|
return /* @__PURE__ */ jsxs91("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
|
|
10753
10914
|
/* @__PURE__ */ jsxs91("div", { className: ScMediaSelect_default.header, children: [
|
|
10754
|
-
/* @__PURE__ */
|
|
10915
|
+
/* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
|
|
10755
10916
|
/* @__PURE__ */ jsxs91("div", { className: ScMediaSelect_default.actions, children: [
|
|
10756
|
-
/* @__PURE__ */
|
|
10917
|
+
/* @__PURE__ */ jsx109(
|
|
10757
10918
|
"button",
|
|
10758
10919
|
{
|
|
10759
10920
|
type: "button",
|
|
@@ -10762,8 +10923,8 @@ var ScMediaSelect = (props) => {
|
|
|
10762
10923
|
children: "Select all"
|
|
10763
10924
|
}
|
|
10764
10925
|
),
|
|
10765
|
-
/* @__PURE__ */
|
|
10766
|
-
/* @__PURE__ */
|
|
10926
|
+
/* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.divider, children: "|" }),
|
|
10927
|
+
/* @__PURE__ */ jsx109(
|
|
10767
10928
|
"button",
|
|
10768
10929
|
{
|
|
10769
10930
|
type: "button",
|
|
@@ -10774,7 +10935,7 @@ var ScMediaSelect = (props) => {
|
|
|
10774
10935
|
)
|
|
10775
10936
|
] })
|
|
10776
10937
|
] }),
|
|
10777
|
-
/* @__PURE__ */
|
|
10938
|
+
/* @__PURE__ */ jsx109("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
|
|
10778
10939
|
const isSelected = selectedSet.has(url);
|
|
10779
10940
|
const itemClass = [
|
|
10780
10941
|
ScMediaSelect_default.item,
|
|
@@ -10789,9 +10950,9 @@ var ScMediaSelect = (props) => {
|
|
|
10789
10950
|
tabIndex: 0,
|
|
10790
10951
|
"aria-pressed": isSelected,
|
|
10791
10952
|
children: [
|
|
10792
|
-
mediaType === "video" ? /* @__PURE__ */
|
|
10793
|
-
isSelected && /* @__PURE__ */
|
|
10794
|
-
onPreview && /* @__PURE__ */
|
|
10953
|
+
mediaType === "video" ? /* @__PURE__ */ jsx109("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx109("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
|
|
10954
|
+
isSelected && /* @__PURE__ */ jsx109(CheckBadge, {}),
|
|
10955
|
+
onPreview && /* @__PURE__ */ jsx109(
|
|
10795
10956
|
"button",
|
|
10796
10957
|
{
|
|
10797
10958
|
type: "button",
|
|
@@ -10801,7 +10962,7 @@ var ScMediaSelect = (props) => {
|
|
|
10801
10962
|
onPreview(url);
|
|
10802
10963
|
},
|
|
10803
10964
|
"aria-label": "Preview",
|
|
10804
|
-
children: /* @__PURE__ */
|
|
10965
|
+
children: /* @__PURE__ */ jsx109(MaximizeIcon, {})
|
|
10805
10966
|
}
|
|
10806
10967
|
)
|
|
10807
10968
|
]
|
|
@@ -10836,7 +10997,7 @@ var ScTodoList_default = {
|
|
|
10836
10997
|
};
|
|
10837
10998
|
|
|
10838
10999
|
// src/SC-todoList/ScTodoList.tsx
|
|
10839
|
-
import { jsx as
|
|
11000
|
+
import { jsx as jsx110, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
10840
11001
|
var ScTodoList = ({
|
|
10841
11002
|
items = [],
|
|
10842
11003
|
onToggle,
|
|
@@ -10872,7 +11033,7 @@ var ScTodoList = ({
|
|
|
10872
11033
|
};
|
|
10873
11034
|
return /* @__PURE__ */ jsxs92("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
|
|
10874
11035
|
total > 0 && /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.progress, children: [
|
|
10875
|
-
/* @__PURE__ */
|
|
11036
|
+
/* @__PURE__ */ jsx110(
|
|
10876
11037
|
"svg",
|
|
10877
11038
|
{
|
|
10878
11039
|
className: ScTodoList_default.progressIcon,
|
|
@@ -10881,7 +11042,7 @@ var ScTodoList = ({
|
|
|
10881
11042
|
viewBox: "0 0 14 14",
|
|
10882
11043
|
fill: "none",
|
|
10883
11044
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10884
|
-
children: /* @__PURE__ */
|
|
11045
|
+
children: /* @__PURE__ */ jsx110(
|
|
10885
11046
|
"path",
|
|
10886
11047
|
{
|
|
10887
11048
|
d: "M3 7L6 10L11 4",
|
|
@@ -10900,11 +11061,11 @@ var ScTodoList = ({
|
|
|
10900
11061
|
" completed"
|
|
10901
11062
|
] })
|
|
10902
11063
|
] }),
|
|
10903
|
-
/* @__PURE__ */
|
|
11064
|
+
/* @__PURE__ */ jsx110("div", { className: ScTodoList_default.rows, children: items.map((item) => {
|
|
10904
11065
|
const isEditing = editingId === item.id;
|
|
10905
11066
|
const isCompleted = item.status === "completed";
|
|
10906
11067
|
return /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.row, children: [
|
|
10907
|
-
/* @__PURE__ */
|
|
11068
|
+
/* @__PURE__ */ jsx110(
|
|
10908
11069
|
"button",
|
|
10909
11070
|
{
|
|
10910
11071
|
type: "button",
|
|
@@ -10920,8 +11081,8 @@ var ScTodoList = ({
|
|
|
10920
11081
|
fill: "none",
|
|
10921
11082
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10922
11083
|
children: [
|
|
10923
|
-
/* @__PURE__ */
|
|
10924
|
-
/* @__PURE__ */
|
|
11084
|
+
/* @__PURE__ */ jsx110("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
|
|
11085
|
+
/* @__PURE__ */ jsx110(
|
|
10925
11086
|
"path",
|
|
10926
11087
|
{
|
|
10927
11088
|
d: "M5.25 9L7.75 11.5L12.75 6.5",
|
|
@@ -10933,7 +11094,7 @@ var ScTodoList = ({
|
|
|
10933
11094
|
)
|
|
10934
11095
|
]
|
|
10935
11096
|
}
|
|
10936
|
-
) : /* @__PURE__ */
|
|
11097
|
+
) : /* @__PURE__ */ jsx110(
|
|
10937
11098
|
"svg",
|
|
10938
11099
|
{
|
|
10939
11100
|
width: "18",
|
|
@@ -10941,7 +11102,7 @@ var ScTodoList = ({
|
|
|
10941
11102
|
viewBox: "0 0 18 18",
|
|
10942
11103
|
fill: "none",
|
|
10943
11104
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10944
|
-
children: /* @__PURE__ */
|
|
11105
|
+
children: /* @__PURE__ */ jsx110(
|
|
10945
11106
|
"circle",
|
|
10946
11107
|
{
|
|
10947
11108
|
cx: "9",
|
|
@@ -10955,7 +11116,7 @@ var ScTodoList = ({
|
|
|
10955
11116
|
)
|
|
10956
11117
|
}
|
|
10957
11118
|
),
|
|
10958
|
-
isEditing ? /* @__PURE__ */
|
|
11119
|
+
isEditing ? /* @__PURE__ */ jsx110(
|
|
10959
11120
|
"input",
|
|
10960
11121
|
{
|
|
10961
11122
|
className: ScTodoList_default.editInput,
|
|
@@ -10973,7 +11134,7 @@ var ScTodoList = ({
|
|
|
10973
11134
|
}
|
|
10974
11135
|
}
|
|
10975
11136
|
}
|
|
10976
|
-
) : /* @__PURE__ */
|
|
11137
|
+
) : /* @__PURE__ */ jsx110(
|
|
10977
11138
|
"span",
|
|
10978
11139
|
{
|
|
10979
11140
|
className: [
|
|
@@ -10984,14 +11145,14 @@ var ScTodoList = ({
|
|
|
10984
11145
|
}
|
|
10985
11146
|
),
|
|
10986
11147
|
!isEditing && /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.actions, children: [
|
|
10987
|
-
/* @__PURE__ */
|
|
11148
|
+
/* @__PURE__ */ jsx110(
|
|
10988
11149
|
"button",
|
|
10989
11150
|
{
|
|
10990
11151
|
type: "button",
|
|
10991
11152
|
className: ScTodoList_default.actionButton,
|
|
10992
11153
|
"aria-label": "Edit item",
|
|
10993
11154
|
onClick: () => startEditing(item),
|
|
10994
|
-
children: /* @__PURE__ */
|
|
11155
|
+
children: /* @__PURE__ */ jsx110(
|
|
10995
11156
|
"svg",
|
|
10996
11157
|
{
|
|
10997
11158
|
width: "16",
|
|
@@ -10999,7 +11160,7 @@ var ScTodoList = ({
|
|
|
10999
11160
|
viewBox: "0 0 16 16",
|
|
11000
11161
|
fill: "none",
|
|
11001
11162
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11002
|
-
children: /* @__PURE__ */
|
|
11163
|
+
children: /* @__PURE__ */ jsx110(
|
|
11003
11164
|
"path",
|
|
11004
11165
|
{
|
|
11005
11166
|
d: "M11.333 2.667a1.414 1.414 0 0 1 2 2L5.333 12.667l-2.667.667.667-2.667 8-8Z",
|
|
@@ -11013,14 +11174,14 @@ var ScTodoList = ({
|
|
|
11013
11174
|
)
|
|
11014
11175
|
}
|
|
11015
11176
|
),
|
|
11016
|
-
/* @__PURE__ */
|
|
11177
|
+
/* @__PURE__ */ jsx110(
|
|
11017
11178
|
"button",
|
|
11018
11179
|
{
|
|
11019
11180
|
type: "button",
|
|
11020
11181
|
className: [ScTodoList_default.actionButton, ScTodoList_default.actionButtonDanger].filter(Boolean).join(" "),
|
|
11021
11182
|
"aria-label": "Delete item",
|
|
11022
11183
|
onClick: () => onDelete?.(item.id),
|
|
11023
|
-
children: /* @__PURE__ */
|
|
11184
|
+
children: /* @__PURE__ */ jsx110(
|
|
11024
11185
|
"svg",
|
|
11025
11186
|
{
|
|
11026
11187
|
width: "16",
|
|
@@ -11028,7 +11189,7 @@ var ScTodoList = ({
|
|
|
11028
11189
|
viewBox: "0 0 16 16",
|
|
11029
11190
|
fill: "none",
|
|
11030
11191
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11031
|
-
children: /* @__PURE__ */
|
|
11192
|
+
children: /* @__PURE__ */ jsx110(
|
|
11032
11193
|
"path",
|
|
11033
11194
|
{
|
|
11034
11195
|
d: "M2.667 4h10.666M6.667 7.333v3.334M9.333 7.333v3.334M3.333 4l.667 8a1.333 1.333 0 0 0 1.333 1.333h5.334A1.333 1.333 0 0 0 12 12l.667-8M6 4V2.667a.667.667 0 0 1 .667-.667h2.666a.667.667 0 0 1 .667.667V4",
|
|
@@ -11046,7 +11207,7 @@ var ScTodoList = ({
|
|
|
11046
11207
|
] }, item.id);
|
|
11047
11208
|
}) }),
|
|
11048
11209
|
/* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.addRow, children: [
|
|
11049
|
-
/* @__PURE__ */
|
|
11210
|
+
/* @__PURE__ */ jsx110(
|
|
11050
11211
|
"input",
|
|
11051
11212
|
{
|
|
11052
11213
|
className: ScTodoList_default.addInput,
|
|
@@ -11061,7 +11222,7 @@ var ScTodoList = ({
|
|
|
11061
11222
|
}
|
|
11062
11223
|
}
|
|
11063
11224
|
),
|
|
11064
|
-
/* @__PURE__ */
|
|
11225
|
+
/* @__PURE__ */ jsx110(
|
|
11065
11226
|
"button",
|
|
11066
11227
|
{
|
|
11067
11228
|
type: "button",
|
|
@@ -11069,7 +11230,7 @@ var ScTodoList = ({
|
|
|
11069
11230
|
"aria-label": "Add item",
|
|
11070
11231
|
disabled: newValue.trim().length === 0,
|
|
11071
11232
|
onClick: commitAdd,
|
|
11072
|
-
children: /* @__PURE__ */
|
|
11233
|
+
children: /* @__PURE__ */ jsx110(
|
|
11073
11234
|
"svg",
|
|
11074
11235
|
{
|
|
11075
11236
|
width: "18",
|
|
@@ -11077,7 +11238,7 @@ var ScTodoList = ({
|
|
|
11077
11238
|
viewBox: "0 0 18 18",
|
|
11078
11239
|
fill: "none",
|
|
11079
11240
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11080
|
-
children: /* @__PURE__ */
|
|
11241
|
+
children: /* @__PURE__ */ jsx110(
|
|
11081
11242
|
"path",
|
|
11082
11243
|
{
|
|
11083
11244
|
d: "M9 4v10M4 9h10",
|
|
@@ -11104,18 +11265,18 @@ var ScRoleMobile_default = {
|
|
|
11104
11265
|
};
|
|
11105
11266
|
|
|
11106
11267
|
// src/SC-Role-Mobile/ScRoleMobile.tsx
|
|
11107
|
-
import { jsx as
|
|
11268
|
+
import { jsx as jsx111 } from "react/jsx-runtime";
|
|
11108
11269
|
var ScRoleMobile = ({
|
|
11109
11270
|
role = "admin",
|
|
11110
11271
|
className,
|
|
11111
11272
|
...props
|
|
11112
11273
|
}) => {
|
|
11113
|
-
return /* @__PURE__ */
|
|
11274
|
+
return /* @__PURE__ */ jsx111(
|
|
11114
11275
|
"div",
|
|
11115
11276
|
{
|
|
11116
11277
|
className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
|
|
11117
11278
|
...props,
|
|
11118
|
-
children: /* @__PURE__ */
|
|
11279
|
+
children: /* @__PURE__ */ jsx111("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
|
|
11119
11280
|
}
|
|
11120
11281
|
);
|
|
11121
11282
|
};
|
|
@@ -11132,7 +11293,7 @@ var ScProfileV2Mobile_default = {
|
|
|
11132
11293
|
};
|
|
11133
11294
|
|
|
11134
11295
|
// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
|
|
11135
|
-
import { jsx as
|
|
11296
|
+
import { jsx as jsx112, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
11136
11297
|
var ScProfileV2Mobile = ({
|
|
11137
11298
|
name = "Chris Hemsworth",
|
|
11138
11299
|
email = "chris@kepler.com",
|
|
@@ -11142,7 +11303,7 @@ var ScProfileV2Mobile = ({
|
|
|
11142
11303
|
...props
|
|
11143
11304
|
}) => {
|
|
11144
11305
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
|
|
11145
|
-
const profileImage = /* @__PURE__ */
|
|
11306
|
+
const profileImage = /* @__PURE__ */ jsx112("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx112("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx112("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
|
|
11146
11307
|
return /* @__PURE__ */ jsxs93(
|
|
11147
11308
|
"div",
|
|
11148
11309
|
{
|
|
@@ -11151,8 +11312,8 @@ var ScProfileV2Mobile = ({
|
|
|
11151
11312
|
children: [
|
|
11152
11313
|
dpPosition === "left" && profileImage,
|
|
11153
11314
|
/* @__PURE__ */ jsxs93("div", { className: ScProfileV2Mobile_default.userInfo, children: [
|
|
11154
|
-
/* @__PURE__ */
|
|
11155
|
-
/* @__PURE__ */
|
|
11315
|
+
/* @__PURE__ */ jsx112("p", { className: ScProfileV2Mobile_default.userName, children: name }),
|
|
11316
|
+
/* @__PURE__ */ jsx112("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
|
|
11156
11317
|
] }),
|
|
11157
11318
|
dpPosition === "right" && profileImage
|
|
11158
11319
|
]
|
|
@@ -11179,7 +11340,7 @@ var ScTableListMobile_default = {
|
|
|
11179
11340
|
};
|
|
11180
11341
|
|
|
11181
11342
|
// src/SC-tableList-mobile/ScTableListMobile.tsx
|
|
11182
|
-
import { jsx as
|
|
11343
|
+
import { jsx as jsx113, jsxs as jsxs94 } from "react/jsx-runtime";
|
|
11183
11344
|
var ScTableListMobile = ({
|
|
11184
11345
|
name = "Chris Hemsworth",
|
|
11185
11346
|
email = "chris@kepler.com",
|
|
@@ -11201,16 +11362,16 @@ var ScTableListMobile = ({
|
|
|
11201
11362
|
children: [
|
|
11202
11363
|
/* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.profileRow, children: [
|
|
11203
11364
|
/* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.userInfo, children: [
|
|
11204
|
-
/* @__PURE__ */
|
|
11205
|
-
/* @__PURE__ */
|
|
11365
|
+
/* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.userName, children: name }),
|
|
11366
|
+
/* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.userEmail, children: email })
|
|
11206
11367
|
] }),
|
|
11207
|
-
/* @__PURE__ */
|
|
11368
|
+
/* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx113("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.initials, children: initials }) })
|
|
11208
11369
|
] }),
|
|
11209
11370
|
/* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.detailsRow, children: [
|
|
11210
|
-
/* @__PURE__ */
|
|
11371
|
+
/* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.roleText, children: role }) }),
|
|
11211
11372
|
/* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.accessInfo, children: [
|
|
11212
|
-
accessIcons && accessIcons.length > 0 && /* @__PURE__ */
|
|
11213
|
-
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */
|
|
11373
|
+
accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx113("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
|
|
11374
|
+
permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx113("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
|
|
11214
11375
|
] })
|
|
11215
11376
|
] })
|
|
11216
11377
|
]
|
|
@@ -11238,7 +11399,7 @@ var ScWorkspaceSwitchMobile_default = {
|
|
|
11238
11399
|
};
|
|
11239
11400
|
|
|
11240
11401
|
// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
|
|
11241
|
-
import { jsx as
|
|
11402
|
+
import { jsx as jsx114, jsxs as jsxs95 } from "react/jsx-runtime";
|
|
11242
11403
|
var ScWorkspaceSwitchMobile = ({
|
|
11243
11404
|
storeName = "Stores",
|
|
11244
11405
|
initials = "WS",
|
|
@@ -11260,15 +11421,15 @@ var ScWorkspaceSwitchMobile = ({
|
|
|
11260
11421
|
children: [
|
|
11261
11422
|
/* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
|
|
11262
11423
|
/* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
|
|
11263
|
-
/* @__PURE__ */
|
|
11264
|
-
/* @__PURE__ */
|
|
11424
|
+
/* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
|
|
11425
|
+
/* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
|
|
11265
11426
|
] }),
|
|
11266
|
-
/* @__PURE__ */
|
|
11427
|
+
/* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
|
|
11267
11428
|
] }),
|
|
11268
|
-
/* @__PURE__ */
|
|
11429
|
+
/* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.divider }),
|
|
11269
11430
|
/* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
|
|
11270
|
-
/* @__PURE__ */
|
|
11271
|
-
/* @__PURE__ */
|
|
11431
|
+
/* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
|
|
11432
|
+
/* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
|
|
11272
11433
|
] })
|
|
11273
11434
|
]
|
|
11274
11435
|
}
|
|
@@ -11295,7 +11456,7 @@ var ScWorkspaceSettingsMobile_default = {
|
|
|
11295
11456
|
};
|
|
11296
11457
|
|
|
11297
11458
|
// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
|
|
11298
|
-
import { jsx as
|
|
11459
|
+
import { jsx as jsx115, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
11299
11460
|
var ScWorkspaceSettingsMobile = ({
|
|
11300
11461
|
storeName = "Stores",
|
|
11301
11462
|
initials = "WS",
|
|
@@ -11319,19 +11480,19 @@ var ScWorkspaceSettingsMobile = ({
|
|
|
11319
11480
|
children: [
|
|
11320
11481
|
/* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
|
|
11321
11482
|
/* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
|
|
11322
|
-
/* @__PURE__ */
|
|
11323
|
-
/* @__PURE__ */
|
|
11483
|
+
/* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
|
|
11484
|
+
/* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
|
|
11324
11485
|
] }),
|
|
11325
|
-
/* @__PURE__ */
|
|
11486
|
+
/* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
|
|
11326
11487
|
] }),
|
|
11327
|
-
/* @__PURE__ */
|
|
11488
|
+
/* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.divider }),
|
|
11328
11489
|
/* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
11329
|
-
/* @__PURE__ */
|
|
11330
|
-
/* @__PURE__ */
|
|
11490
|
+
/* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
|
|
11491
|
+
/* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
|
|
11331
11492
|
] }),
|
|
11332
11493
|
/* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
|
|
11333
|
-
/* @__PURE__ */
|
|
11334
|
-
/* @__PURE__ */
|
|
11494
|
+
/* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
|
|
11495
|
+
/* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
|
|
11335
11496
|
] })
|
|
11336
11497
|
]
|
|
11337
11498
|
}
|
|
@@ -11354,7 +11515,7 @@ var ScMobileTopNav_default = {
|
|
|
11354
11515
|
};
|
|
11355
11516
|
|
|
11356
11517
|
// src/SC-MobileTopNav/ScMobileTopNav.tsx
|
|
11357
|
-
import { Fragment as Fragment28, jsx as
|
|
11518
|
+
import { Fragment as Fragment28, jsx as jsx116, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
11358
11519
|
var ScMobileTopNav = ({
|
|
11359
11520
|
type = "home",
|
|
11360
11521
|
searchIcon = false,
|
|
@@ -11383,16 +11544,16 @@ var ScMobileTopNav = ({
|
|
|
11383
11544
|
className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
|
|
11384
11545
|
...props,
|
|
11385
11546
|
children: [
|
|
11386
|
-
type === "home" && /* @__PURE__ */
|
|
11547
|
+
type === "home" && /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
11387
11548
|
type === "chat" && /* @__PURE__ */ jsxs97(Fragment28, { children: [
|
|
11388
|
-
/* @__PURE__ */
|
|
11389
|
-
/* @__PURE__ */
|
|
11390
|
-
/* @__PURE__ */
|
|
11549
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
11550
|
+
/* @__PURE__ */ jsx116("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
|
|
11551
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
11391
11552
|
] }),
|
|
11392
11553
|
showSearch && /* @__PURE__ */ jsxs97(Fragment28, { children: [
|
|
11393
|
-
/* @__PURE__ */
|
|
11394
|
-
/* @__PURE__ */
|
|
11395
|
-
/* @__PURE__ */
|
|
11554
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs97("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
|
|
11555
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
11556
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx116(
|
|
11396
11557
|
"input",
|
|
11397
11558
|
{
|
|
11398
11559
|
type: "text",
|
|
@@ -11403,17 +11564,17 @@ var ScMobileTopNav = ({
|
|
|
11403
11564
|
}
|
|
11404
11565
|
) })
|
|
11405
11566
|
] }) }),
|
|
11406
|
-
/* @__PURE__ */
|
|
11567
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
|
|
11407
11568
|
] }),
|
|
11408
11569
|
type === "inApp" && !search && /* @__PURE__ */ jsxs97(Fragment28, { children: [
|
|
11409
|
-
/* @__PURE__ */
|
|
11410
|
-
/* @__PURE__ */
|
|
11411
|
-
/* @__PURE__ */
|
|
11570
|
+
/* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
|
|
11571
|
+
/* @__PURE__ */ jsx116("p", { className: ScMobileTopNav_default.heading, children: heading }),
|
|
11572
|
+
/* @__PURE__ */ jsx116(
|
|
11412
11573
|
"div",
|
|
11413
11574
|
{
|
|
11414
11575
|
className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
|
|
11415
11576
|
onClick: onSearchClick,
|
|
11416
|
-
children: searchIcon ? searchIconElement || /* @__PURE__ */
|
|
11577
|
+
children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder })
|
|
11417
11578
|
}
|
|
11418
11579
|
)
|
|
11419
11580
|
] })
|
|
@@ -11434,7 +11595,7 @@ var ScMobileBottomAction_default = {
|
|
|
11434
11595
|
};
|
|
11435
11596
|
|
|
11436
11597
|
// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
|
|
11437
|
-
import { jsx as
|
|
11598
|
+
import { jsx as jsx117, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
11438
11599
|
var ScMobileBottomAction = ({
|
|
11439
11600
|
text = "Save Changes",
|
|
11440
11601
|
disabled = false,
|
|
@@ -11452,22 +11613,22 @@ var ScMobileBottomAction = ({
|
|
|
11452
11613
|
className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
|
|
11453
11614
|
...props,
|
|
11454
11615
|
children: [
|
|
11455
|
-
isTwoButton && /* @__PURE__ */
|
|
11616
|
+
isTwoButton && /* @__PURE__ */ jsx117(
|
|
11456
11617
|
"button",
|
|
11457
11618
|
{
|
|
11458
11619
|
className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
|
|
11459
11620
|
onClick: onSecondaryClick,
|
|
11460
11621
|
disabled: secondaryDisabled,
|
|
11461
|
-
children: /* @__PURE__ */
|
|
11622
|
+
children: /* @__PURE__ */ jsx117("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
|
|
11462
11623
|
}
|
|
11463
11624
|
),
|
|
11464
|
-
/* @__PURE__ */
|
|
11625
|
+
/* @__PURE__ */ jsx117(
|
|
11465
11626
|
"button",
|
|
11466
11627
|
{
|
|
11467
11628
|
className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
|
|
11468
11629
|
onClick,
|
|
11469
11630
|
disabled,
|
|
11470
|
-
children: /* @__PURE__ */
|
|
11631
|
+
children: /* @__PURE__ */ jsx117("span", { className: ScMobileBottomAction_default.buttonText, children: text })
|
|
11471
11632
|
}
|
|
11472
11633
|
)
|
|
11473
11634
|
]
|
|
@@ -11485,7 +11646,7 @@ var ScPopUpMenu_default = {
|
|
|
11485
11646
|
};
|
|
11486
11647
|
|
|
11487
11648
|
// src/SC-PopUpMenu/ScPopUpMenu.tsx
|
|
11488
|
-
import { jsx as
|
|
11649
|
+
import { jsx as jsx118, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
11489
11650
|
var ScPopUpMenu = ({
|
|
11490
11651
|
menu = "Options",
|
|
11491
11652
|
state = "default",
|
|
@@ -11501,8 +11662,8 @@ var ScPopUpMenu = ({
|
|
|
11501
11662
|
onClick,
|
|
11502
11663
|
...props,
|
|
11503
11664
|
children: [
|
|
11504
|
-
icon && /* @__PURE__ */
|
|
11505
|
-
/* @__PURE__ */
|
|
11665
|
+
icon && /* @__PURE__ */ jsx118("span", { className: ScPopUpMenu_default.icon, children: icon }),
|
|
11666
|
+
/* @__PURE__ */ jsx118("p", { className: ScPopUpMenu_default.menuText, children: menu })
|
|
11506
11667
|
]
|
|
11507
11668
|
}
|
|
11508
11669
|
);
|
|
@@ -11528,7 +11689,7 @@ var ScReferralCardMobile_default = {
|
|
|
11528
11689
|
};
|
|
11529
11690
|
|
|
11530
11691
|
// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
|
|
11531
|
-
import { jsx as
|
|
11692
|
+
import { jsx as jsx119, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
11532
11693
|
var ScReferralCardMobile = ({
|
|
11533
11694
|
name = "Chris Hemsworth",
|
|
11534
11695
|
email = "chris@kepler.com",
|
|
@@ -11550,18 +11711,18 @@ var ScReferralCardMobile = ({
|
|
|
11550
11711
|
children: [
|
|
11551
11712
|
/* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.userRow, children: [
|
|
11552
11713
|
/* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.profileSection, children: [
|
|
11553
|
-
/* @__PURE__ */
|
|
11714
|
+
/* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx119("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
|
|
11554
11715
|
/* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.userInfo, children: [
|
|
11555
|
-
/* @__PURE__ */
|
|
11556
|
-
/* @__PURE__ */
|
|
11716
|
+
/* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.userName, children: name }),
|
|
11717
|
+
/* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.userEmail, children: email })
|
|
11557
11718
|
] })
|
|
11558
11719
|
] }),
|
|
11559
|
-
/* @__PURE__ */
|
|
11720
|
+
/* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
|
|
11560
11721
|
] }),
|
|
11561
|
-
/* @__PURE__ */
|
|
11722
|
+
/* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.divider }),
|
|
11562
11723
|
/* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.detailsRow, children: [
|
|
11563
|
-
/* @__PURE__ */
|
|
11564
|
-
/* @__PURE__ */
|
|
11724
|
+
/* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.dateText, children: date }),
|
|
11725
|
+
/* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
|
|
11565
11726
|
] })
|
|
11566
11727
|
]
|
|
11567
11728
|
}
|
|
@@ -11578,7 +11739,7 @@ var InvoiceHistoryMobile_default = {
|
|
|
11578
11739
|
};
|
|
11579
11740
|
|
|
11580
11741
|
// src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
|
|
11581
|
-
import { jsx as
|
|
11742
|
+
import { jsx as jsx120, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
11582
11743
|
var InvoiceHistoryMobile = ({
|
|
11583
11744
|
invoiceId = "# INV-2800-2026",
|
|
11584
11745
|
date = "Nov 9th, 2025",
|
|
@@ -11587,10 +11748,10 @@ var InvoiceHistoryMobile = ({
|
|
|
11587
11748
|
}) => {
|
|
11588
11749
|
return /* @__PURE__ */ jsxs101("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
|
|
11589
11750
|
/* @__PURE__ */ jsxs101("div", { className: InvoiceHistoryMobile_default.info, children: [
|
|
11590
|
-
/* @__PURE__ */
|
|
11591
|
-
/* @__PURE__ */
|
|
11751
|
+
/* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
|
|
11752
|
+
/* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.date, children: date })
|
|
11592
11753
|
] }),
|
|
11593
|
-
/* @__PURE__ */
|
|
11754
|
+
/* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
|
|
11594
11755
|
] });
|
|
11595
11756
|
};
|
|
11596
11757
|
|
|
@@ -11608,7 +11769,7 @@ var UsageHistoryMobile_default = {
|
|
|
11608
11769
|
};
|
|
11609
11770
|
|
|
11610
11771
|
// src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
|
|
11611
|
-
import { jsx as
|
|
11772
|
+
import { jsx as jsx121, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
11612
11773
|
var UsageHistoryMobile = ({
|
|
11613
11774
|
serviceName = "Artifax Generation",
|
|
11614
11775
|
credits = "50",
|
|
@@ -11619,16 +11780,16 @@ var UsageHistoryMobile = ({
|
|
|
11619
11780
|
}) => {
|
|
11620
11781
|
return /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
|
|
11621
11782
|
/* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.row1, children: [
|
|
11622
|
-
/* @__PURE__ */
|
|
11623
|
-
/* @__PURE__ */
|
|
11783
|
+
/* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
|
|
11784
|
+
/* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.credits, children: credits })
|
|
11624
11785
|
] }),
|
|
11625
11786
|
/* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.row2, children: [
|
|
11626
11787
|
/* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.metaLeft, children: [
|
|
11627
|
-
/* @__PURE__ */
|
|
11628
|
-
/* @__PURE__ */
|
|
11629
|
-
/* @__PURE__ */
|
|
11788
|
+
/* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
|
|
11789
|
+
/* @__PURE__ */ jsx121("div", { className: UsageHistoryMobile_default.divider }),
|
|
11790
|
+
/* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.metaText, children: date })
|
|
11630
11791
|
] }),
|
|
11631
|
-
/* @__PURE__ */
|
|
11792
|
+
/* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.balance, children: balance })
|
|
11632
11793
|
] })
|
|
11633
11794
|
] });
|
|
11634
11795
|
};
|
|
@@ -11652,7 +11813,7 @@ var ScWorkspaceSwitchMobileV2_default = {
|
|
|
11652
11813
|
};
|
|
11653
11814
|
|
|
11654
11815
|
// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
|
|
11655
|
-
import { jsx as
|
|
11816
|
+
import { jsx as jsx122, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
11656
11817
|
var ScWorkspaceSwitchMobileV2 = ({
|
|
11657
11818
|
wsName = "Workspace name is kepler",
|
|
11658
11819
|
initials = "WS",
|
|
@@ -11665,14 +11826,14 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
11665
11826
|
className,
|
|
11666
11827
|
...props
|
|
11667
11828
|
}) => {
|
|
11668
|
-
return /* @__PURE__ */
|
|
11829
|
+
return /* @__PURE__ */ jsx122(
|
|
11669
11830
|
"div",
|
|
11670
11831
|
{
|
|
11671
11832
|
className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
|
|
11672
11833
|
onClick,
|
|
11673
11834
|
...props,
|
|
11674
11835
|
children: /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
|
|
11675
|
-
/* @__PURE__ */
|
|
11836
|
+
/* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx122(
|
|
11676
11837
|
ScDp,
|
|
11677
11838
|
{
|
|
11678
11839
|
type: imageUrl ? "image" : "initial",
|
|
@@ -11687,13 +11848,13 @@ var ScWorkspaceSwitchMobileV2 = ({
|
|
|
11687
11848
|
}
|
|
11688
11849
|
) }),
|
|
11689
11850
|
/* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
|
|
11690
|
-
/* @__PURE__ */
|
|
11851
|
+
/* @__PURE__ */ jsx122("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
|
|
11691
11852
|
/* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
|
|
11692
|
-
/* @__PURE__ */
|
|
11693
|
-
/* @__PURE__ */
|
|
11694
|
-
/* @__PURE__ */
|
|
11695
|
-
/* @__PURE__ */
|
|
11696
|
-
/* @__PURE__ */
|
|
11853
|
+
/* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
|
|
11854
|
+
/* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
11855
|
+
/* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
|
|
11856
|
+
/* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
|
|
11857
|
+
/* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
|
|
11697
11858
|
] })
|
|
11698
11859
|
] })
|
|
11699
11860
|
] })
|
|
@@ -11720,7 +11881,7 @@ var ScImageField_default = {
|
|
|
11720
11881
|
|
|
11721
11882
|
// src/SC-imageField/ScImageField.tsx
|
|
11722
11883
|
import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
|
|
11723
|
-
import { jsx as
|
|
11884
|
+
import { jsx as jsx123, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
11724
11885
|
var ScImageField = ({
|
|
11725
11886
|
label = "Label",
|
|
11726
11887
|
imagePreview,
|
|
@@ -11744,7 +11905,7 @@ var ScImageField = ({
|
|
|
11744
11905
|
e.target.value = "";
|
|
11745
11906
|
}
|
|
11746
11907
|
return /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
|
|
11747
|
-
/* @__PURE__ */
|
|
11908
|
+
/* @__PURE__ */ jsx123(
|
|
11748
11909
|
"input",
|
|
11749
11910
|
{
|
|
11750
11911
|
ref: inputRef,
|
|
@@ -11754,9 +11915,9 @@ var ScImageField = ({
|
|
|
11754
11915
|
onChange: handleChange
|
|
11755
11916
|
}
|
|
11756
11917
|
),
|
|
11757
|
-
/* @__PURE__ */
|
|
11918
|
+
/* @__PURE__ */ jsx123("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx123("div", { className: ScImageField_default.label, children: label }) }),
|
|
11758
11919
|
hasImage ? /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.previewArea, children: [
|
|
11759
|
-
/* @__PURE__ */
|
|
11920
|
+
/* @__PURE__ */ jsx123(
|
|
11760
11921
|
"img",
|
|
11761
11922
|
{
|
|
11762
11923
|
className: ScImageField_default.previewImage,
|
|
@@ -11764,8 +11925,8 @@ var ScImageField = ({
|
|
|
11764
11925
|
alt: "preview"
|
|
11765
11926
|
}
|
|
11766
11927
|
),
|
|
11767
|
-
/* @__PURE__ */
|
|
11768
|
-
/* @__PURE__ */
|
|
11928
|
+
/* @__PURE__ */ jsx123("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
|
|
11929
|
+
/* @__PURE__ */ jsx123(
|
|
11769
11930
|
SiconDelete2,
|
|
11770
11931
|
{
|
|
11771
11932
|
className: ScImageField_default.removeIcon,
|
|
@@ -11777,8 +11938,8 @@ var ScImageField = ({
|
|
|
11777
11938
|
}
|
|
11778
11939
|
)
|
|
11779
11940
|
] }) : /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
|
|
11780
|
-
/* @__PURE__ */
|
|
11781
|
-
/* @__PURE__ */
|
|
11941
|
+
/* @__PURE__ */ jsx123(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
|
|
11942
|
+
/* @__PURE__ */ jsx123("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
|
|
11782
11943
|
] })
|
|
11783
11944
|
] });
|
|
11784
11945
|
};
|
|
@@ -11792,7 +11953,7 @@ var ScSettingsTabComp_default = {
|
|
|
11792
11953
|
};
|
|
11793
11954
|
|
|
11794
11955
|
// src/SC-settingsTabComp/ScSettingsTabComp.tsx
|
|
11795
|
-
import { jsx as
|
|
11956
|
+
import { jsx as jsx124 } from "react/jsx-runtime";
|
|
11796
11957
|
var ScSettingsTabComp = ({
|
|
11797
11958
|
tabName = "Tab",
|
|
11798
11959
|
active = false,
|
|
@@ -11800,12 +11961,12 @@ var ScSettingsTabComp = ({
|
|
|
11800
11961
|
className
|
|
11801
11962
|
}) => {
|
|
11802
11963
|
const variantsClassName = ScSettingsTabComp_default["active-" + active];
|
|
11803
|
-
return /* @__PURE__ */
|
|
11964
|
+
return /* @__PURE__ */ jsx124(
|
|
11804
11965
|
"div",
|
|
11805
11966
|
{
|
|
11806
11967
|
className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
|
|
11807
11968
|
onClick,
|
|
11808
|
-
children: /* @__PURE__ */
|
|
11969
|
+
children: /* @__PURE__ */ jsx124("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
|
|
11809
11970
|
}
|
|
11810
11971
|
);
|
|
11811
11972
|
};
|
|
@@ -11825,7 +11986,7 @@ var ScCreditsUsageCardMobile_default = {
|
|
|
11825
11986
|
|
|
11826
11987
|
// src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
|
|
11827
11988
|
import { SiconCredits as SiconCredits2 } from "@streamoid/icons";
|
|
11828
|
-
import { jsx as
|
|
11989
|
+
import { jsx as jsx125, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
11829
11990
|
var ScCreditsUsageCardMobile = ({
|
|
11830
11991
|
usageLabel = "Credits usage",
|
|
11831
11992
|
usageText = "8,450 / 30,000",
|
|
@@ -11837,21 +11998,21 @@ var ScCreditsUsageCardMobile = ({
|
|
|
11837
11998
|
}) => {
|
|
11838
11999
|
return /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
|
|
11839
12000
|
/* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.header, children: [
|
|
11840
|
-
/* @__PURE__ */
|
|
12001
|
+
/* @__PURE__ */ jsx125(
|
|
11841
12002
|
SiconCredits2,
|
|
11842
12003
|
{
|
|
11843
12004
|
className: ScCreditsUsageCardMobile_default.headerIcon,
|
|
11844
12005
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
11845
12006
|
}
|
|
11846
12007
|
),
|
|
11847
|
-
/* @__PURE__ */
|
|
12008
|
+
/* @__PURE__ */ jsx125("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
|
|
11848
12009
|
] }),
|
|
11849
|
-
/* @__PURE__ */
|
|
12010
|
+
/* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.divider }),
|
|
11850
12011
|
/* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
|
|
11851
|
-
/* @__PURE__ */
|
|
11852
|
-
/* @__PURE__ */
|
|
12012
|
+
/* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
|
|
12013
|
+
/* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
|
|
11853
12014
|
] }),
|
|
11854
|
-
/* @__PURE__ */
|
|
12015
|
+
/* @__PURE__ */ jsx125(
|
|
11855
12016
|
ScButton,
|
|
11856
12017
|
{
|
|
11857
12018
|
text: buyButtonText,
|
|
@@ -11893,7 +12054,7 @@ var ScPlanDetailsCardMobile_default = {
|
|
|
11893
12054
|
|
|
11894
12055
|
// src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
|
|
11895
12056
|
import { SiconBilling as SiconBilling5 } from "@streamoid/icons";
|
|
11896
|
-
import { Fragment as Fragment29, jsx as
|
|
12057
|
+
import { Fragment as Fragment29, jsx as jsx126, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
11897
12058
|
var ScPlanDetailsCardMobile = ({
|
|
11898
12059
|
planName = "Pro",
|
|
11899
12060
|
planCredits = "30,000 credits",
|
|
@@ -11910,17 +12071,17 @@ var ScPlanDetailsCardMobile = ({
|
|
|
11910
12071
|
return /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
|
|
11911
12072
|
/* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
|
|
11912
12073
|
/* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
|
|
11913
|
-
/* @__PURE__ */
|
|
12074
|
+
/* @__PURE__ */ jsx126(
|
|
11914
12075
|
SiconBilling5,
|
|
11915
12076
|
{
|
|
11916
12077
|
className: ScPlanDetailsCardMobile_default.headerIcon,
|
|
11917
12078
|
color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
|
|
11918
12079
|
}
|
|
11919
12080
|
),
|
|
11920
|
-
/* @__PURE__ */
|
|
12081
|
+
/* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
|
|
11921
12082
|
] }),
|
|
11922
|
-
/* @__PURE__ */
|
|
11923
|
-
/* @__PURE__ */
|
|
12083
|
+
/* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
|
|
12084
|
+
/* @__PURE__ */ jsx126(
|
|
11924
12085
|
ScBadges,
|
|
11925
12086
|
{
|
|
11926
12087
|
text: badgeText,
|
|
@@ -11930,27 +12091,27 @@ var ScPlanDetailsCardMobile = ({
|
|
|
11930
12091
|
}
|
|
11931
12092
|
),
|
|
11932
12093
|
badgeSubText && /* @__PURE__ */ jsxs106(Fragment29, { children: [
|
|
11933
|
-
/* @__PURE__ */
|
|
11934
|
-
/* @__PURE__ */
|
|
12094
|
+
/* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
|
|
12095
|
+
/* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
|
|
11935
12096
|
] })
|
|
11936
12097
|
] }) })
|
|
11937
12098
|
] }),
|
|
11938
|
-
/* @__PURE__ */
|
|
11939
|
-
/* @__PURE__ */
|
|
12099
|
+
/* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.divider }),
|
|
12100
|
+
/* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs106(Fragment29, { children: [
|
|
11940
12101
|
/* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
|
|
11941
|
-
/* @__PURE__ */
|
|
11942
|
-
/* @__PURE__ */
|
|
12102
|
+
/* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
|
|
12103
|
+
/* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
|
|
11943
12104
|
] }),
|
|
11944
|
-
/* @__PURE__ */
|
|
12105
|
+
/* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
|
|
11945
12106
|
] }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
|
|
11946
12107
|
/* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
|
|
11947
|
-
/* @__PURE__ */
|
|
11948
|
-
/* @__PURE__ */
|
|
11949
|
-
/* @__PURE__ */
|
|
12108
|
+
/* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
|
|
12109
|
+
/* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.dot }),
|
|
12110
|
+
/* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
|
|
11950
12111
|
] }),
|
|
11951
|
-
/* @__PURE__ */
|
|
12112
|
+
/* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
|
|
11952
12113
|
] }) }),
|
|
11953
|
-
isLoading ? /* @__PURE__ */
|
|
12114
|
+
isLoading ? /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx126(
|
|
11954
12115
|
ScButton,
|
|
11955
12116
|
{
|
|
11956
12117
|
text: upgradeButtonText,
|
|
@@ -12002,7 +12163,7 @@ import {
|
|
|
12002
12163
|
SiconLight as SiconLight3,
|
|
12003
12164
|
SiconDark as SiconDark3
|
|
12004
12165
|
} from "@streamoid/icons";
|
|
12005
|
-
import { Fragment as Fragment30, jsx as
|
|
12166
|
+
import { Fragment as Fragment30, jsx as jsx127, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
12006
12167
|
var activateOnKey = (handler) => (event) => {
|
|
12007
12168
|
if (!handler) return;
|
|
12008
12169
|
if (event.key === "Enter" || event.key === " ") {
|
|
@@ -12053,7 +12214,7 @@ var ScProfilePopup = forwardRef2(
|
|
|
12053
12214
|
}, ref) => {
|
|
12054
12215
|
const hasWorkspaceBlock = showWorkspace || showSwitchWorkspace || !!workspaceContent;
|
|
12055
12216
|
const hasMenuBlock = showTeams || showBilling || showSettings || showWhatsNew || !!menuContent;
|
|
12056
|
-
const menuRow = (icon, text, onClick, extra) => /* @__PURE__ */
|
|
12217
|
+
const menuRow = (icon, text, onClick, extra) => /* @__PURE__ */ jsx127(
|
|
12057
12218
|
ScMenuOptions,
|
|
12058
12219
|
{
|
|
12059
12220
|
icon,
|
|
@@ -12068,7 +12229,7 @@ var ScProfilePopup = forwardRef2(
|
|
|
12068
12229
|
);
|
|
12069
12230
|
const themeTab = (mode, icon, label) => {
|
|
12070
12231
|
const active = themeMode === mode;
|
|
12071
|
-
return /* @__PURE__ */
|
|
12232
|
+
return /* @__PURE__ */ jsx127(
|
|
12072
12233
|
ScTabComp,
|
|
12073
12234
|
{
|
|
12074
12235
|
type: "icon-only",
|
|
@@ -12084,7 +12245,7 @@ var ScProfilePopup = forwardRef2(
|
|
|
12084
12245
|
}
|
|
12085
12246
|
);
|
|
12086
12247
|
};
|
|
12087
|
-
const profile = /* @__PURE__ */
|
|
12248
|
+
const profile = /* @__PURE__ */ jsx127(
|
|
12088
12249
|
ScProfile,
|
|
12089
12250
|
{
|
|
12090
12251
|
name,
|
|
@@ -12101,7 +12262,7 @@ var ScProfilePopup = forwardRef2(
|
|
|
12101
12262
|
...props,
|
|
12102
12263
|
children: [
|
|
12103
12264
|
/* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileHeader, children: [
|
|
12104
|
-
onProfileClick ? /* @__PURE__ */
|
|
12265
|
+
onProfileClick ? /* @__PURE__ */ jsx127(
|
|
12105
12266
|
"button",
|
|
12106
12267
|
{
|
|
12107
12268
|
type: "button",
|
|
@@ -12109,10 +12270,10 @@ var ScProfilePopup = forwardRef2(
|
|
|
12109
12270
|
onClick: onProfileClick,
|
|
12110
12271
|
children: profile
|
|
12111
12272
|
}
|
|
12112
|
-
) : /* @__PURE__ */
|
|
12273
|
+
) : /* @__PURE__ */ jsx127("div", { className: ScProfilePopup_default.profileBlock, children: profile }),
|
|
12113
12274
|
(headerActions || showLogout) && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.headerActions, children: [
|
|
12114
12275
|
headerActions,
|
|
12115
|
-
showLogout && /* @__PURE__ */
|
|
12276
|
+
showLogout && /* @__PURE__ */ jsx127(
|
|
12116
12277
|
"button",
|
|
12117
12278
|
{
|
|
12118
12279
|
type: "button",
|
|
@@ -12120,16 +12281,16 @@ var ScProfilePopup = forwardRef2(
|
|
|
12120
12281
|
onClick: onLogout,
|
|
12121
12282
|
"aria-label": logoutLabel,
|
|
12122
12283
|
title: logoutLabel,
|
|
12123
|
-
children: /* @__PURE__ */
|
|
12284
|
+
children: /* @__PURE__ */ jsx127(SiconLogout4, { size: 24 })
|
|
12124
12285
|
}
|
|
12125
12286
|
)
|
|
12126
12287
|
] })
|
|
12127
12288
|
] }),
|
|
12128
12289
|
hasWorkspaceBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
|
|
12129
|
-
/* @__PURE__ */
|
|
12290
|
+
/* @__PURE__ */ jsx127(ScHDivider, { className: "" }),
|
|
12130
12291
|
/* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileDetails, children: [
|
|
12131
12292
|
showWorkspace && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.workspaceInfo, children: [
|
|
12132
|
-
/* @__PURE__ */
|
|
12293
|
+
/* @__PURE__ */ jsx127(
|
|
12133
12294
|
ScWorkspace,
|
|
12134
12295
|
{
|
|
12135
12296
|
workspaceName,
|
|
@@ -12139,16 +12300,16 @@ var ScProfilePopup = forwardRef2(
|
|
|
12139
12300
|
}
|
|
12140
12301
|
),
|
|
12141
12302
|
credits != null && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.creditsPill, children: [
|
|
12142
|
-
/* @__PURE__ */
|
|
12143
|
-
/* @__PURE__ */
|
|
12303
|
+
/* @__PURE__ */ jsx127(SiconCredits3, { size: 16 }),
|
|
12304
|
+
/* @__PURE__ */ jsx127("span", { className: ScProfilePopup_default.creditsValue, children: credits })
|
|
12144
12305
|
] })
|
|
12145
12306
|
] }),
|
|
12146
12307
|
(showSwitchWorkspace || workspaceContent) && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.switchWorkspaceRow, children: [
|
|
12147
|
-
showSwitchWorkspace && /* @__PURE__ */
|
|
12308
|
+
showSwitchWorkspace && /* @__PURE__ */ jsx127(
|
|
12148
12309
|
ScButton,
|
|
12149
12310
|
{
|
|
12150
12311
|
text: switchWorkspaceLabel,
|
|
12151
|
-
icon: /* @__PURE__ */
|
|
12312
|
+
icon: /* @__PURE__ */ jsx127(SiconWorkspace3, { size: 20 }),
|
|
12152
12313
|
styleVariant: "icon-left",
|
|
12153
12314
|
variant: "outline",
|
|
12154
12315
|
size: "md",
|
|
@@ -12161,12 +12322,12 @@ var ScProfilePopup = forwardRef2(
|
|
|
12161
12322
|
] })
|
|
12162
12323
|
] }),
|
|
12163
12324
|
hasMenuBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
|
|
12164
|
-
/* @__PURE__ */
|
|
12325
|
+
/* @__PURE__ */ jsx127(ScHDivider, { className: "" }),
|
|
12165
12326
|
/* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.settingsOptions, children: [
|
|
12166
|
-
showTeams && menuRow(/* @__PURE__ */
|
|
12167
|
-
showBilling && menuRow(/* @__PURE__ */
|
|
12168
|
-
showSettings && menuRow(/* @__PURE__ */
|
|
12169
|
-
showWhatsNew && menuRow(/* @__PURE__ */
|
|
12327
|
+
showTeams && menuRow(/* @__PURE__ */ jsx127(SiconTeam8, { size: 24 }), teamsLabel, onTeams),
|
|
12328
|
+
showBilling && menuRow(/* @__PURE__ */ jsx127(SiconBilling6, { size: 24 }), billingLabel, onBilling),
|
|
12329
|
+
showSettings && menuRow(/* @__PURE__ */ jsx127(SiconSettings4, { size: 24 }), settingsLabel, onSettings),
|
|
12330
|
+
showWhatsNew && menuRow(/* @__PURE__ */ jsx127(SiconBolt6, { size: 24 }), whatsNewLabel, onWhatsNew, {
|
|
12170
12331
|
variant: version ? "with-v" : "default",
|
|
12171
12332
|
...version ? { version } : {}
|
|
12172
12333
|
}),
|
|
@@ -12174,16 +12335,16 @@ var ScProfilePopup = forwardRef2(
|
|
|
12174
12335
|
] })
|
|
12175
12336
|
] }),
|
|
12176
12337
|
preFooterContent,
|
|
12177
|
-
showThemeSwitcher && /* @__PURE__ */
|
|
12338
|
+
showThemeSwitcher && /* @__PURE__ */ jsx127(
|
|
12178
12339
|
ScTabSwitcher,
|
|
12179
12340
|
{
|
|
12180
12341
|
tabCount: "3",
|
|
12181
12342
|
role: "radiogroup",
|
|
12182
12343
|
"aria-label": "Theme",
|
|
12183
12344
|
className: "",
|
|
12184
|
-
component: themeTab("system", /* @__PURE__ */
|
|
12185
|
-
component2: themeTab("light", /* @__PURE__ */
|
|
12186
|
-
component3: themeTab("dark", /* @__PURE__ */
|
|
12345
|
+
component: themeTab("system", /* @__PURE__ */ jsx127(SiconSystem3, { size: 20 }), "System theme"),
|
|
12346
|
+
component2: themeTab("light", /* @__PURE__ */ jsx127(SiconLight3, { size: 20 }), "Light theme"),
|
|
12347
|
+
component3: themeTab("dark", /* @__PURE__ */ jsx127(SiconDark3, { size: 20 }), "Dark theme")
|
|
12187
12348
|
}
|
|
12188
12349
|
),
|
|
12189
12350
|
children
|
|
@@ -12272,6 +12433,7 @@ export {
|
|
|
12272
12433
|
ScPlanDetailsCard,
|
|
12273
12434
|
ScPlanDetailsCardMobile,
|
|
12274
12435
|
ScPopUpMenu,
|
|
12436
|
+
ScPopoverArrow,
|
|
12275
12437
|
ScProfile,
|
|
12276
12438
|
ScProfileImageUpdate,
|
|
12277
12439
|
ScProfileOptions,
|
|
@@ -12337,14 +12499,17 @@ export {
|
|
|
12337
12499
|
advanceSidebarResizeGesture,
|
|
12338
12500
|
clampPanelWidth,
|
|
12339
12501
|
createStreamoidAppSwitchUtilities,
|
|
12502
|
+
formatStreamoidAppVersion,
|
|
12340
12503
|
formatSubAgentLabel,
|
|
12341
12504
|
hasCollapsedMark,
|
|
12505
|
+
resolveAnchoredPopoverArrow,
|
|
12342
12506
|
resolveAnchoredPopoverPosition,
|
|
12343
12507
|
resolvePanelResize,
|
|
12344
12508
|
resolvePanelResizeKey,
|
|
12345
12509
|
scAppSwitchOrder,
|
|
12346
12510
|
streamoidAppSwitchTagline,
|
|
12347
12511
|
streamoidChangelogUrl,
|
|
12512
|
+
useStreamoidAnchoredPopover,
|
|
12348
12513
|
useStreamoidAnchoredPopoverPosition,
|
|
12349
12514
|
useStreamoidPanelWidth,
|
|
12350
12515
|
useStreamoidSidebarPopoverPosition,
|