npm - @knocklabs/react - Versions diffs - 0.1.9 → 0.2.0 - Mend

@knocklabs/react 0.1.9 → 0.2.0

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.

Files changed (138) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,19 @@
 # Changelog
+## 0.2.0
+### Minor Changes
+- 627e643: Add SlackKit components, hooks, client JS functions, and example apps.
+### Patch Changes
+- e076109: Fix hover state for connect button.
+- Updated dependencies [e076109]
+- Updated dependencies [627e643]
+  - @knocklabs/react-core@0.2.0
+  - @knocklabs/client@0.9.0
 ## 0.1.9
 ### Patch Changes

package/dist/cjs/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--rnf-font-size-xs: .75rem;--rnf-font-size-sm: .875rem;--rnf-font-size-md: 1rem;--rnf-font-size-lg: 1.125rem;--rnf-font-size-xl: 1.266rem;--rnf-font-size-2xl: 1.5rem;--rnf-font-size-3xl: 1.75rem;--rnf-spacing-0: 0;--rnf-spacing-1: 4px;--rnf-spacing-2: 8px;--rnf-spacing-3: 12px;--rnf-spacing-4: 16px;--rnf-spacing-5: 20px;--rnf-spacing-6: 24px;--rnf-spacing-7: 32px;--rnf-spacing-8: 42px;--rnf-font-weight-normal: 400;--rnf-font-weight-medium: 500;--rnf-font-weight-semibold: 600;--rnf-font-weight-bold: 700;--rnf-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;--rnf-border-radius-sm: 2px;--rnf-border-radius-md: 4px;--rnf-border-radius-lg: 8px;--rnf-shadow-sm: 0px 5px 10px rgba(0, 0, 0, .12);--rnf-shadow-md: 0px 8px 30px rgba(0, 0, 0, .24);--rnf-color-white: #fff;--rnf-color-white-a-75: rgba(255, 255, 255, .75);--rnf-color-black: #000;--rnf-color-gray-900: #1a1f36;--rnf-color-gray-800: #3c4257;--rnf-color-gray-700: #3c4257;--rnf-color-gray-600: #515669;--rnf-color-gray-500: #697386;--rnf-color-gray-400: #9ea0aa;--rnf-color-gray-300: #a5acb8;--rnf-color-gray-200: #dddee1;--rnf-color-gray-100: #e4e8ee;--rnf-color-brand-500: #e95744;--rnf-color-brand-700: #e4321b;--rnf-color-brand-900: #891e10;--rnf-unread-badge-bg-color: #dd514c;--rnf-avatar-bg-color: #ef8476;--rnf-message-cell-unread-dot-bg-color: #f4ada4;--rnf-message-cell-hover-bg-color: #f1f6fc}:root{--rnf-empty-feed-max-w: 240px;--rnf-empty-feed-header-font-size: var(--rnf-font-size-md);--rnf-empty-feed-body-font-size: var(--rnf-font-size-sm)}.rnf-empty-feed{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.rnf-empty-feed__inner{max-width:var(--rnf-empty-feed-max-w);margin:-20px auto 0;text-align:center}.rnf-empty-feed__header{font-size:var(--rnf-empty-feed-header-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin:0 0 var(--rnf-spacing-1)}.rnf-empty-feed__body{font-size:var(--rnf-empty-feed-body-font-size);color:var(--rnf-color-gray-300);margin:0}.rnf-empty-feed--dark .rnf-empty-feed__header{color:var(--rnf-color-white-a-75)}.rnf-empty-feed--dark .rnf-empty-feed__body{color:var(--rnf-color-gray-400)}:root{--rnf-notification-icon-button-size: 32px;--rnf-notification-icon-button-bg-color: transparent}.rnf-notification-icon-button{background-color:var(--rnf-notification-icon-button-bg-color);border:none;position:relative;display:block;margin:0;padding:0;cursor:pointer;width:var(--rnf-notification-icon-button-size);height:var(--rnf-notification-icon-button-size);color:inherit}.rnf-notification-icon-button svg{display:block;margin:0 auto}.rnf-notification-icon-button--dark{color:#fff}:root{--rnf-button-padding-x: 8px;--rnf-button-padding-y: 4px;--rnf-button-border-radius: 4px;--rnf-button-font-weight: var(--rnf-font-weight-medium);--rnf-button-font-size: var(--rnf-font-size-sm);--rnf-button-primary-bg-color: var(--rnf-color-brand-500);--rnf-button-primary-hover-bg-color: var(--rnf-color-brand-700);--rnf-button-primary-border-color: transparent;--rnf-button-primary-text-color: var(--rnf-color-white);--rnf-button-secondary-bg-color: var(--rnf-color-white);--rnf-button-secondary-hover-bg-color: #dddee1;--rnf-button-secondary-border-color: #dddee1;--rnf-button-secondary-text-color: var(--rnf-color-gray-700)}.rnf-button{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;width:auto;padding:var(--rnf-button-padding-y) var(--rnf-button-padding-x);border-radius:var(--rnf-button-border-radius);font-size:var(--rnf-button-font-size);line-height:var(--rnf-font-size-lg);font-weight:var(--rnf-button-font-weight);border:1px solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .1s ease-in-out}.rnf-button--full-width{width:100%}.rnf-button--primary{background-color:var(--rnf-button-primary-bg-color);color:var(--rnf-button-primary-text-color);border-color:var(--rnf-button-primary-border-color)}.rnf-button--primary:hover:not(:disabled),.rnf-button--primary:active:not(:disabled){background-color:var(--rnf-button-primary-hover-bg-color)}.rnf-button:disabled{opacity:.4;cursor:not-allowed}.rnf-button--secondary{background-color:var(--rnf-button-secondary-bg-color);color:var(--rnf-button-secondary-text-color);border-color:var(--rnf-button-secondary-border-color)}.rnf-button--secondary:hover:not(:disabled),.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-button-secondary-hover-bg-color)}.rnf-button--dark.rnf-button--secondary{border-color:#43464c;background-color:#43464c;color:var(--rnf-color-white-a-75)}.rnf-button__button-text-hidden{opacity:0}.rnf-button--dark.rnf-button--secondary:hover:not(:disabled),.rnf-button--dark.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-color-gray-600)}.rnf-button-spinner{display:flex;align-items:center;font-size:1rem;line-height:"normal"}.rnf-button-spinner--without-label{position:absolute}.rnf-button-spinner--with-label{margin-right:6px}.rnf-button--primary .rnf-button-spinner circle{stroke:#fff}.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-button-secondary-text-color)}.rnf-button--dark.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-color-white-a-75)}.rnf-button-group>.rnf-button+.rnf-button{margin-left:8px}:root{--rnf-avatar-bg-color: #ef8476;--rnf-avatar-size: 32px;--rnf-avatar-initials-font-size: var(--rnf-font-size-md);--rnf-avatar-initials-line-height: var(--rnf-font-size-lg);--rnf-avatar-initials-color: #fff;--rnf-notification-cell-border-bottom-color: #e4e8ee;--rnf-notification-cell-padding: var(--rnf-spacing-3);--rnf-notification-cell-active-bg-color: #f1f6fc;--rnf-notification-cell-unread-dot-size: 6px;--rnf-notification-cell-unread-dot-bg-color: #80c7f5;--rnf-notification-cell-unread-dot-border-color: #3192e3;--rnf-notification-cell-content-color: var(--rnf-color-gray-900);--rnf-notification-cell-content-font-size: var(--rnf-font-size-sm);--rnf-notification-cell-content-line-height: var(--rnf-font-size-lg);--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-400);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-500)}.rnf-avatar{background-color:var(--rnf-avatar-bg-color);border-radius:var(--rnf-avatar-size);width:var(--rnf-avatar-size);height:var(--rnf-avatar-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.rnf-avatar__initials{font-size:var(--rnf-avatar-initials-font-size);line-height:var(--rnf-avatar-initials-line-height);color:var(--rnf-avatar-initials-color)}.rnf-avatar__image{object-fit:cover;width:var(--rnf-avatar-size);height:var(--rnf-avatar-size)}.rnf-notification-cell{background-color:transparent;position:relative;border-bottom:1px solid var(--rnf-notification-cell-border-bottom-color)}.rnf-notification-cell:last-child{border-bottom-color:transparent}.rnf-notification-cell:hover,.rnf-notification-cell:focus,.rnf-notification-cell:active{background-color:var(--rnf-notification-cell-active-bg-color);outline:none}.rnf-notification-cell__inner{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:100%;text-decoration:none;display:flex;padding:var(--rnf-notification-cell-padding);cursor:pointer;text-align:left;justify-content:flex-start}.rnf-notification-cell__unread-dot{position:absolute;top:var(--rnf-notification-cell-unread-dot-size);left:var(--rnf-notification-cell-unread-dot-size);width:var(--rnf-notification-cell-unread-dot-size);height:var(--rnf-notification-cell-unread-dot-size);border-radius:var(--rnf-notification-cell-unread-dot-size);background-color:var(--rnf-notification-cell-unread-dot-bg-color);border:1px solid var(--rnf-notification-cell-unread-dot-border-color)}.rnf-notification-cell__content-outer{margin-left:var(--rnf-spacing-3)}.rnf-notification-cell__content{color:var(--rnf-notification-cell-content-color);display:block;font-weight:var(--rnf-font-weight-normal);font-size:var(--rnf-notification-cell-content-font-size);line-height:var(--rnf-notification-cell-content-line-height);margin-bottom:var(--rnf-spacing-1);word-break:normal;word-wrap:break-word}.rnf-notification-cell__content h1,.rnf-notification-cell__content h2,.rnf-notification-cell__content h3,.rnf-notification-cell__content h4{font-weight:var(--rnf-font-weight-semibold);margin-bottom:.5em}.rnf-notification-cell__content h1{font-size:var(--rnf-font-size-2xl)}.rnf-notification-cell__content h2{font-size:var(--rnf-font-size-xl)}.rnf-notification-cell__content h3{font-size:var(--rnf-font-size-lg)}.rnf-notification-cell__content h4{font-size:var(--rnf-font-size-md)}.rnf-notification-cell__content p{margin:0 0 .75em}.rnf-notification-cell__content p:last-child{margin-bottom:0}.rnf-notification-cell__content blockquote{border-left:3px solid var(--rnf-color-gray-300);padding-left:var(--rnf-spacing-3);line-height:var(--rnf-font-size-xl);margin:0}.rnf-notification-cell__content strong{font-weight:var(--rnf-font-weight-semibold)}.rnf-notification-cell__timestamp{display:block;color:var(--rnf-color-gray-300);font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-normal);line-height:var(--rnf-font-size-lg)}.rnf-notification-cell__child-content{margin:.75em 0 .5em}.rnf-archive-notification-btn{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;opacity:0;width:24px;height:24px;cursor:pointer;margin-left:auto;color:var(--rnf-archive-notification-btn-bg-color);padding:var(--rnf-spacing-1) var(--rnf-spacing-2);transition:color .1s ease-in-out,opacity .2s ease-in-out}.rnf-notification-cell:focus .rnf-archive-notification-btn,.rnf-notification-cell:hover .rnf-archive-notification-btn,.rnf-notification-cell:active .rnf-archive-notification-btn{opacity:1}.rnf-archive-notification-btn:focus,.rnf-archive-notification-btn:hover,.rnf-archive-notification-btn:active{outline:none;opacity:1;color:var(--rnf-archive-notification-btn-bg-color-active)}.rnf-tooltip{background-color:var(--rnf-color-gray-700);border-radius:4px;box-shadow:0 2px 4px #0000002e;color:#fff;display:flex;flex-direction:column;padding:var(--rnf-spacing-1) var(--rnf-spacing-2);font-size:var(--rnf-font-size-xs);line-height:var(--rnf-font-size-s);font-weight:var(--rnf-font-weight-medium);transition:opacity .3s;z-index:9999}.rnf-notification-cell--dark{--rnf-notification-cell-border-bottom-color: rgba(105, 115, 134, .65);--rnf-notification-cell-active-bg-color: #393b40;--rnf-notification-cell-content-color: var(--rnf-color-white-a-75)}.rnf-notification-cell--dark:last-child{border-bottom-color:transparent}.rnf-notification-cell--dark .rnf-notification-cell__timestamp{color:var(--rnf-color-gray-500)}.rnf-archive-notification-btn--dark{--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-500);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-400)}.rnf-tooltip--dark{background-color:#565a61}@media screen and (hover: none){.rnf-archive-notification-btn{opacity:1}}:root{--rnf-notification-feed-popover-max-w: 400px;--rnf-notification-feed-popover-min-w: 280px;--rnf-notification-feed-popover-height: 400px;--rnf-notification-feed-popover-shadow: drop-shadow( 0px 5px 15px rgba(0, 0, 0, .2) );--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2);--rnf-notification-feed-popover-bg-color: #fff;--rnf-notification-feed-popover-z-index: 999;--rnf-notification-feed-popover-arrow-size: 10px;--rnf-notification-feed-popover-border-radius: 4px}.rnf-notification-feed-popover{width:100%;max-width:var(--rnf-notification-feed-popover-max-w);min-width:var(--rnf-notification-feed-popover-min-w);height:var(--rnf-notification-feed-popover-height);z-index:var(--rnf-notification-feed-popover-z-index)}.rnf-notification-feed-popover__inner{overflow:hidden;background-color:var(--rnf-notification-feed-popover-bg-color);border-radius:var(--rnf-notification-feed-popover-border-radius);filter:var(--rnf-notification-feed-popover-shadow);height:100%}.rnf-notification-feed-popover__arrow{position:absolute;width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover__arrow:after{content:" ";display:block;background-color:var(--rnf-notification-feed-popover-bg-color);box-shadow:-1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);position:absolute;top:-5px;left:0;transform:rotate(45deg);width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover--dark{--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2)}:root{--rnf-unseen-badge-bg-color: #eb5757;--rnf-unseen-badge-size: 16px;--rnf-unseed-badge-font-size: 9px}.rnf-unseen-badge{background-color:var(--rnf-unseen-badge-bg-color);width:var(--rnf-unseen-badge-size);height:var(--rnf-unseen-badge-size);border-radius:var(--rnf-unseen-badge-size);position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}.rnf-unseen-badge__count{font-size:var(--rnf-unseed-badge-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-white);margin-top:-1px}.rnf-unseen-badge--dark{--rnf-unseen-badge-bg-color: #ef3434}:root{--rnf-notification-feed-header-height: 45px}.rnf-notification-feed{background-color:var(--rnf-color-white);height:100%;display:flex;flex-direction:column}.rnf-dropdown{font-size:var(--rnf-font-size-md);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-400);position:relative}.rnf-dropdown select{padding-right:var(--rnf-spacing-3);color:currentColor;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--rnf-font-size-sm);position:relative;text-align:right;z-index:2}.rnf-dropdown svg{position:absolute;top:50%;margin-top:-2px;right:0;z-index:1}.rnf-mark-all-as-read{border:none;background:transparent;margin-left:auto;display:flex;align-items:center;padding:0;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-400);cursor:pointer}.rnf-mark-all-as-read:disabled{color:var(--rnf-color-gray-200);cursor:not-allowed}.rnf-mark-all-as-read svg{margin-top:1px;margin-left:var(--rnf-spacing-1)}.rnf-notification-feed__header{padding:var(--rnf-spacing-3) var(--rnf-spacing-4);height:var(--rnf-notification-feed-header-height);display:flex;align-items:center}.rnf-notification-feed__selector{display:flex;align-items:center}.rnf-notification-feed__type{font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin-right:var(--rnf-spacing-2)}.rnf-notification-feed__container{overflow-y:auto;flex:1}.rnf-notification-feed__spinner-container{padding:var(--rnf-spacing-3) var(--rnf-spacing-4)}.rnf-notification-feed__spinner-container svg{margin:0 auto;display:block}.rnf-notification-feed__knock-branding{text-align:center}.rnf-notification-feed__knock-branding a{display:block;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-500);padding:6px;border-top:1px solid var(--rnf-color-gray-100)}.rnf-notification-feed__knock-branding a:hover{background-color:#f1f6fc}.rnf-notification-feed--dark{background-color:#2e2f34}.rnf-notification-feed--dark .rnf-notification-feed__type{color:var(--rnf-color-white-a-75)}.rnf-dropdown--dark{color:var(--rnf-color-gray-400)}.rnf-mark-all-as-read--dark:disabled{color:var(--rnf-color-gray-500)}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a{color:var(--rnf-color-gray-400);border-top-color:#697386a6}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a:hover{background-color:#393b40}.rnf-feed-provider{font-family:var(--rnf-font-family-sanserif)!important;margin:0!important;padding:0!important}.rnf-feed-provider [class^=rnf-]{font-family:var(--rnf-font-family-sanserif)!important;box-sizing:border-box}
1	+ :root{--rnf-font-size-xs: .75rem;--rnf-font-size-sm: .875rem;--rnf-font-size-md: 1rem;--rnf-font-size-lg: 1.125rem;--rnf-font-size-xl: 1.266rem;--rnf-font-size-2xl: 1.5rem;--rnf-font-size-3xl: 1.75rem;--rnf-spacing-0: 0;--rnf-spacing-1: 4px;--rnf-spacing-2: 8px;--rnf-spacing-3: 12px;--rnf-spacing-4: 16px;--rnf-spacing-5: 20px;--rnf-spacing-6: 24px;--rnf-spacing-7: 32px;--rnf-spacing-8: 42px;--rnf-font-weight-normal: 400;--rnf-font-weight-medium: 500;--rnf-font-weight-semibold: 600;--rnf-font-weight-bold: 700;--rnf-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;--rnf-border-radius-sm: 2px;--rnf-border-radius-md: 4px;--rnf-border-radius-lg: 8px;--rnf-shadow-sm: 0px 5px 10px rgba(0, 0, 0, .12);--rnf-shadow-md: 0px 8px 30px rgba(0, 0, 0, .24);--rnf-color-white: #fff;--rnf-color-white-a-75: rgba(255, 255, 255, .75);--rnf-color-black: #000;--rnf-color-gray-900: #1a1f36;--rnf-color-gray-800: #3c4257;--rnf-color-gray-700: #3c4257;--rnf-color-gray-600: #515669;--rnf-color-gray-500: #697386;--rnf-color-gray-400: #9ea0aa;--rnf-color-gray-300: #a5acb8;--rnf-color-gray-200: #dddee1;--rnf-color-gray-100: #e4e8ee;--rnf-color-brand-500: #e95744;--rnf-color-brand-700: #e4321b;--rnf-color-brand-900: #891e10;--rnf-unread-badge-bg-color: #dd514c;--rnf-avatar-bg-color: #ef8476;--rnf-message-cell-unread-dot-bg-color: #f4ada4;--rnf-message-cell-hover-bg-color: #f1f6fc}:root{--rnf-button-padding-x: 8px;--rnf-button-padding-y: 4px;--rnf-button-border-radius: 4px;--rnf-button-font-weight: var(--rnf-font-weight-medium);--rnf-button-font-size: var(--rnf-font-size-sm);--rnf-button-primary-bg-color: var(--rnf-color-brand-500);--rnf-button-primary-hover-bg-color: var(--rnf-color-brand-700);--rnf-button-primary-border-color: transparent;--rnf-button-primary-text-color: var(--rnf-color-white);--rnf-button-secondary-bg-color: var(--rnf-color-white);--rnf-button-secondary-hover-bg-color: #dddee1;--rnf-button-secondary-border-color: #dddee1;--rnf-button-secondary-text-color: var(--rnf-color-gray-700)}.rnf-button{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;width:auto;padding:var(--rnf-button-padding-y) var(--rnf-button-padding-x);border-radius:var(--rnf-button-border-radius);font-size:var(--rnf-button-font-size);line-height:var(--rnf-font-size-lg);font-weight:var(--rnf-button-font-weight);border:1px solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .1s ease-in-out}.rnf-button--full-width{width:100%}.rnf-button--primary{background-color:var(--rnf-button-primary-bg-color);color:var(--rnf-button-primary-text-color);border-color:var(--rnf-button-primary-border-color)}.rnf-button--primary:hover:not(:disabled),.rnf-button--primary:active:not(:disabled){background-color:var(--rnf-button-primary-hover-bg-color)}.rnf-button:disabled{opacity:.4;cursor:not-allowed}.rnf-button--secondary{background-color:var(--rnf-button-secondary-bg-color);color:var(--rnf-button-secondary-text-color);border-color:var(--rnf-button-secondary-border-color)}.rnf-button--secondary:hover:not(:disabled),.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-button-secondary-hover-bg-color)}.rnf-button--dark.rnf-button--secondary{border-color:#43464c;background-color:#43464c;color:var(--rnf-color-white-a-75)}.rnf-button__button-text-hidden{opacity:0}.rnf-button--dark.rnf-button--secondary:hover:not(:disabled),.rnf-button--dark.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-color-gray-600)}.rnf-button-spinner{display:flex;align-items:center;font-size:1rem;line-height:"normal"}.rnf-button-spinner--without-label{position:absolute}.rnf-button-spinner--with-label{margin-right:6px}.rnf-button--primary .rnf-button-spinner circle{stroke:#fff}.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-button-secondary-text-color)}.rnf-button--dark.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-color-white-a-75)}.rnf-button-group>.rnf-button+.rnf-button{margin-left:8px}:root{--rnf-empty-feed-max-w: 240px;--rnf-empty-feed-header-font-size: var(--rnf-font-size-md);--rnf-empty-feed-body-font-size: var(--rnf-font-size-sm)}.rnf-empty-feed{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.rnf-empty-feed__inner{max-width:var(--rnf-empty-feed-max-w);margin:-20px auto 0;text-align:center}.rnf-empty-feed__header{font-size:var(--rnf-empty-feed-header-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin:0 0 var(--rnf-spacing-1)}.rnf-empty-feed__body{font-size:var(--rnf-empty-feed-body-font-size);color:var(--rnf-color-gray-300);margin:0}.rnf-empty-feed--dark .rnf-empty-feed__header{color:var(--rnf-color-white-a-75)}.rnf-empty-feed--dark .rnf-empty-feed__body{color:var(--rnf-color-gray-400)}:root{--rnf-avatar-bg-color: #ef8476;--rnf-avatar-size: 32px;--rnf-avatar-initials-font-size: var(--rnf-font-size-md);--rnf-avatar-initials-line-height: var(--rnf-font-size-lg);--rnf-avatar-initials-color: #fff;--rnf-notification-cell-border-bottom-color: #e4e8ee;--rnf-notification-cell-padding: var(--rnf-spacing-3);--rnf-notification-cell-active-bg-color: #f1f6fc;--rnf-notification-cell-unread-dot-size: 6px;--rnf-notification-cell-unread-dot-bg-color: #80c7f5;--rnf-notification-cell-unread-dot-border-color: #3192e3;--rnf-notification-cell-content-color: var(--rnf-color-gray-900);--rnf-notification-cell-content-font-size: var(--rnf-font-size-sm);--rnf-notification-cell-content-line-height: var(--rnf-font-size-lg);--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-400);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-500)}.rnf-avatar{background-color:var(--rnf-avatar-bg-color);border-radius:var(--rnf-avatar-size);width:var(--rnf-avatar-size);height:var(--rnf-avatar-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.rnf-avatar__initials{font-size:var(--rnf-avatar-initials-font-size);line-height:var(--rnf-avatar-initials-line-height);color:var(--rnf-avatar-initials-color)}.rnf-avatar__image{object-fit:cover;width:var(--rnf-avatar-size);height:var(--rnf-avatar-size)}.rnf-notification-cell{background-color:transparent;position:relative;border-bottom:1px solid var(--rnf-notification-cell-border-bottom-color)}.rnf-notification-cell:last-child{border-bottom-color:transparent}.rnf-notification-cell:hover,.rnf-notification-cell:focus,.rnf-notification-cell:active{background-color:var(--rnf-notification-cell-active-bg-color);outline:none}.rnf-notification-cell__inner{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:100%;text-decoration:none;display:flex;padding:var(--rnf-notification-cell-padding);cursor:pointer;text-align:left;justify-content:flex-start}.rnf-notification-cell__unread-dot{position:absolute;top:var(--rnf-notification-cell-unread-dot-size);left:var(--rnf-notification-cell-unread-dot-size);width:var(--rnf-notification-cell-unread-dot-size);height:var(--rnf-notification-cell-unread-dot-size);border-radius:var(--rnf-notification-cell-unread-dot-size);background-color:var(--rnf-notification-cell-unread-dot-bg-color);border:1px solid var(--rnf-notification-cell-unread-dot-border-color)}.rnf-notification-cell__content-outer{margin-left:var(--rnf-spacing-3)}.rnf-notification-cell__content{color:var(--rnf-notification-cell-content-color);display:block;font-weight:var(--rnf-font-weight-normal);font-size:var(--rnf-notification-cell-content-font-size);line-height:var(--rnf-notification-cell-content-line-height);margin-bottom:var(--rnf-spacing-1);word-break:normal;word-wrap:break-word}.rnf-notification-cell__content h1,.rnf-notification-cell__content h2,.rnf-notification-cell__content h3,.rnf-notification-cell__content h4{font-weight:var(--rnf-font-weight-semibold);margin-bottom:.5em}.rnf-notification-cell__content h1{font-size:var(--rnf-font-size-2xl)}.rnf-notification-cell__content h2{font-size:var(--rnf-font-size-xl)}.rnf-notification-cell__content h3{font-size:var(--rnf-font-size-lg)}.rnf-notification-cell__content h4{font-size:var(--rnf-font-size-md)}.rnf-notification-cell__content p{margin:0 0 .75em}.rnf-notification-cell__content p:last-child{margin-bottom:0}.rnf-notification-cell__content blockquote{border-left:3px solid var(--rnf-color-gray-300);padding-left:var(--rnf-spacing-3);line-height:var(--rnf-font-size-xl);margin:0}.rnf-notification-cell__content strong{font-weight:var(--rnf-font-weight-semibold)}.rnf-notification-cell__timestamp{display:block;color:var(--rnf-color-gray-300);font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-normal);line-height:var(--rnf-font-size-lg)}.rnf-notification-cell__child-content{margin:.75em 0 .5em}.rnf-archive-notification-btn{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;opacity:0;width:24px;height:24px;cursor:pointer;margin-left:auto;color:var(--rnf-archive-notification-btn-bg-color);padding:var(--rnf-spacing-1) var(--rnf-spacing-2);transition:color .1s ease-in-out,opacity .2s ease-in-out}.rnf-notification-cell:focus .rnf-archive-notification-btn,.rnf-notification-cell:hover .rnf-archive-notification-btn,.rnf-notification-cell:active .rnf-archive-notification-btn{opacity:1}.rnf-archive-notification-btn:focus,.rnf-archive-notification-btn:hover,.rnf-archive-notification-btn:active{outline:none;opacity:1;color:var(--rnf-archive-notification-btn-bg-color-active)}.rnf-tooltip{background-color:var(--rnf-color-gray-700);border-radius:4px;box-shadow:0 2px 4px #0000002e;color:#fff;display:flex;flex-direction:column;padding:var(--rnf-spacing-1) var(--rnf-spacing-2);font-size:var(--rnf-font-size-xs);line-height:var(--rnf-font-size-s);font-weight:var(--rnf-font-weight-medium);transition:opacity .3s;z-index:9999}.rnf-notification-cell--dark{--rnf-notification-cell-border-bottom-color: rgba(105, 115, 134, .65);--rnf-notification-cell-active-bg-color: #393b40;--rnf-notification-cell-content-color: var(--rnf-color-white-a-75)}.rnf-notification-cell--dark:last-child{border-bottom-color:transparent}.rnf-notification-cell--dark .rnf-notification-cell__timestamp{color:var(--rnf-color-gray-500)}.rnf-archive-notification-btn--dark{--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-500);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-400)}.rnf-tooltip--dark{background-color:#565a61}@media screen and (hover: none){.rnf-archive-notification-btn{opacity:1}}:root{--rnf-notification-feed-header-height: 45px}.rnf-notification-feed{background-color:var(--rnf-color-white);height:100%;display:flex;flex-direction:column}.rnf-dropdown{font-size:var(--rnf-font-size-md);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-400);position:relative}.rnf-dropdown select{padding-right:var(--rnf-spacing-3);color:currentColor;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--rnf-font-size-sm);position:relative;text-align:right;z-index:2}.rnf-dropdown svg{position:absolute;top:50%;margin-top:-2px;right:0;z-index:1}.rnf-mark-all-as-read{border:none;background:transparent;margin-left:auto;display:flex;align-items:center;padding:0;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-400);cursor:pointer}.rnf-mark-all-as-read:disabled{color:var(--rnf-color-gray-200);cursor:not-allowed}.rnf-mark-all-as-read svg{margin-top:1px;margin-left:var(--rnf-spacing-1)}.rnf-notification-feed__header{padding:var(--rnf-spacing-3) var(--rnf-spacing-4);height:var(--rnf-notification-feed-header-height);display:flex;align-items:center}.rnf-notification-feed__selector{display:flex;align-items:center}.rnf-notification-feed__type{font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin-right:var(--rnf-spacing-2)}.rnf-notification-feed__container{overflow-y:auto;flex:1}.rnf-notification-feed__spinner-container{padding:var(--rnf-spacing-3) var(--rnf-spacing-4)}.rnf-notification-feed__spinner-container svg{margin:0 auto;display:block}.rnf-notification-feed__knock-branding{text-align:center}.rnf-notification-feed__knock-branding a{display:block;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-500);padding:6px;border-top:1px solid var(--rnf-color-gray-100)}.rnf-notification-feed__knock-branding a:hover{background-color:#f1f6fc}.rnf-notification-feed--dark{background-color:#2e2f34}.rnf-notification-feed--dark .rnf-notification-feed__type{color:var(--rnf-color-white-a-75)}.rnf-dropdown--dark{color:var(--rnf-color-gray-400)}.rnf-mark-all-as-read--dark:disabled{color:var(--rnf-color-gray-500)}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a{color:var(--rnf-color-gray-400);border-top-color:#697386a6}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a:hover{background-color:#393b40}.rnf-feed-provider{font-family:var(--rnf-font-family-sanserif)!important;margin:0!important;padding:0!important}.rnf-feed-provider [class^=rnf-]{font-family:var(--rnf-font-family-sanserif)!important;box-sizing:border-box}:root{--rnf-notification-feed-popover-max-w: 400px;--rnf-notification-feed-popover-min-w: 280px;--rnf-notification-feed-popover-height: 400px;--rnf-notification-feed-popover-shadow: drop-shadow( 0px 5px 15px rgba(0, 0, 0, .2) );--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2);--rnf-notification-feed-popover-bg-color: #fff;--rnf-notification-feed-popover-z-index: 999;--rnf-notification-feed-popover-arrow-size: 10px;--rnf-notification-feed-popover-border-radius: 4px}.rnf-notification-feed-popover{width:100%;max-width:var(--rnf-notification-feed-popover-max-w);min-width:var(--rnf-notification-feed-popover-min-w);height:var(--rnf-notification-feed-popover-height);z-index:var(--rnf-notification-feed-popover-z-index)}.rnf-notification-feed-popover__inner{overflow:hidden;background-color:var(--rnf-notification-feed-popover-bg-color);border-radius:var(--rnf-notification-feed-popover-border-radius);filter:var(--rnf-notification-feed-popover-shadow);height:100%}.rnf-notification-feed-popover__arrow{position:absolute;width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover__arrow:after{content:" ";display:block;background-color:var(--rnf-notification-feed-popover-bg-color);box-shadow:-1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);position:absolute;top:-5px;left:0;transform:rotate(45deg);width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover--dark{--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2)}:root{--rnf-notification-icon-button-size: 32px;--rnf-notification-icon-button-bg-color: transparent}.rnf-notification-icon-button{background-color:var(--rnf-notification-icon-button-bg-color);border:none;position:relative;display:block;margin:0;padding:0;cursor:pointer;width:var(--rnf-notification-icon-button-size);height:var(--rnf-notification-icon-button-size);color:inherit}.rnf-notification-icon-button svg{display:block;margin:0 auto}.rnf-notification-icon-button--dark{color:#fff}:root{--rnf-unseen-badge-bg-color: #eb5757;--rnf-unseen-badge-size: 16px;--rnf-unseed-badge-font-size: 9px}.rnf-unseen-badge{background-color:var(--rnf-unseen-badge-bg-color);width:var(--rnf-unseen-badge-size);height:var(--rnf-unseen-badge-size);border-radius:var(--rnf-unseen-badge-size);position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}.rnf-unseen-badge__count{font-size:var(--rnf-unseed-badge-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-white);margin-top:-1px}.rnf-unseen-badge--dark{--rnf-unseen-badge-bg-color: #ef3434}:root{--rsk-font-size-xs: .75rem;--rsk-font-size-sm: .875rem;--rsk-font-size-md: 1rem;--rsk-font-size-lg: 1.125rem;--rsk-font-size-xl: 1.266rem;--rsk-font-size-2xl: 1.5rem;--rsk-font-size-3xl: 1.75rem;--rsk-spacing-0: 0rem;--rsk-spacing-1: .25rem;--rsk-spacing-2: .5rem;--rsk-spacing-3: .75rem;--rsk-spacing-4: 1rem;--rsk-spacing-5: 1.25rem;--rsk-spacing-6: 1.5rem;--rsk-spacing-7: 2rem;--rsk-font-weight-normal: 400;--rsk-font-weight-medium: 500;--rsk-font-weight-semibold: 600;--rsk-font-weight-bold: 700;--rsk-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;--rsk-border-radius-sm: 2px;--rsk-border-radius-md: 4px;--rsk-border-radius-lg: 8px;--rsk-button-border-radius: 6px;--rsk-color-white: #fff;--rsk-color-white-a-75: rgba(255, 255, 255, .75);--rsk-color-black: #000;--rsk-color-gray-900: #1a1f36;--rsk-color-gray-800: #3c4257;--rsk-color-gray-700: #3c4257;--rsk-color-gray-600: #515669;--rsk-color-gray-500: #697386;--rsk-color-gray-400: #9ea0aa;--rsk-color-gray-300: #a5acb8;--rsk-color-gray-200: #dddee1;--rsk-color-gray-100: #e4e8ee;--rsk-color-brand-500: #e95744;--rsk-color-brand-700: #e4321b;--rsk-color-brand-900: #891e10;--rsk-button-hover-color: rgba(247, 247, 248, 1)}:root{--rsk-connected-color: rgba(51, 163, 102, 1);--rsk-disconnect-border-color: rgba(230, 71, 51, 1);--rsk-disconnect-background-color: rgba(255, 245, 245, 1);--rsk-error-red: rgba(205, 123, 46, 1)}.rsk-connect__button{background-color:var(--rsk-color-white);border:1px solid var(--rsk-color-gray-200);border-radius:var(--rsk-button-border-radius);box-sizing:border-box;color:var(--rsk-color-black);cursor:pointer;display:inline-flex;font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal);gap:var(--rsk-spacing-2);padding:var(--rsk-spacing-1) var(--rsk-spacing-2);text-decoration:none;text-overflow:ellipsis;text-wrap:nowrap;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.rsk-connect__button--connected{border-color:var(--rsk-connected-color);color:var(--rsk-connected-color);width:120px}.rsk-connect__button--error{border-color:var(--rsk-error-red);color:var(--rsk-error-red)}.rsk-connect__button--loading{border-color:var(--rsk-color-gray-100);color:var(--rsk-color-gray-400);pointer-events:none}.rsk-connect__button--disconnected:hover{background-color:var(--rsk-button-hover-color)}.rsk-connect__button--connected:hover,.rsk-connect__button__text--connected:hover{background-color:var(--rsk-disconnect-background-color);border-color:var(--rsk-disconnect-border-color);color:var(--rsk-disconnect-border-color)}.rsk-connect__button--error:hover,.rsk-connect__button__text--error:hover{border-color:var(--rsk-color-black);color:var(--rsk-color-black)}.rsk-connect__button:active{transform:translate(1px,1px)}.rsk-auth{background:var(--rsk-color-white);border:1px solid var(--rsk-color-gray-100);border-radius:var(--rsk-border-radius-lg);font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal);padding:var(--rsk-spacing-5)}.rsk-auth__header{display:flex;flex-direction:row;justify-content:space-between}.rsk-auth__title{color:#1a1f36;font-size:var(--rsk-font-size-md);line-height:var(--rsk-spacing-5);margin-top:var(--rsk-spacing-4)}.rsk-auth__description{color:#515669;font-size:var(--rsk-font-size-sm);line-height:var(--rsk-spacing-5)}:root{--rsk-error-yellow: rgba(247, 212, 102, 1);--rsk-error-yellow-background: rgba(255, 255, 240, 1)}.rsk-combobox,.rsk-combobox__list-box,.rsk-combobox__searchbar,.rsk-combobox__searchbar__input-container{width:286px}.rsk-combobox{font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal)}.rsk-combobox__searchbar__input-container{align-items:center;display:flex;position:relative;color:var(--rsk-color-gray-200)}.rsk-combobox__searchbar__input-container__icon,.rsk-combobox__searchbar__input-container__icon--error{left:var(--rsk-spacing-3);top:.65rem;position:absolute;z-index:10}.rsk-combobox__searchbar__input-container__icon--error{color:var(--rsk-error-yellow)}.rsk-combobox__searchbar__input-container__input{border-color:var(--rsk-color-gray-200);border-radius:var(--rsk-border-radius-md);border-style:solid;border-width:1px;height:32px;padding-left:var(--rsk-spacing-7);padding-right:var(--rsk-spacing-1);position:relative;width:100%}.rsk-combobox__searchbar__input-container__input:disabled{background-color:var(--rsk-error-yellow-background);border:1px solid var(--rsk-error-yellow)}.rsk-combobox__searchbar__input-container__input--error{cursor:not-allowed}.rsk-combobox__searchbar__input-container__input--error::placeholder{color:#a95823}.rsk-combobox__list-box{border-radius:var(--rsk-border-radius-sm);box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a;display:flex;flex-direction:column;height:223px;margin-top:var(--rsk-spacing-1);overflow-x:hidden;overflow-y:auto;width:284px}.rsk-combobox__option__button{background-color:var(--rsk-color-white);border-width:var(--rsk-spacing-0);padding:var(--rsk-spacing-2)}.rsk-combobox__option__button:hover{cursor:pointer}.rsk-combobox__option__button:disabled{color:var(--rsk-color-gray-700);cursor:not-allowed}.rsk-combobox__option__text-container{display:flex}.rsk-combobox__option__text-container__empty-icon,.rsk-combobox__option__text-container__channel-icon,.rsk-combobox__option__text-container__connection-icon{height:15px;width:20px}.rsk-combobox__option__text-container__channel-icon{display:flex;align-items:center;justify-content:center}.rsk-combobox__option__text-container__text{height:15px}.rsk-combobox__error{align-items:flex-start;border-radius:var(--rsk-border-radius-md);display:flex;gap:var(--rsk-spacing-1);justify-content:center;margin-top:var(--rsk-spacing-1);padding:var(--rsk-spacing-2);background-color:var(--rsk-color-gray-100)}.rsk-combobox__error__text{color:var(--rsk-color-gray-700);font-size:var(--rsk-font-size-xs);line-height:normal}.rsk-connect-channel{align-items:center;display:flex;gap:var(--rsk-spacing-1)}.rsk-connect-channel__input{border:1px solid var(--rsk-color-gray-200);border-radius:var(--rsk-border-radius-md);height:32px;padding-left:var(--rsk-spacing-2);width:270px}.rsk-connect-channel__button{background-color:var(--rsk-color-white);border-color:var(--rsk-color-gray-200);border-radius:var(--rsk-button-border-radius);color:var(--rsk-color-black);display:inline-flex;font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal);gap:var(--rsk-spacing-2);height:24px;padding:var(--rsk-spacing-2);text-decoration:none}.rsk-connect-channel__button:hover{background-color:var(--rsk-button-hover-color)}

package/dist/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./modules/core/components/Button/Button.js"),i=require("./modules/core/components/Button/ButtonGroup.js"),r=require("./modules/core/components/Icons/Bell.js"),n=require("./modules/core/components/Icons/CheckmarkCircle.js"),c=require("./modules/core/components/Icons/ChevronDown.js"),a=require("./modules/core/components/Icons/CloseCircle.js"),u=require("./modules/core/components/Spinner/Spinner.js"),s=require("./modules/core/hooks/useOnBottomScroll.js"),l=require("./modules/feed/components/EmptyFeed/EmptyFeed.js"),d=require("./modules/feed/components/NotificationCell/NotificationCell.js"),f=require("./modules/feed/components/NotificationCell/Avatar.js"),C=require("./modules/feed/components/NotificationFeed/NotificationFeed.js"),q=require("./modules/feed/components/NotificationFeed/NotificationFeedHeader.js"),N=require("./modules/feed/components/NotificationFeed/MarkAsRead.js"),p=require("./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.js"),B=require("./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.js"),F=require("./modules/feed/components/NotificationIconButton/NotificationIconButton.js"),m=require("./modules/feed/components/UnseenBadge/UnseenBadge.js"),o=require("@knocklabs/react-core");exports.Button=t.Button;exports.ButtonGroup=i.ButtonGroup;exports.BellIcon=r.BellIcon;exports.CheckmarkCircle=n.CheckmarkCircle;exports.ChevronDown=c.ChevronDown;exports.CloseCircle=a.CloseCircle;exports.Spinner=u.Spinner;exports.useOnBottomScroll=s;exports.EmptyFeed=l.EmptyFeed;exports.NotificationCell=d.NotificationCell;exports.Avatar=f.Avatar;exports.NotificationFeed=C.NotificationFeed;exports.NotificationFeedHeader=q.NotificationFeedHeader;exports.MarkAsRead=N.MarkAsRead;exports.NotificationFeedContainer=p.NotificationFeedContainer;exports.NotificationFeedPopover=B.NotificationFeedPopover;exports.NotificationIconButton=F.NotificationIconButton;exports.UnseenBadge=m.UnseenBadge;Object.keys(o).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./modules/core/components/Button/Button.js"),i=require("./modules/core/components/Button/ButtonGroup.js"),n=require("./modules/core/components/Icons/Bell.js"),r=require("./modules/core/components/Icons/CheckmarkCircle.js"),c=require("./modules/core/components/Icons/ChevronDown.js"),a=require("./modules/core/components/Icons/CloseCircle.js"),u=require("./modules/core/components/Spinner/Spinner.js"),l=require("./modules/core/hooks/useOnBottomScroll.js"),s=require("./modules/core/hooks/useOutsideClick.js"),C=require("./modules/feed/components/EmptyFeed/EmptyFeed.js"),d=require("./modules/feed/components/NotificationCell/NotificationCell.js"),q=require("./modules/feed/components/NotificationCell/Avatar.js"),f=require("./modules/feed/components/NotificationFeed/NotificationFeed.js"),B=require("./modules/feed/components/NotificationFeed/NotificationFeedHeader.js"),k=require("./modules/feed/components/NotificationFeed/MarkAsRead.js"),N=require("./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.js"),h=require("./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.js"),p=require("./modules/feed/components/NotificationIconButton/NotificationIconButton.js"),S=require("./modules/feed/components/UnseenBadge/UnseenBadge.js"),F=require("./modules/slack/components/SlackAuthButton/SlackAuthButton.js"),m=require("./modules/slack/components/SlackAuthContainer/SlackAuthContainer.js"),b=require("./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js"),o=require("@knocklabs/react-core");exports.Button=t.Button;exports.ButtonGroup=i.ButtonGroup;exports.BellIcon=n.BellIcon;exports.CheckmarkCircle=r.CheckmarkCircle;exports.ChevronDown=c.ChevronDown;exports.CloseCircle=a.CloseCircle;exports.Spinner=u.Spinner;exports.useOnBottomScroll=l;exports.useOutsideClick=s;exports.EmptyFeed=C.EmptyFeed;exports.NotificationCell=d.NotificationCell;exports.Avatar=q.Avatar;exports.NotificationFeed=f.NotificationFeed;exports.NotificationFeedHeader=B.NotificationFeedHeader;exports.MarkAsRead=k.MarkAsRead;exports.NotificationFeedContainer=N.NotificationFeedContainer;exports.NotificationFeedPopover=h.NotificationFeedPopover;exports.NotificationIconButton=p.NotificationIconButton;exports.UnseenBadge=S.UnseenBadge;exports.SlackAuthButton=F.SlackAuthButton;exports.SlackAuthContainer=m.SlackAuthContainer;exports.SlackChannelCombobox=b.SlackChannelCombobox;Object.keys(o).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});
 //# sourceMappingURL=index.js.map

