kaui 3.0.9 → 4.0.0

data/app/assets/stylesheets/kaui/queues.css

@@ -0,0 +1,269 @@
+.kaui-queues-index .queues {
+  width: 67.5625rem;
+}
+
+.kaui-queues-index .queues .queues-header {
+  display: flex;
+  align-items: start;
+  justify-content: space-between;
+  padding: 0;
+  border-bottom: 0.0625rem solid #e9eaeb;
+}
+
+.kaui-queues-index .queues .queues-header h2 {
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  color: #414651;
+  margin-bottom: 1.25rem;
+}
+
+.kaui-queues-index .queues .filter-tabs {
+  background-color: #fafafa;
+  border: 0.0625rem solid #e9eaeb;
+  border-radius: 0.375rem;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  margin: 0;
+  margin-bottom: 1.5rem;
+  padding: 0.25rem;
+  height: 2.5rem;
+}
+
+.kaui-queues-index .queues .filter-tabs a {
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.25rem;
+  color: #717680;
+  padding: 0.375rem 0;
+  border-radius: 0.25rem;
+  text-decoration: none;
+  height: 2rem;
+  width: 100%;
+}
+
+@media (max-width: 768px) {
+  .kaui-queues-index .queues .filter-tabs a {
+    font-size: 0.7rem;
+  }
+}
+
+.kaui-queues-index .queues .filter-tabs .activelink {
+  color: #414651;
+  background-color: #ffffff;
+  box-shadow: 0rem 0.0625rem 0.125rem -0.0625rem #0a0d121a;
+  box-shadow: 0rem 0.0625rem 0.1875rem 0rem #0a0d121a;
+}
+
+.kaui-queues-index #bus-table_filter,
+.kaui-queues-index #notifications-table_filter {
+  position: absolute;
+  top: -4.5rem;
+  right: 0;
+}
+
+.kaui-queues-index .queues .bus-table td,
+.kaui-queues-index .queues .notifications-table td {
+  font-weight: 500 !important;
+  font-size: 0.875rem !important;
+  padding: 1rem 0.5rem !important;
+  line-height: 1.125rem !important;
+  text-align: start;
+  color: #535862 !important;
+  display: table-cell !important;
+  text-align: left !important;
+  vertical-align: top;
+  border-bottom: 0 !important;
+}
+
+.kaui-queues-index .queues .bus-table td:nth-of-type(2) span,
+.kaui-queues-index .queues .notifications-table td:nth-of-type(2) span {
+  padding: 0.1875rem 0.5rem;
+  font-weight: 500 !important;
+  font-size: 0.75rem !important;
+  line-height: 1.125rem !important;
+  color: #414651 !important;
+  border-radius: 0.125rem !important;
+  border: 0.0625rem solid #d5d7da !important;
+}
+
+.kaui-queues-index .queues .bus-table td pre,
+.kaui-queues-index .queues .notifications-table td pre {
+  padding: 0.1875rem 0.5rem;
+  font-weight: 500 !important;
+  font-size: 0.75rem !important;
+  line-height: 1.125rem !important;
+  color: #414651 !important;
+  border-radius: 0.5rem !important;
+  border: 0.0625rem solid #d5d7da !important;
+}
+
+.kaui-queues-index .queues .bus-table th,
+.kaui-queues-index .queues .notifications-table th {
+  padding: 0.375rem 1.625rem 0.375rem 0.75rem;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  letter-spacing: 0;
+  color: #717680;
+  text-transform: capitalize;
+}
+
+.kaui-queues-index .queues .bus-table th,
+.kaui-queues-index .queues .bus-table td,
+.kaui-queues-index .queues .notifications-table th,
+.kaui-queues-index .queues .notifications-table td {
+  white-space: nowrap;
+  text-align: left;
+}
+
+.kaui-queues-index .queues .pagination a:not(:first-child):not(:last-child) {
+  color: #717680;
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 1rem;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: 0;
+}
+
+.kaui-queues-index
+  .queues
+  .pagination
+  a:not(:first-child):not(:last-child).btn-primary {
+  color: #414651;
+  background-color: #f5f5f5 !important;
+  border: 0 !important;
+}
+
+.kaui-queues-index .queues .dataTables_paginate {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-family: "Inter", sans-serif;
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.kaui-queues-index .queues .dataTables_paginate span .paginate_button {
+  width: 2.5rem;
+  height: 2.5rem;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  color: #717680 !important;
+  text-decoration: none;
+  border: 0 !important;
+}
+
+.kaui-queues-index .queues .dataTables_paginate .paginate_button:hover {
+  background-color: #f3f4f6;
+}
+
+.kaui-queues-index .queues .dataTables_paginate .paginate_button.current {
+  background-color: #f5f5f5 !important;
+  border-radius: 0.375rem !important;
+  color: #414651 !important;
+}
+
+.kaui-queues-index .queues .dataTables_paginate .paginate_button.last,
+.kaui-queues-index .queues .dataTables_paginate .paginate_button.previous {
+  border: 0.0625rem solid #e5e7eb;
+  border-radius: 0.5rem;
+  background-color: white;
+  padding: 0.5rem 0.875rem;
+  color: #374151;
+}
+
+.kaui-queues-index .queues #bus-table_wrapper .table-wrapper,
+.kaui-queues-index .queues #notifications-table_wrapper .table-wrapper {
+  margin-bottom: 1rem;
+}
+
+.kaui-queues-index .queues #bus-table_wrapper .row:nth-of-type(2),
+.kaui-queues-index .queues #notifications-table_wrapper .row:nth-of-type(2) {
+  margin-top: 1.5rem;
+}
+
+/* .kaui-queues-index #bus-table_wrapper,
+.kaui-queues-index #notifications-table_wrapper {
+  max-width: <%= params[:account_id].present? ? '67.5625rem' : '80rem' %>;
+} */
+
+.kaui-queues-index .table-wrapper {
+  /* max-width: <%= params[:account_id].present? ? '67.5625rem' : '80rem' %> !important; */
+  overflow-x: auto !important;
+  width: 100% !important;
+}
+
+.max-width-67 {
+  max-width: 67.5625rem;
+}
+
+.max-width-80 {
+  max-width: 80rem;
+}
+
+.kaui-queues-index .queues #bus-table_filter input,
+.kaui-queues-index .queues #notifications-table_filter input {
+  width: 20rem;
+  height: 2.2rem;
+  padding: 0.3rem 1rem;
+  border: 0.0625rem solid #e5e7eb;
+  border-radius: 0.375rem;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #414651;
+  outline: none;
+}
+
+.kaui-queues-index .timeline {
+  position: relative;
+  width: 1.25rem;
+  margin-left: 0.375rem !important;
+}
+
+.kaui-queues-index .timeline::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0.5rem;
+  height: 100%;
+  background: linear-gradient(
+    to right,
+    transparent 0%,
+    transparent 0.375rem,
+    #d1d5db 0.375rem,
+    #d5d7da 0.5rem
+  );
+}
+
+.kaui-queues-index .dot {
+  position: absolute;
+  left: 0.1875rem;
+  top: 1rem;
+  width: 0.5rem;
+  height: 1.125rem;
+  background-color: #fff !important;
+  border-radius: 50%;
+  z-index: 1;
+}
+
+.kaui-queues-index .dot::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0.3125rem;
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: #d5d7da !important;
+  border-radius: 50%;
+  z-index: 1;
+}

