@everymatrix/pam-statement-history 0.0.1

package/dist/cjs/pam-statement-history.cjs.entry.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const pamStatementHistory = require('./pam-statement-history-b224d6b2.js');
+require('./index-fb94c0e0.js');
+
+
+
+exports.pam_statement_history = pamStatementHistory.PamStatementHistory;

package/dist/cjs/pam-statement-history.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb94c0e0.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('pam-statement-history.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["pam-statement-history.cjs",[[1,"pam-statement-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"session":[1],"playerid":[1],"endpoint":[1],"statementenabled":[1],"postMessage":[516,"post-message"],"language":[1],"quickFiltersActive":[516,"quick-filters-active"],"clientStylingUrlContent":[513,"client-styling-url-content"],"dateformat":[1],"translationUrl":[513,"translation-url"],"activeTab":[32],"activeFilter":[32],"transactions":[32],"isLoading":[32],"errorMessage":[32],"customStartDate":[32],"customEndDate":[32],"currentPage":[32],"hasNextPage":[32],"itemsPerPage":[32],"copiedId":[32],"isStatementEnabled":[32]},null,{"statementenabled":["handleStatementEnabledChange"],"activeTab":["handleTabChange"],"activeFilter":["handleFilterChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"session":["handleAuthDataChange"],"playerid":["handleAuthDataChange"],"endpoint":["handleAuthDataChange"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/pam-statement-history/pam-statement-history.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/pam-statement-history/index.js

@@ -0,0 +1 @@
+export { PamStatementHistory } from './pam-statement-history';

package/dist/collection/components/pam-statement-history/pam-statement-history.css

@@ -0,0 +1,427 @@
+:host {
+  display: block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  color: var(--emw--color-contrast, #333);
+}
+
+.statement-wrapper {
+  max-width: 100%;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: var(--emw--color-white, #ffffff);
+  border-radius: 10px;
+  padding: 30px 40px;
+}
+@media (max-width: 600px) {
+  .statement-wrapper {
+    padding: 15px;
+    background-color: transparent;
+  }
+}
+
+.header {
+  margin-bottom: 20px;
+}
+.header h2 {
+  font-size: 19px;
+  font-weight: 700;
+  margin: 0;
+  color: var(--emw--color-contrast, #1a1a1a);
+}
+
+.desktop-tabs {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 5px;
+}
+.desktop-tabs::-webkit-scrollbar {
+  height: 4px;
+}
+.desktop-tabs::-webkit-scrollbar-thumb {
+  background-color: var(--emw--color-gray-200, #ccc);
+  border-radius: 4px;
+}
+.desktop-tabs .tab-btn {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  background-color: var(--emw--color-gray-100, #f0f0f0);
+  color: var(--emw--color-gray-300, #666);
+  transition: all 0.2s ease;
+  white-space: nowrap;
+}
+.desktop-tabs .tab-btn.active {
+  background-color: var(--emw--color-primary, #ff6b00);
+  color: var(--emw--color-white, #fff);
+}
+.desktop-tabs .tab-btn:hover:not(.active) {
+  background-color: var(--emw--color-gray-200, #e4e4e4);
+}
+@media (max-width: 600px) {
+  .desktop-tabs {
+    display: none;
+  }
+}
+
+.mobile-tabs-select {
+  display: none;
+  margin-bottom: 20px;
+}
+.mobile-tabs-select select {
+  width: 100%;
+  padding: 12px 16px;
+  border-radius: 8px;
+  border: 1px solid var(--emw--color-gray-200, #ddd);
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--emw--color-black, #000);
+  background-color: var(--emw--color-white, #fff);
+  appearance: none;
+  background: var(--emw--color-white, #fff) url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 97% center no-repeat;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
+}
+.mobile-tabs-select select:focus {
+  outline: none;
+  border-color: var(--emw--color-primary, #ff6b00);
+}
+@media (max-width: 600px) {
+  .mobile-tabs-select {
+    display: block;
+  }
+}
+
+.card-container {
+  background: transparent;
+  border-radius: 0;
+  padding: 0;
+  box-shadow: none;
+  margin-top: 20px;
+}
+
+.filters-container {
+  display: flex;
+  gap: 20px;
+  border-bottom: 1px solid var(--emw--color-gray-100, #eee);
+  padding-bottom: 12px;
+  margin-bottom: 16px;
+  overflow-x: auto;
+  white-space: nowrap;
+}
+.filters-container .filter-btn {
+  background: none;
+  border: none;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--emw--color-gray-150, #888);
+  cursor: pointer;
+  padding: 0;
+}
+.filters-container .filter-btn.active {
+  color: var(--emw--color-primary, #ff6b00);
+}
+.filters-container .filter-btn:hover {
+  color: var(--emw--color-contrast, #333);
+}
+
+.custom-date-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  margin-bottom: 24px;
+}
+@media (max-width: 600px) {
+  .custom-date-wrapper {
+    align-items: stretch;
+  }
+}
+.custom-date-wrapper .calendar-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 20px;
+  width: 100%;
+  box-sizing: border-box;
+  background-color: var(--emw--color-background, #f8f9fa);
+  border: 1px solid var(--emw--color-gray-100, #eee);
+  border-radius: 8px;
+  padding: 12px 16px;
+}
+@media (max-width: 600px) {
+  .custom-date-wrapper .calendar-container {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 16px;
+    padding: 16px;
+  }
+}
+.custom-date-wrapper .date-limit-warning {
+  color: var(--emw--color-error, #d32f2f);
+  font-size: 13px;
+  margin-top: 8px;
+  width: 100%;
+}
+.custom-date-wrapper .calendar-field {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+}
+@media (max-width: 600px) {
+  .custom-date-wrapper .calendar-field {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+  }
+}
+.custom-date-wrapper .calendar-field label {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--emw--color-gray-300, #555);
+  min-width: 40px;
+  margin: 0;
+  white-space: nowrap;
+}
+.custom-date-wrapper .calendar-field .VaadinDatePicker {
+  width: 100%;
+  flex: 1;
+}
+.custom-date-wrapper .apply-date-btn {
+  padding: 0 24px;
+  height: 44px;
+  background-color: var(--emw--color-primary, #ff6b00);
+  color: var(--emw--color-white, #fff);
+  border: none;
+  border-radius: 6px;
+  font-weight: 600;
+  font-size: 15px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  white-space: nowrap;
+}
+@media (max-width: 600px) {
+  .custom-date-wrapper .apply-date-btn {
+    width: 100%;
+  }
+}
+.custom-date-wrapper .apply-date-btn:hover:not(:disabled) {
+  background-color: var(--emw--color-hover, #e66000);
+}
+.custom-date-wrapper .apply-date-btn:disabled {
+  background-color: var(--emw--color-primary-disabled, #ffd6b3);
+  color: var(--emw--color-white, #fff);
+  cursor: not-allowed;
+}
+
+.transactions-list {
+  display: flex;
+  flex-direction: column;
+}
+.transactions-list .empty-state {
+  padding: 30px;
+  text-align: center;
+  color: var(--emw--color-gray-300, #666);
+  font-size: 14px;
+}
+.transactions-list .empty-state.error {
+  color: var(--emw--color-error, #d32f2f);
+}
+.transactions-list .transaction-item {
+  border-bottom: 1px solid var(--emw--color-gray-100, #f0f0f0);
+  padding: 16px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.transactions-list .transaction-item:last-child {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+.transactions-list .transaction-item .row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.transactions-list .transaction-item .category-group {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.transactions-list .transaction-item .category-group .category {
+  font-size: 14px;
+  color: var(--emw--color-secondary, #5bb4ff);
+}
+.transactions-list .transaction-item .category-group .status-badge {
+  font-size: 12px;
+  padding: 3px 8px;
+  border-radius: 12px;
+  font-weight: 600;
+}
+.transactions-list .transaction-item .category-group .status-badge.won, .transactions-list .transaction-item .category-group .status-badge.success {
+  background-color: var(--emw--color-valid-bg, #e8f5e9);
+  color: var(--emw--color-valid, #4caf50);
+}
+.transactions-list .transaction-item .category-group .status-badge.placed {
+  background-color: var(--emw--color-info-bg, #e3f2fd);
+  color: var(--emw--color-info, #2196f3);
+}
+.transactions-list .transaction-item .category-group .status-badge.tax {
+  background-color: var(--emw--color-gray-50, #f5f5f5);
+  color: var(--emw--color-gray-300, #607d8b);
+}
+.transactions-list .transaction-item .category-group .status-badge.pendingnotification, .transactions-list .transaction-item .category-group .status-badge.pending {
+  color: var(--emw--color-pending, #F5A623);
+}
+.transactions-list .transaction-item .category-group .status-badge.failed, .transactions-list .transaction-item .category-group .status-badge.declined, .transactions-list .transaction-item .category-group .status-badge.cancelled {
+  color: var(--emw--color-error, #d32f2f);
+}
+.transactions-list .transaction-item .amount {
+  font-size: 15px;
+  font-weight: 600;
+}
+.transactions-list .transaction-item .amount.positive {
+  color: var(--emw--color-valid, #4caf50);
+}
+.transactions-list .transaction-item .amount.negative {
+  color: var(--emw--color-secondary, #5bb4ff);
+}
+.transactions-list .transaction-item .middle-row {
+  justify-content: space-between;
+}
+.transactions-list .transaction-item .middle-row .transaction-id {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--emw--color-contrast, #333);
+  word-break: break-all;
+  padding-right: 16px;
+}
+.transactions-list .transaction-item .middle-row .copy-action-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-width: 30px;
+  min-height: 30px;
+  justify-content: center;
+  cursor: pointer;
+  padding: 8px;
+  margin-right: -8px;
+}
+.transactions-list .transaction-item .middle-row .copy-action-wrapper .copy-icon {
+  fill: var(--emw--color-gray-300, #4a4a4a);
+  stroke: var(--emw--color-white, #ffffff);
+  stroke-width: 2px;
+  cursor: pointer;
+  transition: transform 0.1s;
+  pointer-events: none;
+}
+.transactions-list .transaction-item .middle-row .copy-action-wrapper .copy-icon:hover .copy-icon {
+  transform: scale(1.1);
+}
+.transactions-list .transaction-item .middle-row .copy-action-wrapper .copy-icon:active {
+  transform: scale(0.95);
+}
+.transactions-list .transaction-item .middle-row .copy-action-wrapper .copied-tooltip {
+  position: absolute;
+  right: 100%;
+  margin-right: 8px;
+  background: var(--emw--color-contrast, #333);
+  color: var(--emw--color-white, #fff);
+  font-size: 12px;
+  font-weight: 500;
+  padding: 2px 6px;
+  border-radius: 4px;
+  white-space: nowrap;
+  pointer-events: none;
+  animation: fadeInOutCopy 2s ease forwards;
+}
+.transactions-list .transaction-item .bottom-row {
+  font-size: 13px;
+  color: var(--emw--color-gray-150, #888);
+}
+.transactions-list .transaction-item .bottom-row .balance strong {
+  color: var(--emw--color-contrast, #333);
+}
+
+@keyframes fadeInOutCopy {
+  0% {
+    opacity: 0;
+    transform: translateX(5px);
+  }
+  10% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  80% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.pagination-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid var(--emw--color-gray-100, #eee);
+}
+.pagination-container .pagination-btn {
+  background-color: var(--emw--color-white, #fff);
+  border: 1px solid var(--emw--color-gray-200, #ddd);
+  color: var(--emw--color-primary, #ff6b00);
+  font-size: 14px;
+  font-weight: 600;
+  padding: 8px 16px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.pagination-container .pagination-btn:hover:not(:disabled) {
+  background-color: var(--emw--color-primary-light, #fff5f0);
+  border-color: var(--emw--color-primary, #ff6b00);
+}
+.pagination-container .pagination-btn:disabled {
+  color: var(--emw--color-gray-200, #bbb);
+  border-color: var(--emw--color-gray-100, #eee);
+  cursor: not-allowed;
+}
+.pagination-container .pagination-btn.next-btn::after {
+  content: ">";
+  font-weight: bold;
+}
+.pagination-container .pagination-btn.prev-btn::before {
+  content: "<";
+  font-weight: bold;
+}
+.pagination-container .page-indicator {
+  color: var(--emw--color-gray-300, #666);
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.verify-access-loading {
+  height: 100dvh;
+  border: 2px solid red;
+  background-color: var(--emw--color-white, #ffffff);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.verify-access-loading .loading-text {
+  color: var(--emw--color-gray-300, #666666);
+  font-size: 16px;
+  font-weight: 500;
+}