package/dist/cjs/modules/core/components/Button/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/core/components/Button/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/core/hooks/useOutsideClick.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const i=require("react"),o=({ref:t,fn:n,isEnabled:s=!0})=>{const c=u=>{var e;!s\|\|!(t!=null&&t.current)\|\|(e=t==null?void 0:t.current)!=null&&e.contains(u.target)\|\|n()};i.useEffect(()=>(document.addEventListener("click",c),()=>{document.removeEventListener("click",c)}))};module.exports=o;
2	+ //# sourceMappingURL=useOutsideClick.js.map

package/dist/cjs/modules/core/hooks/useOutsideClick.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useOutsideClick.js","sources":["../../../../../src/modules/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { MutableRefObject, useEffect } from \"react\";\n\nconst useOutsideClick = ({\n ref,\n fn,\n isEnabled = true,\n}: {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: MutableRefObject<any>;\n fn: () => void;\n isEnabled?: boolean;\n}) => {\n const handleClick = (event: MouseEvent) => {\n if (!isEnabled || !ref?.current || ref?.current?.contains(event.target)) {\n return;\n }\n fn();\n };\n\n useEffect(() => {\n document.addEventListener(\"click\", handleClick);\n\n return () => {\n document.removeEventListener(\"click\", handleClick);\n };\n });\n};\n\nexport default useOutsideClick;\n"],"names":["useOutsideClick","ref","fn","isEnabled","handleClick","event","_a","useEffect"],"mappings":"sCAEMA,EAAkB,CAAC,CACvB,IAAAC,EACA,GAAAC,EACA,UAAAC,EAAY,EACd,IAKM,CACE,MAAAC,EAAeC,GAAsB,OACrC,CAACF,GAAa,EAACF,GAAA,MAAAA,EAAK,WAAWK,EAAAL,GAAA,YAAAA,EAAK,UAAL,MAAAK,EAAc,SAASD,EAAM,SAG7DH,GAAA,EAGLK,EAAAA,UAAU,KACC,SAAA,iBAAiB,QAASH,CAAW,EAEvC,IAAM,CACF,SAAA,oBAAoB,QAASA,CAAW,CAAA,EAEpD,CACH"}