data/app/assets/stylesheets/kaui/refunds.css

@@ -0,0 +1,185 @@
+.process-refund-modal .process-refund-title {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  letter-spacing: 0;
+  color: #1b1c1e;
+  padding: 1.5rem 0;
+}
+
+.process-refund-modal .icon-container {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border: 0.0625rem solid #d5d7da;
+  border-radius: 0.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.25rem;
+}
+
+.process-refund-modal .icon-container img {
+  width: 1rem;
+  height: 1rem;
+}
+
+/* app/views/kaui/refunds/_form.html.erb */
+
+.process-refund-modal .control-label {
+  font-size: 0.875rem !important;
+  font-weight: 500 !important;
+  line-height: 1.25rem !important;
+  color: #414651 !important;
+}
+
+.process-refund-modal .question-circle {
+  color: #a4a7ae;
+  font-size: 1rem;
+  width: 1rem;
+  height: 1rem;
+  display: inline-block;
+  line-height: 1rem;
+  text-align: center;
+}
+
+.process-refund-modal .col-sm-9.position-relative a {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+}
+
+.process-refund-modal .form-group.d-flex.pb-3 .form-control {
+  height: 2.5rem;
+  border-radius: 0.375rem;
+}
+
+.process-refund-modal .form-group.d-flex .form-control:focus {
+  outline: none;
+  box-shadow: none;
+  border: 0.0625rem solid #1a73e8;
+}
+
+.process-refund-modal .form-group select.form-control {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-repeat: no-repeat;
+  background-position: right 0.625rem center;
+  background-size: 1rem 1rem;
+  padding-right: 1.875rem;
+}
+
+.process-refund-modal select.form-control:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+.process-refund-modal .checkbox label {
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #414651;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+.process-refund-modal .form-group.d-flex .currency-group input {
+  border-right: 0;
+  border-radius: 0.375rem 0 0 0.375rem !important;
+}
+
+.process-refund-modal .form-group.d-flex .currency-group .currency {
+  border-left: 0 !important;
+  border: 0.0625rem solid #ced4da;
+  border-radius: 0 0.375rem 0.375rem 0 !important;
+  padding: 0.375rem 0.75rem;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  color: #535862;
+}
+
+.process-refund-modal .toggle-segment {
+  display: flex;
+  align-items: center;
+  border: 0.0625rem solid #d5d7da;
+  width: fit-content;
+  border-radius: 0.375rem;
+  overflow: hidden;
+  font-size: 0.875rem;
+}
+
+.process-refund-modal .toggle-segment .checkbox label {
+  display: flex;
+  align-items: center;
+  padding: 0.625rem 1rem !important;
+  cursor: pointer;
+  color: #414651;
+  border-right: 0.0625rem solid #d5d7da;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: 0;
+}
+
+.process-refund-modal .toggle-segment .checkbox:last-child label {
+  border-right: none;
+}
+
+.process-refund-modal .toggle-segment .checkbox label input[type="radio"] {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  cursor: pointer;
+  position: relative;
+  outline: none;
+  border: 0;
+  background-color: transparent;
+  margin: 0;
+  padding: 0;
+}
+
+.process-refund-modal
+  .toggle-segment
+  .checkbox
+  label
+  input[type="radio"]:checked::before {
+  content: "";
+  position: absolute;
+  top: 0.25rem;
+  left: 0;
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: #17b26a;
+  border-radius: 50%;
+}
+
+.process-refund-modal
+  .toggle-segment
+  .checkbox
+  label:has(input[type="radio"]:checked) {
+  background-color: #fafafa;
+  font-weight: 600;
+  color: #252b37;
+  gap: 1rem;
+}
+
+.process-refund-modal
+  .toggle-segment
+  .checkbox
+  label:not(:has(input[type="radio"]:checked)) {
+  gap: 0;
+}
+
+.process-refund-modal .checkbox-label {
+  margin: 0;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #535862;
+}

data/app/assets/stylesheets/kaui/role_definitions.css

@@ -0,0 +1,111 @@
+.kaui-role-definitions-new .new-role-definition-title {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  letter-spacing: 0;
+  color: #1b1c1e;
+  padding: 1rem 0;
+  margin-bottom: 1.5rem;
+}
+
+.kaui-role-definitions-new .icon-container {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border: 0.0625rem solid #d5d7da;
+  border-radius: 0.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.25rem;
+}
+
+.kaui-role-definitions-new .icon-container img {
+  width: 1rem;
+  height: 1rem;
+}
+
+.kaui-role-definitions-new .control-label {
+  font-size: 0.875rem !important;
+  font-weight: 500 !important;
+  line-height: 1.25rem !important;
+  color: #414651 !important;
+}
+
+.kaui-role-definitions-new .form-control {
+  border-radius: 0.375rem !important;
+  height: 2.5rem !important;
+}
+
+.kaui-role-definitions-new .help-block {
+  margin: 0;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #535862;
+}
+
+.kaui-role-definitions-new .border-button {
+  background: transparent;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border: 0.0625rem solid #d5d7da;
+  border-radius: 0.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.625rem;
+}
+
+.kaui-role-definitions-new .border-button:hover {
+  background: transparent;
+}
+
+.kaui-role-definitions-new .premissions-group .chip-input-container {
+  min-height: 2.5rem;
+  cursor: text;
+  display: flex !important;
+  flex-wrap: nowrap !important;
+  overflow-x: auto;
+  overflow-y: hidden;
+  gap: 0.5rem;
+
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.kaui-role-definitions-new
+  .premissions-group
+  .chip-input-container::-webkit-scrollbar {
+  display: none;
+}
+
+.kaui-role-definitions-new .premissions-group .chip {
+  background: #fafafa !important;
+  padding: 0.125rem 0.375rem !important;
+  border-radius: 0.25rem !important;
+  border: 0.0625rem solid #f5f5f5 !important;
+  display: flex !important;
+  color: #414651 !important;
+  align-items: center !important;
+  font-size: 0.75rem !important;
+  margin: 0 !important;
+  white-space: nowrap !important;
+  font-weight: 500 !important;
+  line-height: 1.125rem !important;
+  text-align: center !important;
+}
+
+.kaui-role-definitions-new .premissions-group .chip .remove-chip {
+  margin-left: 0.5rem;
+  cursor: pointer;
+  color: #666;
+}
+
+.kaui-role-definitions-new .premissions-group .chip-text-input {
+  min-width: 6.25rem;
+  width: 100% !important;
+  outline: none;
+}

data/app/assets/stylesheets/kaui/sidebar.css

@@ -0,0 +1,122 @@
+/* app/views/kaui/layouts/kaui_account_sidebar.html.erb */
+
+.account-sidebar-area .container {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  width: 8.4375rem;
+  background-color: #fff;
+}
+
+.account-sidebar-area .container p {
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  color: #414651;
+  margin-bottom: 1.25rem;
+}
+
+.account-sidebar-area .container a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  text-decoration: none;
+  color: #717680;
+  font-size: 0.875rem;
+  border-radius: 0.5rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+.account-sidebar-area .container a.current {
+  background-color: #EFF8FF;
+  color: #175CD3;
+}
+
+.account-sidebar-area .container a .icon {
+  font-size: 1rem;
+  width: 1.25rem;
+  text-align: center;
+}
+
+.account-sidebar-area .container span.label.label-danger {
+  margin-left: 1rem;
+  color: #fff;
+  background: #dc3545;
+  padding: 0.125rem 0.5rem;
+  border-radius: 0.25rem;
+  font-size: 0.75rem;
+  display: inline-block;
+  margin-top: 0.625rem;
+}
+
+.account-sidebar-area .container a .icon img {
+  filter: grayscale(100%) brightness(0.7);
+}
+
+.account-sidebar-area .container a.current .icon img {
+  filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(748%) hue-rotate(189deg) brightness(93%) contrast(101%);
+}
+
+/* app/views/kaui/layouts/kaui_setting_sidebar.html.erb */
+
+.setting-sidebar-area .container {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  width: 9rem;
+  background-color: #fff;
+}
+
+.setting-sidebar-area .container p {
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  color: #414651;
+  margin-bottom: 1.25rem;
+}
+
+.setting-sidebar-area .container a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  text-decoration: none;
+  color: #717680;
+  font-size: 0.875rem;
+  border-radius: 0.5rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+.setting-sidebar-area .container a.current {
+  background-color: #eff8ff;
+  color: #175cd3;
+}
+
+.setting-sidebar-area .container a .icon {
+  font-size: 1rem;
+  width: 1.25rem;
+  text-align: center;
+}
+
+.setting-sidebar-area .container span.label.label-danger {
+  margin-left: 1rem;
+  color: #fff;
+  background: #dc3545;
+  padding: 0.125rem 0.5rem;
+  border-radius: 0.25rem;
+  font-size: 0.75rem;
+  display: inline-block;
+  margin-top: 0.625rem;
+}
+
+.setting-sidebar-area .container a .icon img {
+  filter: grayscale(100%) brightness(0.7);
+}
+
+.setting-sidebar-area .container a.current .icon img {
+  filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(748%)
+    hue-rotate(189deg) brightness(93%) contrast(101%);
+}