package/dist/cjs/modules/feed/components/EmptyFeed/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/EmptyFeed/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/feed/components/NotificationCell/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/NotificationCell/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/feed/components/NotificationFeed/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/NotificationFeed/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/feed/components/NotificationFeedContainer/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/NotificationFeedContainer/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/feed/components/NotificationFeedPopover/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/NotificationFeedPopover/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/feed/components/NotificationIconButton/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/NotificationIconButton/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/feed/components/UnseenBadge/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/feed/components/UnseenBadge/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),C=require("@knocklabs/react-core"),o=require("react"),q=require("../../../core/components/Spinner/Spinner.js");require("lodash.debounce");const S=require("../SlackChannelCombobox/SlackConnectionError.js"),_=require("../SlackIcon/SlackIcon.js");const j=({inErrorState:i,connectedChannels:s=[],updateConnectedChannels:u,connectedChannelsError:h,connectedChannelsUpdating:d})=>{const{t:c}=C.useTranslations(),[n,r]=o.useState(null),[t,a]=o.useState(null),k=()=>{if(!n)return;if(t&&a(null),s.find(p=>p.channel_id===n))return r(""),a(c("slackChannelAlreadyConnected")\|\|"");const x=[...s,{channel_id:n}];u(x),r("")};return e.jsxs("div",{className:"rsk-connect-channel",children:[e.jsx("input",{className:`rsk-connect-channel__input ${(i\|\|!!t)&&!n&&"rsk-connect-channel__input--error"}`,tabIndex:-1,id:"slack-channel-search",type:"text",placeholder:t\|\|h\|\|c("slackChannelId"),onChange:l=>r(l.target.value),value:n\|\|""}),e.jsxs("button",{className:"rsk-connect-channel__button",onClick:k,children:[d?e.jsx(q.Spinner,{size:"15px",thickness:3}):e.jsx(_.SlackIcon,{height:"16px",width:"16px"}),c("slackConnectChannel")]}),e.jsx(S,{})]})};module.exports=j;
2	+ //# sourceMappingURL=SlackAddChannelInput.js.map

package/dist/cjs/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackAddChannelInput.js","sources":["../../../../../../src/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useTranslations } from \"@knocklabs/react-core\";\nimport { useState } from \"react\";\n\nimport { Spinner } from \"../../../core\";\nimport \"../../theme.css\";\nimport ConnectionErrorInfoBoxes from \"../SlackChannelCombobox/SlackConnectionError\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nconst SlackAddChannelInput = ({\n inErrorState,\n connectedChannels = [],\n updateConnectedChannels,\n connectedChannelsError,\n connectedChannelsUpdating,\n}: {\n inErrorState: boolean;\n connectedChannels: SlackChannelConnection[];\n updateConnectedChannels: (channels: SlackChannelConnection[]) => void;\n connectedChannelsError: string | null;\n connectedChannelsUpdating: boolean;\n}) => {\n const { t } = useTranslations();\n const [value, setValue] = useState<string | null>(null);\n const [localError, setLocalError] = useState<string | null>(null);\n\n const submitChannel = () => {\n if (!value) {\n return;\n }\n\n if (localError) {\n setLocalError(null);\n }\n\n const alreadyConnected = connectedChannels.find(\n (channel) => channel.channel_id === value,\n );\n\n if (alreadyConnected) {\n setValue(\"\");\n return setLocalError(t(\"slackChannelAlreadyConnected\") || \"\");\n }\n\n const channelsToSendToKnock = [...connectedChannels, { channel_id: value }];\n updateConnectedChannels(channelsToSendToKnock);\n setValue(\"\");\n };\n\n return (\n <div className=\"rsk-connect-channel\">\n <input\n className={`rsk-connect-channel__input ${(inErrorState || !!localError) && !value && \"rsk-connect-channel__input--error\"}`}\n tabIndex={-1}\n id=\"slack-channel-search\"\n type=\"text\"\n placeholder={\n localError || connectedChannelsError || t(\"slackChannelId\")\n }\n onChange={(e) => setValue(e.target.value)}\n value={value || \"\"}\n />\n <button className=\"rsk-connect-channel__button\" onClick={submitChannel}>\n {connectedChannelsUpdating ? (\n <Spinner size=\"15px\" thickness={3} />\n ) : (\n <SlackIcon height=\"16px\" width=\"16px\" />\n )}\n {t(\"slackConnectChannel\")}\n </button>\n <ConnectionErrorInfoBoxes />\n </div>\n );\n};\n\nexport default SlackAddChannelInput;\n"],"names":["SlackAddChannelInput","inErrorState","connectedChannels","updateConnectedChannels","connectedChannelsError","connectedChannelsUpdating","t","useTranslations","value","setValue","useState","localError","setLocalError","submitChannel","channel","channelsToSendToKnock","jsxs","jsx","e","Spinner","SlackIcon","ConnectionErrorInfoBoxes"],"mappings":"wZAWA,MAAMA,EAAuB,CAAC,CAC5B,aAAAC,EACA,kBAAAC,EAAoB,CAAC,EACrB,wBAAAC,EACA,uBAAAC,EACA,0BAAAC,CACF,IAMM,CACE,KAAA,CAAE,EAAAC,GAAMC,EAAAA,kBACR,CAACC,EAAOC,CAAQ,EAAIC,WAAwB,IAAI,EAChD,CAACC,EAAYC,CAAa,EAAIF,WAAwB,IAAI,EAE1DG,EAAgB,IAAM,CAC1B,GAAI,CAACL,EACH,OAWF,GARIG,GACFC,EAAc,IAAI,EAGKV,EAAkB,KACxCY,GAAYA,EAAQ,aAAeN,CAAA,EAIpC,OAAAC,EAAS,EAAE,EACJG,EAAcN,EAAE,8BAA8B,GAAK,EAAE,EAG9D,MAAMS,EAAwB,CAAC,GAAGb,EAAmB,CAAE,WAAYM,EAAO,EAC1EL,EAAwBY,CAAqB,EAC7CN,EAAS,EAAE,CAAA,EAIX,OAAAO,EAAA,KAAC,MAAI,CAAA,UAAU,sBACb,SAAA,CAAAC,EAAA,IAAC,QAAA,CACC,UAAW,+BAA+BhB,GAAgB,CAAC,CAACU,IAAe,CAACH,GAAS,mCAAmC,GACxH,SAAU,GACV,GAAG,uBACH,KAAK,OACL,YACEG,GAAcP,GAA0BE,EAAE,gBAAgB,EAE5D,SAAWY,GAAMT,EAASS,EAAE,OAAO,KAAK,EACxC,MAAOV,GAAS,EAAA,CAClB,EACCQ,EAAA,KAAA,SAAA,CAAO,UAAU,8BAA8B,QAASH,EACtD,SAAA,CAAAR,EACEY,EAAA,IAAAE,EAAA,QAAA,CAAQ,KAAK,OAAO,UAAW,CAAA,CAAG,EAEnCF,EAAA,IAACG,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAO,EAEvCd,EAAE,qBAAqB,CAAA,EAC1B,QACCe,EAAyB,EAAA,CAC5B,CAAA,CAAA,CAEJ"}

package/dist/cjs/modules/slack/components/SlackAddChannelInput/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/slack/components/SlackAddChannelInput/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/slack/components/SlackAuthButton/SlackAuthButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("@knocklabs/react-core"),b=require("react");const l=require("../SlackIcon/SlackIcon.js");const g=u=>{const s=window.screenLeft??window.screenX,c=window.screenTop??window.screenY,t=window.innerWidth??document.documentElement.clientWidth??screen.width,o=window.innerHeight??document.documentElement.clientHeight??screen.height,r=t/2-600/2+s,i=`width=600,height=800,top=${o/2-800/2+c},left=${r}`;window.open(u,"Slack OAuth",i)},m=({slackClientId:u,redirectUrl:h})=>{const{t:e}=a.useTranslations(),s=a.useKnockClient(),{setConnectionStatus:c,connectionStatus:t,setActionLabel:o,actionLabel:r,errorLabel:k}=a.useKnockSlackClient(),{buildSlackAuthUrl:i,disconnectFromSlack:_}=a.useSlackAuth(u,h);b.useEffect(()=>{const w=d=>{if(d.origin===s.host)try{d.data==="authComplete"&&c("connected"),d.data==="authFailed"&&c("error")}catch{c("error")}};return window.addEventListener("message",w,!1),()=>{window.removeEventListener("message",w)}},[s.host,c]);const p=e("slackDisconnect")\|\|null,x=e("slackReconnect")\|\|null;return t==="connecting"\|\|t==="disconnecting"?n.jsxs("div",{className:"rsk-connect__button rsk-connect__button--loading",children:[n.jsx(l.SlackIcon,{height:"16px",width:"16px"}),n.jsx("span",{children:e(t==="connecting"?"slackConnecting":"slackDisconnecting")})]}):t==="error"?n.jsxs("button",{onClick:()=>g(i()),className:"rsk-connect__button rsk-connect__button--error",onMouseEnter:()=>o(x),onMouseLeave:()=>o(null),children:[n.jsx(l.SlackIcon,{height:"16px",width:"16px"}),n.jsx("span",{className:"rsk-connect__button__text--error",children:r\|\|k\|\|e("slackError")})]}):t==="disconnected"?n.jsxs("button",{onClick:()=>g(i()),className:"rsk-connect__button rsk-connect__button--disconnected",children:[n.jsx(l.SlackIcon,{height:"16px",width:"16px"}),n.jsx("span",{children:e("slackConnect")})]}):n.jsxs("button",{onClick:_,className:"rsk-connect__button rsk-connect__button--connected",onMouseEnter:()=>o(p),onMouseLeave:()=>o(null),children:[n.jsx(l.SlackIcon,{height:"16px",width:"16px"}),n.jsx("span",{className:"rsk-connect__button__text--connected",children:r\|\|e("slackConnected")})]})};exports.SlackAuthButton=m;
2	+ //# sourceMappingURL=SlackAuthButton.js.map

package/dist/cjs/modules/slack/components/SlackAuthButton/SlackAuthButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackAuthButton.js","sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"sourcesContent":["import {\n useKnockClient,\n useKnockSlackClient,\n useSlackAuth,\n useTranslations,\n} from \"@knocklabs/react-core\";\nimport { useEffect } from \"react\";\n\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\ntype Props = {\n slackClientId: string;\n redirectUrl?: string;\n};\n\nconst openSlackOauthPopup = (url: string) => {\n const width = 600;\n const height = 800;\n // Calculate the position to center the window\n const screenLeft = window.screenLeft ?? window.screenX;\n const screenTop = window.screenTop ?? window.screenY;\n\n const innerWidth =\n window.innerWidth ?? document.documentElement.clientWidth ?? screen.width;\n const innerHeight =\n window.innerHeight ??\n document.documentElement.clientHeight ??\n screen.height;\n\n const left = innerWidth / 2 - width / 2 + screenLeft;\n const top = innerHeight / 2 - height / 2 + screenTop;\n\n // Window features\n const features = `width=${width},height=${height},top=${top},left=${left}`;\n\n window.open(url, \"Slack OAuth\", features);\n};\n\nexport const SlackAuthButton: React.FC<Props> = ({\n slackClientId,\n redirectUrl,\n}) => {\n const { t } = useTranslations();\n const knock = useKnockClient();\n\n const {\n setConnectionStatus,\n connectionStatus,\n setActionLabel,\n actionLabel,\n errorLabel,\n } = useKnockSlackClient();\n\n const { buildSlackAuthUrl, disconnectFromSlack } = useSlackAuth(\n slackClientId,\n redirectUrl,\n );\n\n useEffect(() => {\n const receiveMessage = (event: MessageEvent) => {\n if (event.origin !== knock.host) {\n return;\n }\n\n try {\n if (event.data === \"authComplete\") {\n setConnectionStatus(\"connected\");\n }\n\n if (event.data === \"authFailed\") {\n setConnectionStatus(\"error\")\n }\n } catch (error) {\n setConnectionStatus(\"error\");\n }\n };\n\n window.addEventListener(\"message\", receiveMessage, false);\n\n // Cleanup the event listener when the component unmounts\n return () => {\n window.removeEventListener(\"message\", receiveMessage);\n };\n }, [knock.host, setConnectionStatus]);\n\nconst disconnectLabel = t(\"slackDisconnect\") || null\nconst reconnectLabel = t(\"slackReconnect\") || null\n\n // Loading states\n if (\n connectionStatus === \"connecting\" ||\n connectionStatus === \"disconnecting\"\n ) {\n return (\n <div className=\"rsk-connect__button rsk-connect__button--loading\">\n <SlackIcon height=\"16px\" width=\"16px\" />\n <span>\n {connectionStatus === \"connecting\"\n ? t(\"slackConnecting\")\n : t(\"slackDisconnecting\")}\n </span>\n </div>\n );\n }\n\n // Error state\n if (connectionStatus === \"error\") {\n return (\n <button\n onClick={() => openSlackOauthPopup(buildSlackAuthUrl())}\n className=\"rsk-connect__button rsk-connect__button--error\"\n onMouseEnter={() => setActionLabel(reconnectLabel)}\n onMouseLeave={() => setActionLabel(null)}\n >\n <SlackIcon height=\"16px\" width=\"16px\" />\n <span className=\"rsk-connect__button__text--error\">\n {actionLabel || errorLabel || t(\"slackError\")}\n </span>\n </button>\n );\n }\n\n // Disconnected state\n if (connectionStatus === \"disconnected\") {\n return (\n <button\n onClick={() => openSlackOauthPopup(buildSlackAuthUrl())}\n className=\"rsk-connect__button rsk-connect__button--disconnected\"\n >\n <SlackIcon height=\"16px\" width=\"16px\" />\n <span>{t(\"slackConnect\")}</span>\n </button>\n );\n }\n\n // Connected state\n return (\n <button\n onClick={disconnectFromSlack}\n className=\"rsk-connect__button rsk-connect__button--connected\"\n onMouseEnter={() => setActionLabel(disconnectLabel)}\n onMouseLeave={() => setActionLabel(null)}\n >\n <SlackIcon height=\"16px\" width=\"16px\" />\n <span className=\"rsk-connect__button__text--connected\">\n {actionLabel || t(\"slackConnected\")}\n </span>\n </button>\n );\n};\n"],"names":["openSlackOauthPopup","url","screenLeft","screenTop","innerWidth","innerHeight","left","features","SlackAuthButton","slackClientId","redirectUrl","t","useTranslations","knock","useKnockClient","setConnectionStatus","connectionStatus","setActionLabel","actionLabel","errorLabel","useKnockSlackClient","buildSlackAuthUrl","disconnectFromSlack","useSlackAuth","useEffect","receiveMessage","event","disconnectLabel","reconnectLabel","jsxs","jsx","SlackIcon"],"mappings":"iRAkBA,MAAMA,EAAuBC,GAAgB,CAIrC,MAAAC,EAAa,OAAO,YAAc,OAAO,QACzCC,EAAY,OAAO,WAAa,OAAO,QAEvCC,EACJ,OAAO,YAAc,SAAS,gBAAgB,aAAe,OAAO,MAChEC,EACJ,OAAO,aACP,SAAS,gBAAgB,cACzB,OAAO,OAEHC,EAAOF,EAAa,EAAI,IAAQ,EAAIF,EAIpCK,EAAW,4BAHLF,EAAc,EAAI,IAAS,EAAIF,CAGgB,SAASG,CAAI,GAEjE,OAAA,KAAKL,EAAK,cAAeM,CAAQ,CAC1C,EAEaC,EAAmC,CAAC,CAC/C,cAAAC,EACA,YAAAC,CACF,IAAM,CACE,KAAA,CAAE,EAAAC,GAAMC,EAAAA,kBACRC,EAAQC,EAAAA,iBAER,CACJ,oBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,YAAAC,EACA,WAAAC,GACEC,EAAoB,oBAAA,EAElB,CAAE,kBAAAC,EAAmB,oBAAAC,CAAA,EAAwBC,EAAA,aACjDd,EACAC,CAAA,EAGFc,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAkBC,GAAwB,CAC1C,GAAAA,EAAM,SAAWb,EAAM,KAIvB,GAAA,CACEa,EAAM,OAAS,gBACjBX,EAAoB,WAAW,EAG7BW,EAAM,OAAS,cACjBX,EAAoB,OAAO,OAEf,CACdA,EAAoB,OAAO,CAC7B,CAAA,EAGK,cAAA,iBAAiB,UAAWU,EAAgB,EAAK,EAGjD,IAAM,CACJ,OAAA,oBAAoB,UAAWA,CAAc,CAAA,CAErD,EAAA,CAACZ,EAAM,KAAME,CAAmB,CAAC,EAEhC,MAAAY,EAAkBhB,EAAE,iBAAiB,GAAK,KAC1CiB,EAAiBjB,EAAE,gBAAgB,GAAK,KAI1C,OAAAK,IAAqB,cACrBA,IAAqB,gBAGnBa,EAAA,KAAC,MAAI,CAAA,UAAU,mDACb,SAAA,CAAAC,EAAA,IAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAO,EACtCD,EAAAA,IAAC,QACE,SACGnB,EADkBK,IAAA,aAChB,kBACA,oBADiB,CAEzB,CAAA,CACF,CAAA,CAAA,EAKAA,IAAqB,QAErBa,EAAA,KAAC,SAAA,CACC,QAAS,IAAM7B,EAAoBqB,GAAmB,EACtD,UAAU,iDACV,aAAc,IAAMJ,EAAeW,CAAc,EACjD,aAAc,IAAMX,EAAe,IAAI,EAEvC,SAAA,CAAAa,EAAA,IAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAO,EACtCD,EAAAA,IAAC,QAAK,UAAU,mCACb,YAAeX,GAAcR,EAAE,YAAY,EAC9C,CAAA,CAAA,CAAA,EAMFK,IAAqB,eAErBa,EAAA,KAAC,SAAA,CACC,QAAS,IAAM7B,EAAoBqB,GAAmB,EACtD,UAAU,wDAEV,SAAA,CAAAS,EAAA,IAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAO,EACrCD,EAAA,IAAA,OAAA,CAAM,SAAEnB,EAAA,cAAc,CAAE,CAAA,CAAA,CAAA,CAAA,EAO7BkB,EAAA,KAAC,SAAA,CACC,QAASP,EACT,UAAU,qDACV,aAAc,IAAML,EAAeU,CAAe,EAClD,aAAc,IAAMV,EAAe,IAAI,EAEvC,SAAA,CAAAa,EAAA,IAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAO,QACrC,OAAK,CAAA,UAAU,uCACb,SAAeb,GAAAP,EAAE,gBAAgB,EACpC,CAAA,CAAA,CAAA,CAGN"}

package/dist/cjs/modules/slack/components/SlackAuthButton/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/slack/components/SlackAuthButton/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/slack/components/SlackAuthContainer/SlackAuthContainer.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@knocklabs/react-core");const i=require("../SlackIcon/SlackIcon.js");const c=({actionButton:r})=>{const{t:s}=t.useTranslations();return e.jsxs("div",{className:"rsk-auth",children:[e.jsxs("div",{className:"rsk-auth__header",children:[e.jsx(i.SlackIcon,{height:"32px",width:"32px"}),e.jsx("div",{children:r})]}),e.jsx("div",{className:"rsk-auth__title",children:"Slack"}),e.jsx("div",{className:"rsk-auth__description",children:s("slackConnectContainerDescription")})]})};exports.SlackAuthContainer=c;
2	+ //# sourceMappingURL=SlackAuthContainer.js.map

package/dist/cjs/modules/slack/components/SlackAuthContainer/SlackAuthContainer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackAuthContainer.js","sources":["../../../../../../src/modules/slack/components/SlackAuthContainer/SlackAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\n\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport const SlackAuthContainer = ({\n actionButton,\n}: {\n actionButton: React.ReactElement;\n}) => {\n const { t } = useTranslations();\n\n return (\n <div className=\"rsk-auth\">\n <div className=\"rsk-auth__header\">\n <SlackIcon height=\"32px\" width=\"32px\" />\n <div>{actionButton}</div>\n </div>\n <div className=\"rsk-auth__title\">Slack</div>\n <div className=\"rsk-auth__description\">\n {t(\"slackConnectContainerDescription\")}\n </div>\n </div>\n );\n};\n"],"names":["SlackAuthContainer","actionButton","t","useTranslations","jsxs","jsx","SlackIcon"],"mappings":"8PAOO,MAAMA,EAAqB,CAAC,CACjC,aAAAC,CACF,IAEM,CACE,KAAA,CAAE,EAAAC,GAAMC,EAAAA,kBAGZ,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAU,WACb,SAAA,CAACA,EAAAA,KAAA,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAC,EAAA,IAACC,EAAU,UAAA,CAAA,OAAO,OAAO,MAAM,OAAO,EACtCD,EAAAA,IAAC,OAAK,SAAaJ,CAAA,CAAA,CAAA,EACrB,EACCI,EAAA,IAAA,MAAA,CAAI,UAAU,kBAAkB,SAAK,QAAA,QACrC,MAAI,CAAA,UAAU,wBACZ,SAAAH,EAAE,kCAAkC,EACvC,CACF,CAAA,CAAA,CAEJ"}

package/dist/cjs/modules/slack/components/SlackAuthContainer/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/slack/components/SlackAuthContainer/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),m=require("@knocklabs/react-core"),H=require("@radix-ui/react-popover"),K=require("@radix-ui/react-visually-hidden"),i=require("react"),w=require("react-aria"),z=require("../../../core/components/Spinner/Spinner.js");require("lodash.debounce");const B=require("../../../core/hooks/useOutsideClick.js");const G=require("../SlackAddChannelInput/SlackAddChannelInput.js"),W=require("./SlackChannelListBox.js"),X=require("./SlackConnectionError.js"),J=require("./icons/SearchIcon.js");function A(t){if(t&&typeof t=="object"&&"default"in t)return t;const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const h in t)if(h!=="default"){const b=Object.getOwnPropertyDescriptor(t,h);Object.defineProperty(C,h,b.get?b:{enumerable:!0,get:()=>t[h]})}}return C.default=t,Object.freeze(C)}const L=A(H),Q=A(K),Y=1e3,Z=({slackChannelsRecipientObject:t,queryOptions:C,inputProps:h,inputContainerProps:b,listBoxProps:P,channelOptionProps:R,inputMessages:n})=>{const{t:s}=m.useTranslations(),[k,p]=i.useState(!1),[y,v]=i.useState(""),N=i.useRef(null);B({ref:N,fn:()=>{v(""),p(!1)}});const{connectionStatus:a,errorLabel:O}=m.useKnockSlackClient(),{data:l,isLoading:S}=m.useSlackChannels({queryOptions:C}),{data:_,updateConnectedChannels:x,loading:D,error:u,updating:T}=m.useConnectedSlackChannels({slackChannelsRecipientObject:t}),[r,j]=i.useState(null);i.useEffect(()=>{k&&setTimeout(()=>{var e;(e=document.getElementById("slack-channel-search"))==null\|\|e.focus()},0)},[k]),i.useEffect(()=>{const e=new Map(l.map(o=>[o.id,o])),d=(_==null?void 0:_.filter(o=>e.has(o.channel_id\|\|"")))\|\|[];j(d)},[_,l]);const f=i.useMemo(()=>a==="disconnected"\|\|a==="error"\|\|u,[u,a]),q=i.useMemo(()=>a==="connecting"\|\|a==="disconnecting"\|\|S,[a,S]),I=i.useMemo(()=>{const e={disconnected:s("slackSearchbarDisconnected"),multipleChannelsConnected:s("slackSearchbarMultipleChannels"),noChannelsConnected:s("slackSearchbarNoChannelsConnected"),noSlackChannelsFound:s("slackSearchbarNoChannelsFound"),channelsError:s("slackSearchbarChannelsError")};if(a==="disconnected")return(n==null?void 0:n.disconnected)\|\|e.disconnected;if(a==="error")return(n==null?void 0:n.error)\|\|O;if(!q&&l.length===0)return(n==null?void 0:n.noSlackChannelsFound)\|\|e.noSlackChannelsFound;if(u)return u;const d=(r==null?void 0:r.length)\|\|0;if(r&&d===0)return(n==null?void 0:n.noChannelsConnected)\|\|e.noChannelsConnected;if(r&&d===1){const o=l==null?void 0:l.find(E=>{var F;return E.id===((F=r[0])==null?void 0:F.channel_id)});return(n==null?void 0:n.singleChannelConnected)\|\|`# ${o==null?void 0:o.name}`}return r&&d>1?(n==null?void 0:n.multipleChannelsConnected)\|\|`${d} channels connected`:""},[a,q,l,u,r,n,O,s]),U=async e=>{if(!r)return;if(r.find(o=>o.channel_id===e)){const o=r.filter(E=>E.channel_id!==e);j(o),x(o)}else{const o=[...r,{channel_id:e}];j(o),x(o)}},{contains:V}=w.useFilter({sensitivity:"base"}),$=l.filter(e=>V(e.name,y));return l.length>Y?c.jsx(G,{inErrorState:!!f,connectedChannels:r\|\|[],updateConnectedChannels:x,connectedChannelsError:u,connectedChannelsUpdating:T}):c.jsx("div",{ref:N,className:"rsk-combobox",children:c.jsxs(L.Root,{open:a!=="disconnected"?k:!1,children:[c.jsx(Q.Root,{children:c.jsx("label",{htmlFor:"slack-channel-search",children:s("slackSearchChannels")})}),c.jsx(L.Trigger,{asChild:!0,children:c.jsxs("div",{className:"rsk-combobox__searchbar",children:[c.jsxs("div",{className:"rsk-combobox__searchbar__input-container",...b,children:[c.jsx("div",{className:`rsk-combobox__searchbar__input-container__icon ${f&&"rsk-combobox__searchbar__input-container__icon--error"}`,children:q?c.jsx(z.Spinner,{size:"15px",thickness:3}):c.jsx(J,{})}),c.jsx("input",{className:`rsk-combobox__searchbar__input-container__input ${f?"rsk-combobox__searchbar__input-container__input--error":""}`,tabIndex:-1,id:"slack-channel-search",type:"text",onFocus:()=>l.length>0&&p(!0),onChange:e=>v(e.target.value),value:y,placeholder:I\|\|"",disabled:!!f,...h})]}),c.jsx(X,{})]})}),c.jsx(L.Content,{children:c.jsx(W,{isLoading:S\|\|D,isUpdating:T,connectedChannels:r,onClick:U,slackChannels:$,listBoxProps:P,channelOptionProps:R})})]})})};exports.SlackChannelCombobox=Z;
2	+ //# sourceMappingURL=SlackChannelCombobox.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackChannelCombobox.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport {\n ContainerObject,\n SlackChannelQueryOptions,\n useConnectedSlackChannels,\n useKnockSlackClient,\n useSlackChannels,\n useTranslations,\n} from \"@knocklabs/react-core\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\n\nimport { Spinner, useOutsideClick } from \"../../../core\";\nimport \"../../theme.css\";\nimport SlackAddChannelInput from \"../SlackAddChannelInput/SlackAddChannelInput\";\n\nimport SlackChannelListBox from \"./SlackChannelListBox\";\nimport SlackConnectionError from \"./SlackConnectionError\";\nimport SearchIcon from \"./icons/SearchIcon\";\nimport \"./styles.css\";\n\nconst MAX_ALLOWED_CHANNELS = 1000;\n\ntype SlackChannelComboboxInputMessages = {\n disconnected: string;\n error: string;\n singleChannelConnected: string;\n multipleChannelsConnected: string;\n noChannelsConnected: string;\n noSlackChannelsFound: string;\n};\n\ntype Props = {\n slackChannelsRecipientObject: ContainerObject;\n queryOptions?: SlackChannelQueryOptions;\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n inputContainerProps?: React.HTMLAttributes<HTMLDivElement>;\n listBoxProps?: React.HTMLAttributes<HTMLDivElement>;\n channelOptionProps?: React.HtmlHTMLAttributes<HTMLButtonElement>;\n inputMessages?: SlackChannelComboboxInputMessages;\n};\n\nexport const SlackChannelCombobox = ({\n slackChannelsRecipientObject,\n queryOptions,\n inputProps,\n inputContainerProps,\n listBoxProps,\n channelOptionProps,\n inputMessages,\n}: Props) => {\n const { t } = useTranslations();\n\n const [comboboxListOpen, setComboboxListOpen] = useState<boolean>(false);\n const [inputValue, setInputValue] = useState(\"\");\n\n // Used to close the combobox when clicking outside of it\n const comboboxRef = useRef(null);\n useOutsideClick({\n ref: comboboxRef,\n fn: () => {\n setInputValue(\"\");\n setComboboxListOpen(false);\n },\n });\n\n // Gather API data\n const { connectionStatus, errorLabel: connectionErrorLabel } =\n useKnockSlackClient();\n\n const { data: slackChannels, isLoading: slackChannelsLoading } =\n useSlackChannels({ queryOptions });\n\n const {\n data: connectedChannels,\n updateConnectedChannels,\n loading: connectedChannelsLoading,\n error: connectedChannelsError,\n updating: connectedChannelsUpdating,\n } = useConnectedSlackChannels({ slackChannelsRecipientObject });\n\n const [currentConnectedChannels, setCurrentConnectedChannels] = useState<\n SlackChannelConnection[] | null\n >(null);\n\n useEffect(() => {\n if (comboboxListOpen) {\n // Timeout to allow for the state to update and the component to re-render\n // when we change the `comboboxListOpen` state upon focus\n setTimeout(() => {\n document.getElementById(\"slack-channel-search\")?.focus();\n }, 0);\n }\n }, [comboboxListOpen]);\n\n useEffect(() => {\n // Used to make sure we're only showing currently available channels to select from.\n // There are cases where a channel is \"connected\" in Knock, but it wouldn't be\n // posting to it if the channel is private and the Slackbot doesn't belong to it,\n // so the channel won't show up here and it won't be posted to.\n const slackChannelsMap = new Map(\n slackChannels.map((channel) => [channel.id, channel]),\n );\n\n const channels =\n connectedChannels?.filter((connectedChannel) => {\n return slackChannelsMap.has(connectedChannel.channel_id || \"\");\n }) || [];\n\n setCurrentConnectedChannels(channels);\n }, [connectedChannels, slackChannels]);\n\n const inErrorState = useMemo(\n () =>\n connectionStatus === \"disconnected\" ||\n connectionStatus === \"error\" ||\n connectedChannelsError,\n [connectedChannelsError, connectionStatus],\n );\n\n const inLoadingState = useMemo(\n () =>\n connectionStatus === \"connecting\" ||\n connectionStatus === \"disconnecting\" ||\n slackChannelsLoading,\n\n [connectionStatus, slackChannelsLoading],\n );\n\n // Construct placeholder text\n const searchPlaceholder = useMemo(() => {\n const DEFAULT_INPUT_MESSAGES = {\n disconnected: t(\"slackSearchbarDisconnected\"),\n multipleChannelsConnected: t(\"slackSearchbarMultipleChannels\"),\n noChannelsConnected: t(\"slackSearchbarNoChannelsConnected\"),\n noSlackChannelsFound: t(\"slackSearchbarNoChannelsFound\"),\n channelsError: t(\"slackSearchbarChannelsError\"),\n };\n\n // Connection status message\n if (connectionStatus === \"disconnected\") {\n return inputMessages?.disconnected || DEFAULT_INPUT_MESSAGES.disconnected;\n }\n\n if (connectionStatus === \"error\") {\n return inputMessages?.error || connectionErrorLabel;\n }\n\n // Channels status messages\n if (!inLoadingState && slackChannels.length === 0) {\n return (\n inputMessages?.noSlackChannelsFound ||\n DEFAULT_INPUT_MESSAGES.noSlackChannelsFound\n );\n }\n\n if (connectedChannelsError) {\n return connectedChannelsError;\n }\n\n const numberConnectedChannels = currentConnectedChannels?.length || 0;\n\n if (currentConnectedChannels && numberConnectedChannels === 0) {\n return (\n inputMessages?.noChannelsConnected ||\n DEFAULT_INPUT_MESSAGES.noChannelsConnected\n );\n }\n\n if (currentConnectedChannels && numberConnectedChannels === 1) {\n const connectedChannel = slackChannels?.find(\n (slackChannel) =>\n slackChannel.id === currentConnectedChannels[0]?.channel_id,\n );\n\n return (\n inputMessages?.singleChannelConnected || `# ${connectedChannel?.name}`\n );\n }\n\n if (currentConnectedChannels && numberConnectedChannels > 1) {\n return (\n inputMessages?.multipleChannelsConnected ||\n `${numberConnectedChannels} channels connected`\n );\n }\n\n return \"\";\n }, [\n connectionStatus,\n inLoadingState,\n slackChannels,\n connectedChannelsError,\n currentConnectedChannels,\n inputMessages,\n connectionErrorLabel,\n t,\n ]);\n\n // Handle channel click\n const handleOptionClick = async (channelId: string) => {\n if (!currentConnectedChannels) {\n return;\n }\n\n const isChannelConnected = currentConnectedChannels.find(\n (channel) => channel.channel_id === channelId,\n );\n\n if (isChannelConnected) {\n const channelsToSendToKnock = currentConnectedChannels.filter(\n (connectedChannel) => connectedChannel.channel_id !== channelId,\n );\n\n setCurrentConnectedChannels(channelsToSendToKnock);\n updateConnectedChannels(channelsToSendToKnock);\n } else {\n const channelsToSendToKnock = [\n ...currentConnectedChannels,\n { channel_id: channelId } as SlackChannelConnection,\n ];\n\n setCurrentConnectedChannels(channelsToSendToKnock);\n updateConnectedChannels(channelsToSendToKnock);\n }\n };\n\n // Handle channel search\n const { contains } = useFilter({ sensitivity: \"base\" });\n const matchedChannels = slackChannels.filter((slackChannel) =>\n contains(slackChannel.name, inputValue),\n );\n\n if (slackChannels.length > MAX_ALLOWED_CHANNELS) {\n return (\n <SlackAddChannelInput\n inErrorState={!!inErrorState}\n connectedChannels={currentConnectedChannels || []}\n updateConnectedChannels={updateConnectedChannels}\n connectedChannelsError={connectedChannelsError}\n connectedChannelsUpdating={connectedChannelsUpdating}\n />\n );\n }\n\n return (\n <div ref={comboboxRef} className=\"rsk-combobox\">\n <Popover.Root\n open={connectionStatus !== \"disconnected\" ? comboboxListOpen : false}\n >\n <VisuallyHidden.Root>\n <label htmlFor=\"slack-channel-search\">\n {t(\"slackSearchChannels\")}\n </label>\n </VisuallyHidden.Root>\n <Popover.Trigger asChild>\n <div className=\"rsk-combobox__searchbar\">\n <div\n className={\"rsk-combobox__searchbar__input-container\"}\n {...inputContainerProps}\n >\n <div\n className={`rsk-combobox__searchbar__input-container__icon ${inErrorState && \"rsk-combobox__searchbar__input-container__icon--error\"}`}\n >\n {inLoadingState ? (\n <Spinner size=\"15px\" thickness={3} />\n ) : (\n <SearchIcon />\n )}\n </div>\n\n <input\n className={`rsk-combobox__searchbar__input-container__input ${inErrorState ? \"rsk-combobox__searchbar__input-container__input--error\" : \"\"}`}\n tabIndex={-1}\n id=\"slack-channel-search\"\n type=\"text\"\n onFocus={() =>\n slackChannels.length > 0 && setComboboxListOpen(true)\n }\n onChange={(e) => setInputValue(e.target.value)}\n value={inputValue}\n placeholder={searchPlaceholder || \"\"}\n disabled={!!inErrorState}\n {...inputProps}\n />\n </div>\n\n <SlackConnectionError />\n </div>\n </Popover.Trigger>\n\n <Popover.Content>\n <SlackChannelListBox\n isLoading={slackChannelsLoading || connectedChannelsLoading}\n isUpdating={connectedChannelsUpdating}\n connectedChannels={currentConnectedChannels}\n onClick={handleOptionClick}\n slackChannels={matchedChannels}\n listBoxProps={listBoxProps}\n channelOptionProps={channelOptionProps}\n />\n </Popover.Content>\n </Popover.Root>\n </div>\n );\n};\n"],"names":["MAX_ALLOWED_CHANNELS","SlackChannelCombobox","slackChannelsRecipientObject","queryOptions","inputProps","inputContainerProps","listBoxProps","channelOptionProps","inputMessages","t","useTranslations","comboboxListOpen","setComboboxListOpen","useState","inputValue","setInputValue","comboboxRef","useRef","useOutsideClick","connectionStatus","connectionErrorLabel","useKnockSlackClient","slackChannels","slackChannelsLoading","useSlackChannels","connectedChannels","updateConnectedChannels","connectedChannelsLoading","connectedChannelsError","connectedChannelsUpdating","useConnectedSlackChannels","currentConnectedChannels","setCurrentConnectedChannels","useEffect","_a","slackChannelsMap","channel","channels","connectedChannel","inErrorState","useMemo","inLoadingState","searchPlaceholder","DEFAULT_INPUT_MESSAGES","numberConnectedChannels","slackChannel","handleOptionClick","channelId","channelsToSendToKnock","contains","useFilter","matchedChannels","jsx","SlackAddChannelInput","jsxs","Popover","VisuallyHidden","Spinner","SearchIcon","SlackConnectionError","SlackChannelListBox"],"mappings":"0hCAuBMA,EAAuB,IAqBhBC,EAAuB,CAAC,CACnC,6BAAAC,EACA,aAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,cAAAC,CACF,IAAa,CACL,KAAA,CAAE,EAAAC,GAAMC,EAAAA,kBAER,CAACC,EAAkBC,CAAmB,EAAIC,WAAkB,EAAK,EACjE,CAACC,EAAYC,CAAa,EAAIF,WAAS,EAAE,EAGzCG,EAAcC,SAAO,IAAI,EACfC,EAAA,CACd,IAAKF,EACL,GAAI,IAAM,CACRD,EAAc,EAAE,EAChBH,EAAoB,EAAK,CAC3B,CAAA,CACD,EAGD,KAAM,CAAE,iBAAAO,EAAkB,WAAYC,GACpCC,EAAoB,oBAAA,EAEhB,CAAE,KAAMC,EAAe,UAAWC,GACtCC,EAAA,iBAAiB,CAAE,aAAArB,CAAA,CAAc,EAE7B,CACJ,KAAMsB,EACN,wBAAAC,EACA,QAASC,EACT,MAAOC,EACP,SAAUC,CAAA,EACRC,EAAA,0BAA0B,CAAE,6BAAA5B,CAAA,CAA8B,EAExD,CAAC6B,EAA0BC,CAA2B,EAAInB,WAE9D,IAAI,EAENoB,EAAAA,UAAU,IAAM,CACVtB,GAGF,WAAW,IAAM,QACNuB,EAAA,SAAA,eAAe,sBAAsB,IAArC,MAAAA,EAAwC,SAChD,CAAC,CACN,EACC,CAACvB,CAAgB,CAAC,EAErBsB,EAAAA,UAAU,IAAM,CAKd,MAAME,EAAmB,IAAI,IAC3Bb,EAAc,IAAKc,GAAY,CAACA,EAAQ,GAAIA,CAAO,CAAC,CAAA,EAGhDC,GACJZ,GAAA,YAAAA,EAAmB,OAAQa,GAClBH,EAAiB,IAAIG,EAAiB,YAAc,EAAE,KACzD,CAAA,EAERN,EAA4BK,CAAQ,CAAA,EACnC,CAACZ,EAAmBH,CAAa,CAAC,EAErC,MAAMiB,EAAeC,EAAA,QACnB,IACErB,IAAqB,gBACrBA,IAAqB,SACrBS,EACF,CAACA,EAAwBT,CAAgB,CAAA,EAGrCsB,EAAiBD,EAAA,QACrB,IACErB,IAAqB,cACrBA,IAAqB,iBACrBI,EAEF,CAACJ,EAAkBI,CAAoB,CAAA,EAInCmB,EAAoBF,EAAAA,QAAQ,IAAM,CACtC,MAAMG,EAAyB,CAC7B,aAAclC,EAAE,4BAA4B,EAC5C,0BAA2BA,EAAE,gCAAgC,EAC7D,oBAAqBA,EAAE,mCAAmC,EAC1D,qBAAsBA,EAAE,+BAA+B,EACvD,cAAeA,EAAE,6BAA6B,CAAA,EAIhD,GAAIU,IAAqB,eAChB,OAAAX,GAAA,YAAAA,EAAe,eAAgBmC,EAAuB,aAG/D,GAAIxB,IAAqB,QACvB,OAAOX,GAAA,YAAAA,EAAe,QAASY,EAIjC,GAAI,CAACqB,GAAkBnB,EAAc,SAAW,EAE5C,OAAAd,GAAA,YAAAA,EAAe,uBACfmC,EAAuB,qBAI3B,GAAIf,EACK,OAAAA,EAGH,MAAAgB,GAA0Bb,GAAA,YAAAA,EAA0B,SAAU,EAEhE,GAAAA,GAA4Ba,IAA4B,EAExD,OAAApC,GAAA,YAAAA,EAAe,sBACfmC,EAAuB,oBAIvB,GAAAZ,GAA4Ba,IAA4B,EAAG,CAC7D,MAAMN,EAAmBhB,GAAA,YAAAA,EAAe,KACrCuB,GACC,OAAA,OAAAA,EAAa,OAAOX,EAAAH,EAAyB,CAAC,IAA1B,YAAAG,EAA6B,cAGrD,OACE1B,GAAA,YAAAA,EAAe,yBAA0B,KAAK8B,GAAA,YAAAA,EAAkB,IAAI,EAExE,CAEI,OAAAP,GAA4Ba,EAA0B,GAEtDpC,GAAA,YAAAA,EAAe,4BACf,GAAGoC,CAAuB,sBAIvB,EAAA,EACN,CACDzB,EACAsB,EACAnB,EACAM,EACAG,EACAvB,EACAY,EACAX,CAAA,CACD,EAGKqC,EAAoB,MAAOC,GAAsB,CACrD,GAAI,CAAChB,EACH,OAOF,GAJ2BA,EAAyB,KACjDK,GAAYA,EAAQ,aAAeW,CAAA,EAGd,CACtB,MAAMC,EAAwBjB,EAAyB,OACpDO,GAAqBA,EAAiB,aAAeS,CAAA,EAGxDf,EAA4BgB,CAAqB,EACjDtB,EAAwBsB,CAAqB,CAAA,KACxC,CACL,MAAMA,EAAwB,CAC5B,GAAGjB,EACH,CAAE,WAAYgB,CAAU,CAAA,EAG1Bf,EAA4BgB,CAAqB,EACjDtB,EAAwBsB,CAAqB,CAC/C,CAAA,EAII,CAAE,SAAAC,CAAS,EAAIC,EAAAA,UAAU,CAAE,YAAa,OAAQ,EAChDC,EAAkB7B,EAAc,OAAQuB,GAC5CI,EAASJ,EAAa,KAAM/B,CAAU,CAAA,EAGpC,OAAAQ,EAAc,OAAStB,EAEvBoD,EAAA,IAACC,EAAA,CACC,aAAc,CAAC,CAACd,EAChB,kBAAmBR,GAA4B,CAAC,EAChD,wBAAAL,EACA,uBAAAE,EACA,0BAAAC,CAAA,CAAA,EAMHuB,EAAA,IAAA,MAAA,CAAI,IAAKpC,EAAa,UAAU,eAC/B,SAAAsC,EAAA,KAACC,EAAQ,KAAR,CACC,KAAMpC,IAAqB,eAAiBR,EAAmB,GAE/D,SAAA,CAACyC,EAAAA,IAAAI,EAAe,KAAf,CACC,SAACJ,EAAA,IAAA,QAAA,CAAM,QAAQ,uBACZ,SAAA3C,EAAE,qBAAqB,CAAA,CAC1B,CACF,CAAA,EACA2C,EAAAA,IAACG,EAAQ,QAAR,CAAgB,QAAO,GACtB,SAAAD,EAAAA,KAAC,MAAI,CAAA,UAAU,0BACb,SAAA,CAAAA,EAAA,KAAC,MAAA,CACC,UAAW,2CACV,GAAGjD,EAEJ,SAAA,CAAA+C,EAAA,IAAC,MAAA,CACC,UAAW,kDAAkDb,GAAgB,uDAAuD,GAEnI,SAAAE,QACEgB,EAAQ,QAAA,CAAA,KAAK,OAAO,UAAW,CAAA,CAAG,EAEnCL,MAACM,EAAW,CAAA,CAAA,CAAA,CAEhB,EAEAN,EAAA,IAAC,QAAA,CACC,UAAW,mDAAmDb,EAAe,yDAA2D,EAAE,GAC1I,SAAU,GACV,GAAG,uBACH,KAAK,OACL,QAAS,IACPjB,EAAc,OAAS,GAAKV,EAAoB,EAAI,EAEtD,SAAW,GAAMG,EAAc,EAAE,OAAO,KAAK,EAC7C,MAAOD,EACP,YAAa4B,GAAqB,GAClC,SAAU,CAAC,CAACH,EACX,GAAGnC,CAAA,CACN,CAAA,CAAA,CACF,QAECuD,EAAqB,EAAA,CAAA,CAAA,CACxB,CACF,CAAA,EAEAP,EAAAA,IAACG,EAAQ,QAAR,CACC,SAAAH,EAAA,IAACQ,EAAA,CACC,UAAWrC,GAAwBI,EACnC,WAAYE,EACZ,kBAAmBE,EACnB,QAASe,EACT,cAAeK,EACf,aAAA7C,EACA,mBAAAC,CAAA,CAAA,EAEJ,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelListBox.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const s=require("react/jsx-runtime"),m=require("./SlackChannelOption.js");const q=({slackChannels:t,isLoading:u,connectedChannels:i,onClick:x,listBoxProps:e,channelOptionProps:o,isUpdating:b})=>s.jsx("div",{className:"rsk-combobox__list-box",...e,children:t.map(r=>s.jsx(m,{tabIndex:0,channel:r,isLoading:u,isConnected:!!(i!=null&&i.find(d=>d.channel_id===r.id)),onClick:x,channelOptionProps:o,isUpdating:b},r.id))});module.exports=q;
2	+ //# sourceMappingURL=SlackChannelListBox.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelListBox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackChannelListBox.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelListBox.tsx"],"sourcesContent":["import { SlackChannel, SlackChannelConnection } from \"@knocklabs/client\";\nimport { AriaListBoxOptions } from \"@react-aria/listbox\";\n\nimport SlackChannelOption from \"./SlackChannelOption\";\n\nimport \"./styles.css\";\nimport \"../../theme.css\"\n\ntype Props = AriaListBoxOptions<unknown> & {\n slackChannels: SlackChannel[];\n isLoading: boolean;\n connectedChannels: SlackChannelConnection[] | null;\n onClick: (channelId: string) => void;\n listBoxProps?: React.HTMLAttributes<HTMLDivElement>;\n channelOptionProps?: React.HtmlHTMLAttributes<HTMLButtonElement>;\n isUpdating: boolean;\n};\n\nconst SlackChannelListBox = ({\n slackChannels,\n isLoading,\n connectedChannels,\n onClick,\n listBoxProps,\n channelOptionProps,\n isUpdating,\n}: Props) => {\n return (\n <div className=\"rsk-combobox__list-box\" {...listBoxProps}>\n {slackChannels.map((channel) => {\n return (\n <SlackChannelOption\n key={channel.id}\n tabIndex={0}\n channel={channel}\n isLoading={isLoading}\n isConnected={\n !!connectedChannels?.find(\n (connectedChannel) =>\n connectedChannel.channel_id === channel.id,\n )\n }\n onClick={onClick}\n channelOptionProps={channelOptionProps}\n isUpdating={isUpdating}\n />\n );\n })}\n </div>\n );\n};\n\nexport default SlackChannelListBox;\n"],"names":["SlackChannelListBox","slackChannels","isLoading","connectedChannels","onClick","listBoxProps","channelOptionProps","isUpdating","jsx","channel","SlackChannelOption","connectedChannel"],"mappings":"gJAkBA,MAAMA,EAAsB,CAAC,CAC3B,cAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,WAAAC,CACF,IAEIC,MAAC,OAAI,UAAU,yBAA0B,GAAGH,EACzC,SAAAJ,EAAc,IAAKQ,GAEhBD,EAAA,IAACE,EAAA,CAEC,SAAU,EACV,QAAAD,EACA,UAAAP,EACA,YACE,CAAC,EAACC,GAAA,MAAAA,EAAmB,KAClBQ,GACCA,EAAiB,aAAeF,EAAQ,KAG9C,QAAAL,EACA,mBAAAE,EACA,WAAAC,CAAA,EAZKE,EAAQ,EAAA,CAelB,CACH,CAAA"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelOption.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),n=require("react");require("@knocklabs/react-core");const k=require("../../../core/components/Spinner/Spinner.js");require("lodash.debounce");const j=require("./icons/CheckmarkIcon.js"),q=require("./icons/HashtagIcon.js"),p=require("./icons/LockIcon.js");const v=({channel:o,isLoading:t,isConnected:c,onClick:x,tabIndex:a,channelOptionProps:l,isUpdating:r})=>{const[m,i]=n.useState(!1),[s,_]=n.useState(null),b=()=>s===o.id&&(r\|\|t)?e.jsx(k.Spinner,{thickness:3}):m\|\|c?e.jsx(j,{isConnected:c}):e.jsx("div",{className:"rsk-combobox__option__text-container__empty-icon"}),d=u=>{_(u),x(u)};return n.useEffect(()=>{if(s&&!r)return _(null)},[t,r,s]),e.jsx("button",{className:"rsk-combobox__option__button",onClick:()=>!t&&d(o.id),disabled:t\|\|r,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),tabIndex:a,...l,children:e.jsxs("div",{className:"rsk-combobox__option__text-container",children:[e.jsx("div",{className:"rsk-combobox__option__text-container__connection-icon",children:b()}),e.jsx("div",{className:"rsk-combobox__option__text-container__channel-icon",children:o.is_private?e.jsx(p,{}):e.jsx(q,{})}),e.jsx("div",{className:"rsk-combobox__option__text-container__text",children:o.name})]})},o.id)};module.exports=v;
2	+ //# sourceMappingURL=SlackChannelOption.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelOption.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackChannelOption.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelOption.tsx"],"sourcesContent":["import { SlackChannel } from \"@knocklabs/client\";\nimport { useEffect, useState } from \"react\";\n\nimport { Spinner } from \"../../../core\";\nimport \"../../theme.css\";\n\nimport CheckmarkIcon from \"./icons/CheckmarkIcon\";\nimport HashtagIcon from \"./icons/HashtagIcon\";\nimport LockIcon from \"./icons/LockIcon\";\nimport \"./styles.css\";\n\ntype Props = {\n channel: SlackChannel;\n isLoading: boolean;\n isConnected: boolean;\n onClick: (id: string) => void;\n tabIndex: number;\n channelOptionProps?: React.HtmlHTMLAttributes<HTMLButtonElement>;\n isUpdating: boolean;\n};\n\nconst SlackChannelOption = ({\n channel,\n isLoading,\n isConnected,\n onClick,\n tabIndex,\n channelOptionProps,\n isUpdating,\n}: Props) => {\n const [isHovered, setIsHovered] = useState(false);\n const [submittedId, setSubmittedId] = useState<string | null>(null);\n\n const icon = () => {\n if (submittedId === channel.id && (isUpdating || isLoading)) {\n return <Spinner thickness={3} />;\n }\n\n if (isHovered || isConnected) {\n return <CheckmarkIcon isConnected={isConnected} />;\n }\n\n return <div className=\"rsk-combobox__option__text-container__empty-icon\" />;\n };\n\n const handleOptionClick = (channelId: string) => {\n setSubmittedId(channelId);\n onClick(channelId);\n };\n\n useEffect(() => {\n if (submittedId && !isUpdating) {\n return setSubmittedId(null);\n }\n }, [isLoading, isUpdating, submittedId]);\n\n return (\n <button\n key={channel.id}\n className=\"rsk-combobox__option__button\"\n onClick={() => !isLoading && handleOptionClick(channel.id)}\n disabled={isLoading || isUpdating}\n onMouseEnter={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n tabIndex={tabIndex}\n {...channelOptionProps}\n >\n <div className=\"rsk-combobox__option__text-container\">\n <div className=\"rsk-combobox__option__text-container__connection-icon\">\n {icon()}\n </div>\n <div className=\"rsk-combobox__option__text-container__channel-icon\">\n {channel.is_private ? <LockIcon /> : <HashtagIcon />}\n </div>\n <div className=\"rsk-combobox__option__text-container__text\">{channel.name}</div>\n </div>\n </button>\n );\n};\n\nexport default SlackChannelOption;\n"],"names":["SlackChannelOption","channel","isLoading","isConnected","onClick","tabIndex","channelOptionProps","isUpdating","isHovered","setIsHovered","useState","submittedId","setSubmittedId","icon","jsx","Spinner","CheckmarkIcon","handleOptionClick","channelId","useEffect","jsxs","LockIcon","HashtagIcon"],"mappings":"maAqBA,MAAMA,EAAqB,CAAC,CAC1B,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,WAAAC,CACF,IAAa,CACX,KAAM,CAACC,EAAWC,CAAY,EAAIC,WAAS,EAAK,EAC1C,CAACC,EAAaC,CAAc,EAAIF,WAAwB,IAAI,EAE5DG,EAAO,IACPF,IAAgBV,EAAQ,KAAOM,GAAcL,GACxCY,EAAA,IAACC,EAAQ,QAAA,CAAA,UAAW,CAAG,CAAA,EAG5BP,GAAaL,EACRW,MAACE,GAAc,YAAAb,CAA0B,CAAA,EAG3CW,EAAA,IAAC,MAAI,CAAA,UAAU,kDAAmD,CAAA,EAGrEG,EAAqBC,GAAsB,CAC/CN,EAAeM,CAAS,EACxBd,EAAQc,CAAS,CAAA,EAGnBC,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAAR,GAAe,CAACJ,EAClB,OAAOK,EAAe,IAAI,CAE3B,EAAA,CAACV,EAAWK,EAAYI,CAAW,CAAC,EAGrCG,EAAA,IAAC,SAAA,CAEC,UAAU,+BACV,QAAS,IAAM,CAACZ,GAAae,EAAkBhB,EAAQ,EAAE,EACzD,SAAUC,GAAaK,EACvB,aAAc,IAAME,EAAa,EAAI,EACrC,aAAc,IAAMA,EAAa,EAAK,EACtC,SAAAJ,EACC,GAAGC,EAEJ,SAAAc,EAAA,KAAC,MAAI,CAAA,UAAU,uCACb,SAAA,CAAAN,EAAA,IAAC,MAAI,CAAA,UAAU,wDACZ,SAAAD,EAAA,EACH,EACAC,EAAA,IAAC,MAAI,CAAA,UAAU,qDACZ,SAAAb,EAAQ,WAAaa,EAAAA,IAACO,EAAS,CAAA,CAAA,EAAMP,EAAA,IAAAQ,EAAA,CAAY,CAAA,EACpD,EACCR,EAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,WAAQ,KAAK,CAAA,EAC5E,CAAA,EAjBKb,EAAQ,EAAA,CAoBnB"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectionError.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const r=require("react/jsx-runtime"),o=require("@knocklabs/react-core"),s=require("./icons/InfoIcon.js"),c=()=>{const{t:e}=o.useTranslations(),{connectionStatus:n}=o.useKnockSlackClient();return n==="disconnected"\|\|n==="error"?r.jsxs("div",{className:"rsk-combobox__error",children:[r.jsx("span",{children:r.jsx(s,{})}),r.jsx("div",{className:"rsk-combobox__error__text",children:e(n==="disconnected"?"slackConnectionErrorOccurred":"slackConnectionErrorExists")})]}):r.jsx("div",{})};module.exports=c;
2	+ //# sourceMappingURL=SlackConnectionError.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectionError.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackConnectionError.js","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx"],"sourcesContent":["import { useKnockSlackClient, useTranslations } from \"@knocklabs/react-core\";\n\nimport InfoIcon from \"./icons/InfoIcon\";\n\nconst SlackConnectionError = () => {\n const { t } = useTranslations();\n const { connectionStatus } = useKnockSlackClient();\n\n if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n return (\n <div className=\"rsk-combobox__error\">\n <span>\n <InfoIcon />\n </span>\n\n <div className=\"rsk-combobox__error__text\">\n {connectionStatus === \"disconnected\"\n ? t(\"slackConnectionErrorOccurred\")\n : t(\"slackConnectionErrorExists\")}\n </div>\n </div>\n );\n }\n\n return <div />;\n};\n\nexport default SlackConnectionError;\n"],"names":["SlackConnectionError","t","useTranslations","connectionStatus","useKnockSlackClient","jsxs","jsx","InfoIcon"],"mappings":"sHAIMA,EAAuB,IAAM,CAC3B,KAAA,CAAE,EAAAC,GAAMC,EAAAA,kBACR,CAAE,iBAAAC,GAAqBC,EAAAA,sBAEzB,OAAAD,IAAqB,gBAAkBA,IAAqB,QAE5DE,EAAA,KAAC,MAAI,CAAA,UAAU,sBACb,SAAA,CAACC,EAAA,IAAA,OAAA,CACC,SAACA,EAAA,IAAAC,EAAA,CAAS,CAAA,EACZ,EAEAD,EAAAA,IAAC,MAAI,CAAA,UAAU,4BACZ,SACGL,EADHE,IAAqB,eAChB,+BACA,4BAD8B,CAEtC,CAAA,CACF,CAAA,CAAA,QAII,MAAI,CAAA,CAAA,CACd"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),s=({isConnected:o,size:e="1rem",...r})=>t.jsx("svg",{height:e,width:e,role:"img",viewBox:"0 0 14 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:t.jsx("path",{d:"M11.3751 3.9996L5.25006 10.9996L2.62506 8.3746",stroke:o?"#5469D4":"#A5ACB8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});module.exports=s;
2	+ //# sourceMappingURL=CheckmarkIcon.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckmarkIcon.js","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.tsx"],"sourcesContent":["const CheckmarkIcon = ({\n isConnected,\n size = \"1rem\",\n ...props\n}: {\n isConnected: boolean;\n size?: string;\n}) => (\n <svg\n height={size}\n width={size}\n role=\"img\"\n viewBox=\"0 0 14 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M11.3751 3.9996L5.25006 10.9996L2.62506 8.3746\"\n stroke={isConnected ? \"#5469D4\" : \"#A5ACB8\"}\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nexport default CheckmarkIcon;\n"],"names":["CheckmarkIcon","isConnected","size","props","jsx"],"mappings":"kDAAMA,EAAgB,CAAC,CACrB,YAAAC,EACA,KAAAC,EAAO,OACP,GAAGC,CACL,IAIEC,EAAA,IAAC,MAAA,CACC,OAAQF,EACR,MAAOA,EACP,KAAK,MACL,QAAQ,YACR,KAAK,OACL,MAAM,6BACL,GAAGC,EAEJ,SAAAC,EAAA,IAAC,OAAA,CACC,EAAE,iDACF,OAAQH,EAAc,UAAY,UAClC,YAAY,MACZ,cAAc,QACd,eAAe,OAAA,CACjB,CAAA,CACF"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const C=require("react/jsx-runtime"),e=()=>C.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.7904 2.22197C5.81364 2.06746 5.77568 1.90997 5.68461 1.78301C5.59353 1.65605 5.45652 1.56962 5.30271 1.54211C5.1489 1.5146 4.99043 1.54817 4.86099 1.6357C4.73155 1.72322 4.64136 1.85778 4.6096 2.01077L4.2688 3.91637H2.2C2.04087 3.91637 1.88826 3.97958 1.77574 4.0921C1.66321 4.20463 1.6 4.35724 1.6 4.51637C1.6 4.6755 1.66321 4.82811 1.77574 4.94063C1.88826 5.05315 2.04087 5.11637 2.2 5.11637H4.0546L3.5728 7.81637H1.6C1.44087 7.81637 1.28826 7.87958 1.17574 7.9921C1.06321 8.10463 1 8.25724 1 8.41637C1 8.5755 1.06321 8.72811 1.17574 8.84063C1.28826 8.95315 1.44087 9.01637 1.6 9.01637H3.358L3.1096 10.4108C3.08636 10.5653 3.12432 10.7228 3.21539 10.8497C3.30647 10.9767 3.44348 11.0631 3.59729 11.0906C3.7511 11.1181 3.90957 11.0846 4.03901 10.997C4.16845 10.9095 4.25864 10.775 4.2904 10.622L4.5772 9.01637H6.2086L5.9596 10.4108C5.9433 10.4893 5.9429 10.5703 5.95844 10.649C5.97397 10.7276 6.00511 10.8024 6.05003 10.8688C6.09495 10.9352 6.15273 10.992 6.21996 11.0357C6.28718 11.0794 6.36249 11.1092 6.44143 11.1234C6.52037 11.1375 6.60134 11.1356 6.67955 11.1179C6.75777 11.1002 6.83164 11.067 6.8968 11.0203C6.96196 10.9735 7.01709 10.9142 7.05893 10.8458C7.10077 10.7774 7.12847 10.7013 7.1404 10.622L7.4272 9.01637H9.4C9.55913 9.01637 9.71174 8.95315 9.82426 8.84063C9.93679 8.72811 10 8.5755 10 8.41637C10 8.25724 9.93679 8.10463 9.82426 7.9921C9.71174 7.87958 9.55913 7.81637 9.4 7.81637H7.642L8.1238 5.11637H10C10.1591 5.11637 10.3117 5.05315 10.4243 4.94063C10.5368 4.82811 10.6 4.6755 10.6 4.51637C10.6 4.35724 10.5368 4.20463 10.4243 4.0921C10.3117 3.97958 10.1591 3.91637 10 3.91637H8.338L8.6404 2.22197C8.6567 2.14345 8.6571 2.06246 8.64157 1.98379C8.62603 1.90511 8.59489 1.83035 8.54997 1.76392C8.50505 1.69749 8.44727 1.64073 8.38004 1.59701C8.31282 1.55329 8.23751 1.52349 8.15857 1.50937C8.07963 1.49525 7.99866 1.4971 7.92045 1.51481C7.84223 1.53252 7.76836 1.56572 7.7032 1.61246C7.63804 1.65921 7.58291 1.71854 7.54107 1.78695C7.49923 1.85536 7.47153 1.93147 7.4596 2.01077L7.1188 3.91637H5.488L5.7904 2.22197ZM6.4228 7.81637L6.904 5.11637H5.2738L4.7914 7.81637H6.4228Z",fill:"#3C4257"})});module.exports=e;
2	+ //# sourceMappingURL=HashtagIcon.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HashtagIcon.js","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.tsx"],"sourcesContent":["const HashtagIcon = () => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.7904 2.22197C5.81364 2.06746 5.77568 1.90997 5.68461 1.78301C5.59353 1.65605 5.45652 1.56962 5.30271 1.54211C5.1489 1.5146 4.99043 1.54817 4.86099 1.6357C4.73155 1.72322 4.64136 1.85778 4.6096 2.01077L4.2688 3.91637H2.2C2.04087 3.91637 1.88826 3.97958 1.77574 4.0921C1.66321 4.20463 1.6 4.35724 1.6 4.51637C1.6 4.6755 1.66321 4.82811 1.77574 4.94063C1.88826 5.05315 2.04087 5.11637 2.2 5.11637H4.0546L3.5728 7.81637H1.6C1.44087 7.81637 1.28826 7.87958 1.17574 7.9921C1.06321 8.10463 1 8.25724 1 8.41637C1 8.5755 1.06321 8.72811 1.17574 8.84063C1.28826 8.95315 1.44087 9.01637 1.6 9.01637H3.358L3.1096 10.4108C3.08636 10.5653 3.12432 10.7228 3.21539 10.8497C3.30647 10.9767 3.44348 11.0631 3.59729 11.0906C3.7511 11.1181 3.90957 11.0846 4.03901 10.997C4.16845 10.9095 4.25864 10.775 4.2904 10.622L4.5772 9.01637H6.2086L5.9596 10.4108C5.9433 10.4893 5.9429 10.5703 5.95844 10.649C5.97397 10.7276 6.00511 10.8024 6.05003 10.8688C6.09495 10.9352 6.15273 10.992 6.21996 11.0357C6.28718 11.0794 6.36249 11.1092 6.44143 11.1234C6.52037 11.1375 6.60134 11.1356 6.67955 11.1179C6.75777 11.1002 6.83164 11.067 6.8968 11.0203C6.96196 10.9735 7.01709 10.9142 7.05893 10.8458C7.10077 10.7774 7.12847 10.7013 7.1404 10.622L7.4272 9.01637H9.4C9.55913 9.01637 9.71174 8.95315 9.82426 8.84063C9.93679 8.72811 10 8.5755 10 8.41637C10 8.25724 9.93679 8.10463 9.82426 7.9921C9.71174 7.87958 9.55913 7.81637 9.4 7.81637H7.642L8.1238 5.11637H10C10.1591 5.11637 10.3117 5.05315 10.4243 4.94063C10.5368 4.82811 10.6 4.6755 10.6 4.51637C10.6 4.35724 10.5368 4.20463 10.4243 4.0921C10.3117 3.97958 10.1591 3.91637 10 3.91637H8.338L8.6404 2.22197C8.6567 2.14345 8.6571 2.06246 8.64157 1.98379C8.62603 1.90511 8.59489 1.83035 8.54997 1.76392C8.50505 1.69749 8.44727 1.64073 8.38004 1.59701C8.31282 1.55329 8.23751 1.52349 8.15857 1.50937C8.07963 1.49525 7.99866 1.4971 7.92045 1.51481C7.84223 1.53252 7.76836 1.56572 7.7032 1.61246C7.63804 1.65921 7.58291 1.71854 7.54107 1.78695C7.49923 1.85536 7.47153 1.93147 7.4596 2.01077L7.1188 3.91637H5.488L5.7904 2.22197ZM6.4228 7.81637L6.904 5.11637H5.2738L4.7914 7.81637H6.4228Z\"\n fill=\"#3C4257\"\n />\n </svg>\n);\n\nexport default HashtagIcon;\n"],"names":["HashtagIcon","jsx"],"mappings":"kDAAMA,EAAc,IAClBC,EAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,ojEACF,KAAK,SAAA,CACP,CAAA,CACF"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),s=()=>t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M6.78125 1.75137C4.00285 1.75137 1.75 4.00422 1.75 6.78262C1.75 9.56102 4.00285 11.8139 6.78125 11.8139C9.55965 11.8139 11.8125 9.56102 11.8125 6.78262C11.8125 4.00422 9.55965 1.75137 6.78125 1.75137Z",stroke:"#697386",strokeMiterlimit:"10"}),t.jsx("path",{d:"M6.01562 6.01605H6.89062V9.18793",stroke:"#697386",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M5.68738 9.29697H8.09363",stroke:"#697386",strokeMiterlimit:"10",strokeLinecap:"round"}),t.jsx("path",{d:"M6.78113 3.55554C6.64052 3.55554 6.50307 3.59724 6.38615 3.67536C6.26924 3.75348 6.17812 3.86451 6.12431 3.99442C6.0705 4.12432 6.05642 4.26727 6.08385 4.40518C6.11128 4.54308 6.17899 4.66976 6.27842 4.76919C6.37785 4.86861 6.50452 4.93632 6.64243 4.96376C6.78034 4.99119 6.92329 4.97711 7.05319 4.9233C7.1831 4.86949 7.29413 4.77837 7.37225 4.66146C7.45037 4.54454 7.49207 4.40709 7.49207 4.26648C7.49207 4.07793 7.41716 3.8971 7.28384 3.76377C7.15051 3.63044 6.96968 3.55554 6.78113 3.55554Z",fill:"#697386"})]});module.exports=s;
2	+ //# sourceMappingURL=InfoIcon.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InfoIcon.js","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.tsx"],"sourcesContent":["const InfoIcon = () => (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.78125 1.75137C4.00285 1.75137 1.75 4.00422 1.75 6.78262C1.75 9.56102 4.00285 11.8139 6.78125 11.8139C9.55965 11.8139 11.8125 9.56102 11.8125 6.78262C11.8125 4.00422 9.55965 1.75137 6.78125 1.75137Z\"\n stroke=\"#697386\"\n strokeMiterlimit=\"10\"\n />\n <path\n d=\"M6.01562 6.01605H6.89062V9.18793\"\n stroke=\"#697386\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M5.68738 9.29697H8.09363\"\n stroke=\"#697386\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n />\n <path\n d=\"M6.78113 3.55554C6.64052 3.55554 6.50307 3.59724 6.38615 3.67536C6.26924 3.75348 6.17812 3.86451 6.12431 3.99442C6.0705 4.12432 6.05642 4.26727 6.08385 4.40518C6.11128 4.54308 6.17899 4.66976 6.27842 4.76919C6.37785 4.86861 6.50452 4.93632 6.64243 4.96376C6.78034 4.99119 6.92329 4.97711 7.05319 4.9233C7.1831 4.86949 7.29413 4.77837 7.37225 4.66146C7.45037 4.54454 7.49207 4.40709 7.49207 4.26648C7.49207 4.07793 7.41716 3.8971 7.28384 3.76377C7.15051 3.63044 6.96968 3.55554 6.78113 3.55554Z\"\n fill=\"#697386\"\n />\n </svg>\n);\n\nexport default InfoIcon;\n"],"names":["InfoIcon","jsxs","jsx"],"mappings":"kDAAMA,EAAW,IACfC,EAAA,KAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAA,CAAAC,EAAA,IAAC,OAAA,CACC,EAAE,2MACF,OAAO,UACP,iBAAiB,IAAA,CACnB,EACAA,EAAA,IAAC,OAAA,CACC,EAAE,mCACF,OAAO,UACP,cAAc,QACd,eAAe,OAAA,CACjB,EACAA,EAAA,IAAC,OAAA,CACC,EAAE,2BACF,OAAO,UACP,iBAAiB,KACjB,cAAc,OAAA,CAChB,EACAA,EAAA,IAAC,OAAA,CACC,EAAE,gfACF,KAAK,SAAA,CACP,CAAA,CAAA,CACF"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/LockIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const i=require("react/jsx-runtime"),t=()=>i.jsxs("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("g",{clipPath:"url(#clip0_251_243)",children:i.jsx("path",{d:"M8.62497 4.99975H8.24997V3.12476C8.24997 2.52802 8.01292 1.95572 7.59096 1.53377C7.169 1.11181 6.59671 0.874756 5.99997 0.874756C5.40323 0.874756 4.83094 1.11181 4.40898 1.53377C3.98702 1.95572 3.74997 2.52802 3.74997 3.12476V4.99975H3.37497C2.97728 5.00019 2.596 5.15836 2.31479 5.43957C2.03358 5.72078 1.8754 6.10206 1.87497 6.49975V10.6248C1.8754 11.0224 2.03358 11.4037 2.31479 11.6849C2.596 11.9661 2.97728 12.1243 3.37497 12.1248H8.62497C9.02266 12.1243 9.40394 11.9661 9.68515 11.6849C9.96636 11.4037 10.1245 11.0224 10.125 10.6248V6.49975C10.1245 6.10206 9.96636 5.72078 9.68515 5.43957C9.40394 5.15836 9.02266 5.00019 8.62497 4.99975ZM7.49997 4.99975H4.49997V3.12476C4.49997 2.72693 4.658 2.3454 4.93931 2.0641C5.22061 1.78279 5.60214 1.62476 5.99997 1.62476C6.39779 1.62476 6.77932 1.78279 7.06063 2.0641C7.34193 2.3454 7.49997 2.72693 7.49997 3.12476V4.99975Z",fill:"#3C4257"})}),i.jsx("defs",{children:i.jsx("clipPath",{id:"clip0_251_243",children:i.jsx("rect",{width:"12",height:"12",fill:"white",transform:"translate(0 0.5)"})})})]});module.exports=t;
2	+ //# sourceMappingURL=LockIcon.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/LockIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LockIcon.js","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/LockIcon.tsx"],"sourcesContent":["const LockIcon = () => (\n <svg\n width=\"12\"\n height=\"13\"\n viewBox=\"0 0 12 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_251_243)\">\n <path\n d=\"M8.62497 4.99975H8.24997V3.12476C8.24997 2.52802 8.01292 1.95572 7.59096 1.53377C7.169 1.11181 6.59671 0.874756 5.99997 0.874756C5.40323 0.874756 4.83094 1.11181 4.40898 1.53377C3.98702 1.95572 3.74997 2.52802 3.74997 3.12476V4.99975H3.37497C2.97728 5.00019 2.596 5.15836 2.31479 5.43957C2.03358 5.72078 1.8754 6.10206 1.87497 6.49975V10.6248C1.8754 11.0224 2.03358 11.4037 2.31479 11.6849C2.596 11.9661 2.97728 12.1243 3.37497 12.1248H8.62497C9.02266 12.1243 9.40394 11.9661 9.68515 11.6849C9.96636 11.4037 10.1245 11.0224 10.125 10.6248V6.49975C10.1245 6.10206 9.96636 5.72078 9.68515 5.43957C9.40394 5.15836 9.02266 5.00019 8.62497 4.99975ZM7.49997 4.99975H4.49997V3.12476C4.49997 2.72693 4.658 2.3454 4.93931 2.0641C5.22061 1.78279 5.60214 1.62476 5.99997 1.62476C6.39779 1.62476 6.77932 1.78279 7.06063 2.0641C7.34193 2.3454 7.49997 2.72693 7.49997 3.12476V4.99975Z\"\n fill=\"#3C4257\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_251_243\">\n <rect\n width=\"12\"\n height=\"12\"\n fill=\"white\"\n transform=\"translate(0 0.5)\"\n />\n </clipPath>\n </defs>\n </svg>\n);\n\nexport default LockIcon;\n"],"names":["LockIcon","jsxs","jsx"],"mappings":"kDAAMA,EAAW,IACfC,EAAA,KAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAA,CAACC,EAAAA,IAAA,IAAA,CAAE,SAAS,sBACV,SAAAA,EAAA,IAAC,OAAA,CACC,EAAE,y2BACF,KAAK,SAAA,CAAA,EAET,EACCA,MAAA,OAAA,CACC,SAACA,EAAA,IAAA,WAAA,CAAS,GAAG,gBACX,SAAAA,EAAA,IAAC,OAAA,CACC,MAAM,KACN,OAAO,KACP,KAAK,QACL,UAAU,kBAAA,GAEd,CACF,CAAA,CAAA,CAAA,CACF"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const C=require("react/jsx-runtime"),t=()=>C.jsx("svg",{width:"14",height:"15",viewBox:"0 0 14 15",xmlns:"http://www.w3.org/2000/svg",children:C.jsx("path",{d:"M12.4881 12.0235L9.91536 9.45071C10.5348 8.62611 10.8691 7.62242 10.868 6.5911C10.868 3.9568 8.72481 1.8136 6.09052 1.8136C3.45622 1.8136 1.31302 3.9568 1.31302 6.5911C1.31302 9.22539 3.45622 11.3686 6.09052 11.3686C7.12184 11.3697 8.12553 11.0353 8.95013 10.4159L11.5229 12.9887C11.6531 13.1051 11.823 13.1673 11.9976 13.1624C12.1722 13.1575 12.3383 13.086 12.4619 12.9624C12.5854 12.8389 12.6569 12.6728 12.6618 12.4982C12.6667 12.3236 12.6046 12.1537 12.4881 12.0235ZM2.67802 6.5911C2.67802 5.91617 2.87816 5.2564 3.25313 4.69521C3.6281 4.13403 4.16106 3.69664 4.78461 3.43836C5.40816 3.18008 6.0943 3.1125 6.75626 3.24417C7.41822 3.37584 8.02627 3.70085 8.50352 4.1781C8.98077 4.65534 9.30578 5.26339 9.43745 5.92535C9.56912 6.58731 9.50154 7.27345 9.24326 7.897C8.98497 8.52056 8.54758 9.05352 7.9864 9.42849C7.42522 9.80346 6.76545 10.0036 6.09052 10.0036C5.1858 10.0025 4.31845 9.64263 3.67872 9.0029C3.03898 8.36317 2.6791 7.49582 2.67802 6.5911Z",fill:"currentColor"})});module.exports=t;
2	+ //# sourceMappingURL=SearchIcon.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SearchIcon.js","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.tsx"],"sourcesContent":["const SearchIcon = () => (\n <svg\n width=\"14\"\n height=\"15\"\n viewBox=\"0 0 14 15\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12.4881 12.0235L9.91536 9.45071C10.5348 8.62611 10.8691 7.62242 10.868 6.5911C10.868 3.9568 8.72481 1.8136 6.09052 1.8136C3.45622 1.8136 1.31302 3.9568 1.31302 6.5911C1.31302 9.22539 3.45622 11.3686 6.09052 11.3686C7.12184 11.3697 8.12553 11.0353 8.95013 10.4159L11.5229 12.9887C11.6531 13.1051 11.823 13.1673 11.9976 13.1624C12.1722 13.1575 12.3383 13.086 12.4619 12.9624C12.5854 12.8389 12.6569 12.6728 12.6618 12.4982C12.6667 12.3236 12.6046 12.1537 12.4881 12.0235ZM2.67802 6.5911C2.67802 5.91617 2.87816 5.2564 3.25313 4.69521C3.6281 4.13403 4.16106 3.69664 4.78461 3.43836C5.40816 3.18008 6.0943 3.1125 6.75626 3.24417C7.41822 3.37584 8.02627 3.70085 8.50352 4.1781C8.98077 4.65534 9.30578 5.26339 9.43745 5.92535C9.56912 6.58731 9.50154 7.27345 9.24326 7.897C8.98497 8.52056 8.54758 9.05352 7.9864 9.42849C7.42522 9.80346 6.76545 10.0036 6.09052 10.0036C5.1858 10.0025 4.31845 9.64263 3.67872 9.0029C3.03898 8.36317 2.6791 7.49582 2.67802 6.5911Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default SearchIcon\n"],"names":["SearchIcon","jsx"],"mappings":"kDAAMA,EAAa,IAChBC,EAAA,IAAC,MAAA,CACA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,MAAM,6BAEN,SAAAA,EAAA,IAAC,OAAA,CACC,EAAE,67BACF,KAAK,cAAA,CACP,CAAA,CACF"}

package/dist/cjs/modules/slack/components/SlackChannelCombobox/styles.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=styles.css.js.map

package/dist/cjs/modules/slack/components/SlackChannelCombobox/styles.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/modules/slack/components/SlackIcon/SlackIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=({height:c,width:e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",style:{height:c,width:e},viewBox:"0 0 122.8 122.8",children:[s.jsx("path",{d:"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z",fill:"#e01e5a"}),s.jsx("path",{d:"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z",fill:"#36c5f0"}),s.jsx("path",{d:"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z",fill:"#2eb67d"}),s.jsx("path",{d:"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z",fill:"#ecb22e"})]});exports.SlackIcon=t;
2	+ //# sourceMappingURL=SlackIcon.js.map

package/dist/cjs/modules/slack/components/SlackIcon/SlackIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SlackIcon.js","sources":["../../../../../../src/modules/slack/components/SlackIcon/SlackIcon.tsx"],"sourcesContent":["export const SlackIcon = ({\n height,\n width,\n}: {\n height: string;\n width: string;\n}) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ height, width }}\n viewBox=\"0 0 122.8 122.8\"\n >\n <path\n d=\"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z\"\n fill=\"#e01e5a\"\n ></path>\n <path\n d=\"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z\"\n fill=\"#36c5f0\"\n ></path>\n <path\n d=\"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z\"\n fill=\"#2eb67d\"\n ></path>\n <path\n d=\"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z\"\n fill=\"#ecb22e\"\n ></path>\n </svg>\n );\n};\n"],"names":["SlackIcon","height","width","jsxs","jsx"],"mappings":"qHAAaA,EAAY,CAAC,CACxB,OAAAC,EACA,MAAAC,CACF,IAKIC,EAAA,KAAC,MAAA,CACC,MAAM,6BACN,MAAO,CAAE,OAAAF,EAAQ,MAAAC,CAAM,EACvB,QAAQ,kBAER,SAAA,CAAAE,EAAA,IAAC,OAAA,CACC,EAAE,4LACF,KAAK,SAAA,CACN,EACDA,EAAA,IAAC,OAAA,CACC,EAAE,2LACF,KAAK,SAAA,CACN,EACDA,EAAA,IAAC,OAAA,CACC,EAAE,4LACF,KAAK,SAAA,CACN,EACDA,EAAA,IAAC,OAAA,CACC,EAAE,+LACF,KAAK,SAAA,CACN,CAAA,CAAA,CAAA"}

package/dist/cjs/modules/slack/theme.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=theme.css.js.map

package/dist/cjs/modules/slack/theme.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"theme.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/theme.css.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# sourceMappingURL=theme.css.js.map

package/dist/cjs/theme.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"theme.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}