@everymatrix/pam-statement-history 0.0.27 → 0.0.29

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 (22) hide show
  1. package/dist/cjs/{index-fb94c0e0.js → index-464df915.js} +4 -1
  2. package/dist/cjs/index.cjs.js +2 -2
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{pam-statement-history-b224d6b2.js → pam-statement-history-7a7b04ee.js} +25 -17
  5. package/dist/cjs/pam-statement-history.cjs.entry.js +2 -2
  6. package/dist/cjs/pam-statement-history.cjs.js +2 -2
  7. package/dist/collection/components/pam-statement-history/pam-statement-history.css +39 -2
  8. package/dist/collection/components/pam-statement-history/pam-statement-history.js +29 -20
  9. package/dist/esm/{index-02b4ec70.js → index-50c7699a.js} +4 -1
  10. package/dist/esm/index.js +2 -2
  11. package/dist/esm/loader.js +3 -3
  12. package/dist/esm/{pam-statement-history-dc238928.js → pam-statement-history-bbad60d1.js} +25 -17
  13. package/dist/esm/pam-statement-history.entry.js +2 -2
  14. package/dist/esm/pam-statement-history.js +3 -3
  15. package/dist/pam-statement-history/{index-02b4ec70.js → index-50c7699a.js} +2 -2
  16. package/dist/pam-statement-history/index.esm.js +1 -1
  17. package/dist/pam-statement-history/{pam-statement-history-dc238928.js → pam-statement-history-bbad60d1.js} +132 -132
  18. package/dist/pam-statement-history/pam-statement-history.entry.js +1 -1
  19. package/dist/pam-statement-history/pam-statement-history.esm.js +1 -1
  20. package/dist/types/components/pam-statement-history/pam-statement-history.d.ts +5 -2
  21. package/dist/types/components.d.ts +2 -2
  22. package/package.json +1 -1
package/dist/cjs/{index-fb94c0e0.js → index-464df915.js} RENAMED
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'pam-statement-history';
24
- const BUILD = /* pam-statement-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
24
+ const BUILD = /* pam-statement-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
25
25
 
26
26
  /*
27
27
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -898,6 +898,9 @@ var postUpdateComponent = (hostRef) => {
898
898
  }
899
899
  }
900
900
  } else {
901
+ {
902
+ safeCall(instance, "componentDidUpdate");
903
+ }
901
904
  endPostUpdate();
902
905
  }
903
906
  {
package/dist/cjs/index.cjs.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const pamStatementHistory = require('./pam-statement-history-b224d6b2.js');
6
- require('./index-fb94c0e0.js');
5
+ const pamStatementHistory = require('./pam-statement-history-7a7b04ee.js');
6
+ require('./index-464df915.js');
7
7
 
8
8
 
9
9
 
package/dist/cjs/loader.cjs.js CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-fb94c0e0.js');
5
+ const index = require('./index-464df915.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- 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);
11
+ return index.bootstrapLazy([["pam-statement-history.cjs",[[1,"pam-statement-history",{"mbsource":[1],"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);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/cjs/{pam-statement-history-b224d6b2.js → pam-statement-history-7a7b04ee.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-fb94c0e0.js');
3
+ const index = require('./index-464df915.js');
4
4
 
5
5
  const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
6
6
 
@@ -12069,12 +12069,13 @@ function subMonths(dirtyDate, dirtyAmount) {
12069
12069
  return addMonths(dirtyDate, -amount);
12070
12070
  }
12071
12071
 
12072
- const pamStatementHistoryCss = ":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}";
12072
+ const pamStatementHistoryCss = ":host{display:block;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;color:var(--emw--color-contrast, #333);height:auto;min-height:100%}.statement-wrapper{max-width:100%;width:100%;min-height:100%;height:auto;box-sizing:border-box;background-color:var(--emw--color-white, #ffffff);border-radius:10px;padding:30px 40px;display:flex;flex-direction:column}@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;display:flex;flex-direction:column;flex:1 0 auto}.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-white, #ffffff);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}vaadin-date-picker.VaadinDatePicker{box-shadow:none;border:1px solid var(--emw--pam-border, rgba(255, 255, 255, 0.3));border-radius:var(--emw--border-radius, 8px);background-color:transparent}vaadin-date-picker.VaadinDatePicker input[slot=input],vaadin-date-picker.VaadinDatePicker input[id^=search-input-vaadin-date-picker]{color:var(--emw--color-white, #ffffff) !important;background-color:transparent;padding-left:12px;border:none;border-radius:var(--emw--border-radius, 8px);box-shadow:none !important;outline:none;-webkit-appearance:none}vaadin-date-picker.VaadinDatePicker:focus-within{border-color:var(--emw--color-primary, #ffc107)}.transactions-list{display:flex;flex-direction:column;flex:1 0 auto}.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);margin-bottom:20px}@media (max-width: 600px){.pagination-container{padding-bottom:calc(90px + env(safe-area-inset-bottom, 0px));margin-bottom:0}}.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}";
12073
12073
  const PamStatementHistoryStyle0 = pamStatementHistoryCss;
12074
12074
 
12075
12075
  const PamStatementHistory = class {
12076
12076
  constructor(hostRef) {
12077
12077
  index.registerInstance(this, hostRef);
12078
+ this.stylingInitialized = false;
12078
12079
  this.calendarMaxDate = '';
12079
12080
  this.fetchToken = 0;
12080
12081
  this.fetchData = async () => {
@@ -12189,7 +12190,7 @@ const PamStatementHistory = class {
12189
12190
  if (input.value)
12190
12191
  this.customEndDate = input.value;
12191
12192
  };
12192
- this.mbSource = undefined;
12193
+ this.mbsource = '';
12193
12194
  this.clientStyling = undefined;
12194
12195
  this.clientStylingUrl = undefined;
12195
12196
  this.session = '';
@@ -12222,6 +12223,20 @@ const PamStatementHistory = class {
12222
12223
  }
12223
12224
  return translatedValue ? translatedValue : key;
12224
12225
  }
12226
+ initStyling() {
12227
+ if (!this.statementContainer || this.stylingInitialized)
12228
+ return;
12229
+ if (this.mbsource) {
12230
+ setStreamStyling(this.statementContainer, `${this.mbsource}.Style`, this.stylingSubscription);
12231
+ }
12232
+ if (this.clientStyling) {
12233
+ setClientStyling(this.statementContainer, this.clientStyling);
12234
+ }
12235
+ if (this.clientStylingUrl) {
12236
+ setClientStylingURL(this.statementContainer, this.clientStylingUrl);
12237
+ }
12238
+ this.stylingInitialized = true;
12239
+ }
12225
12240
  formatCurrencyAmount(value) {
12226
12241
  if (value === null || value === undefined || isNaN(value))
12227
12242
  return '0.00';
@@ -12273,9 +12288,9 @@ const PamStatementHistory = class {
12273
12288
  setClientStylingURL(this.statementContainer, this.clientStylingUrl);
12274
12289
  }
12275
12290
  }
12276
- handleMbSourceChange(newValue, oldValue) {
12291
+ handlembsourceChange(newValue, oldValue) {
12277
12292
  if (newValue !== oldValue) {
12278
- setStreamStyling(this.statementContainer, `${this.mbSource}.Style`, this.stylingSubscription);
12293
+ setStreamStyling(this.statementContainer, `${this.mbsource}.Style`, this.stylingSubscription);
12279
12294
  }
12280
12295
  }
12281
12296
  handleAuthDataChange() {
@@ -12283,6 +12298,9 @@ const PamStatementHistory = class {
12283
12298
  this.fetchData();
12284
12299
  }
12285
12300
  }
12301
+ componentDidUpdate() {
12302
+ this.initStyling();
12303
+ }
12286
12304
  componentDidLoad() {
12287
12305
  if (this.statementenabled === 'false') {
12288
12306
  window.location.replace('/account/profile-info');
@@ -12290,17 +12308,7 @@ const PamStatementHistory = class {
12290
12308
  else if (this.statementenabled === 'true') {
12291
12309
  this.isStatementEnabled = false;
12292
12310
  }
12293
- if (this.statementContainer) {
12294
- if (this.mbSource) {
12295
- setStreamStyling(this.statementContainer, `${this.mbSource}.Style`, this.stylingSubscription);
12296
- }
12297
- if (this.clientStyling) {
12298
- setClientStyling(this.statementContainer, this.clientStyling);
12299
- }
12300
- if (this.clientStylingUrl) {
12301
- setClientStylingURL(this.statementContainer, this.clientStylingUrl);
12302
- }
12303
- }
12311
+ this.initStyling();
12304
12312
  }
12305
12313
  disconnectedCallback() {
12306
12314
  if (this.stylingSubscription) {
@@ -12482,7 +12490,7 @@ const PamStatementHistory = class {
12482
12490
  "activeFilter": ["handleFilterChange"],
12483
12491
  "clientStyling": ["handleClientStylingChange"],
12484
12492
  "clientStylingUrl": ["handleClientStylingUrlChange"],
12485
- "mbSource": ["handleMbSourceChange"],
12493
+ "mbsource": ["handlembsourceChange"],
12486
12494
  "session": ["handleAuthDataChange"],
12487
12495
  "playerid": ["handleAuthDataChange"],
12488
12496
  "endpoint": ["handleAuthDataChange"]
package/dist/cjs/pam-statement-history.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const pamStatementHistory = require('./pam-statement-history-b224d6b2.js');
6
- require('./index-fb94c0e0.js');
5
+ const pamStatementHistory = require('./pam-statement-history-7a7b04ee.js');
6
+ require('./index-464df915.js');
7
7
 
8
8
 
9
9
 
package/dist/cjs/pam-statement-history.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-fb94c0e0.js');
5
+ const index = require('./index-464df915.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- 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);
22
+ return index.bootstrapLazy([["pam-statement-history.cjs",[[1,"pam-statement-history",{"mbsource":[1],"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);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/collection/components/pam-statement-history/pam-statement-history.css CHANGED
@@ -2,16 +2,21 @@
2
2
  display: block;
3
3
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
4
4
  color: var(--emw--color-contrast, #333);
5
+ height: auto;
6
+ min-height: 100%;
5
7
  }
6
8
 
7
9
  .statement-wrapper {
8
10
  max-width: 100%;
9
11
  width: 100%;
10
- height: 100%;
12
+ min-height: 100%;
13
+ height: auto;
11
14
  box-sizing: border-box;
12
15
  background-color: var(--emw--color-white, #ffffff);
13
16
  border-radius: 10px;
14
17
  padding: 30px 40px;
18
+ display: flex;
19
+ flex-direction: column;
15
20
  }
16
21
  @media (max-width: 600px) {
17
22
  .statement-wrapper {
@@ -103,6 +108,9 @@
103
108
  padding: 0;
104
109
  box-shadow: none;
105
110
  margin-top: 20px;
111
+ display: flex;
112
+ flex-direction: column;
113
+ flex: 1 0 auto;
106
114
  }
107
115
 
108
116
  .filters-container {
@@ -185,7 +193,7 @@
185
193
  .custom-date-wrapper .calendar-field label {
186
194
  font-size: 14px;
187
195
  font-weight: 500;
188
- color: var(--emw--color-gray-300, #555);
196
+ color: var(--emw--color-white, #ffffff);
189
197
  min-width: 40px;
190
198
  margin: 0;
191
199
  white-space: nowrap;
@@ -221,9 +229,31 @@
221
229
  cursor: not-allowed;
222
230
  }
223
231
 
232
+ vaadin-date-picker.VaadinDatePicker {
233
+ box-shadow: none;
234
+ border: 1px solid var(--emw--pam-border, rgba(255, 255, 255, 0.3));
235
+ border-radius: var(--emw--border-radius, 8px);
236
+ background-color: transparent;
237
+ }
238
+ vaadin-date-picker.VaadinDatePicker input[slot=input],
239
+ vaadin-date-picker.VaadinDatePicker input[id^=search-input-vaadin-date-picker] {
240
+ color: var(--emw--color-white, #ffffff) !important;
241
+ background-color: transparent;
242
+ padding-left: 12px;
243
+ border: none;
244
+ border-radius: var(--emw--border-radius, 8px);
245
+ box-shadow: none !important;
246
+ outline: none;
247
+ -webkit-appearance: none;
248
+ }
249
+ vaadin-date-picker.VaadinDatePicker:focus-within {
250
+ border-color: var(--emw--color-primary, #ffc107);
251
+ }
252
+
224
253
  .transactions-list {
225
254
  display: flex;
226
255
  flex-direction: column;
256
+ flex: 1 0 auto;
227
257
  }
228
258
  .transactions-list .empty-state {
229
259
  padding: 30px;
@@ -374,6 +404,13 @@
374
404
  margin-top: 24px;
375
405
  padding-top: 16px;
376
406
  border-top: 1px solid var(--emw--color-gray-100, #eee);
407
+ margin-bottom: 20px;
408
+ }
409
+ @media (max-width: 600px) {
410
+ .pagination-container {
411
+ padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px));
412
+ margin-bottom: 0;
413
+ }
377
414
  }
378
415
  .pagination-container .pagination-btn {
379
416
  background-color: var(--emw--color-white, #fff);
package/dist/collection/components/pam-statement-history/pam-statement-history.js CHANGED
@@ -5,6 +5,7 @@ import "../../../../../../../libs/vaadin-facade/index";
5
5
  import { format, subMonths, startOfDay, endOfDay, parse } from "date-fns";
6
6
  export class PamStatementHistory {
7
7
  constructor() {
8
+ this.stylingInitialized = false;
8
9
  this.calendarMaxDate = '';
9
10
  this.fetchToken = 0;
10
11
  this.fetchData = async () => {
@@ -119,7 +120,7 @@ export class PamStatementHistory {
119
120
  if (input.value)
120
121
  this.customEndDate = input.value;
121
122
  };
122
- this.mbSource = undefined;
123
+ this.mbsource = '';
123
124
  this.clientStyling = undefined;
124
125
  this.clientStylingUrl = undefined;
125
126
  this.session = '';
@@ -152,6 +153,20 @@ export class PamStatementHistory {
152
153
  }
153
154
  return translatedValue ? translatedValue : key;
154
155
  }
156
+ initStyling() {
157
+ if (!this.statementContainer || this.stylingInitialized)
158
+ return;
159
+ if (this.mbsource) {
160
+ setStreamStyling(this.statementContainer, `${this.mbsource}.Style`, this.stylingSubscription);
161
+ }
162
+ if (this.clientStyling) {
163
+ setClientStyling(this.statementContainer, this.clientStyling);
164
+ }
165
+ if (this.clientStylingUrl) {
166
+ setClientStylingURL(this.statementContainer, this.clientStylingUrl);
167
+ }
168
+ this.stylingInitialized = true;
169
+ }
155
170
  formatCurrencyAmount(value) {
156
171
  if (value === null || value === undefined || isNaN(value))
157
172
  return '0.00';
@@ -203,9 +218,9 @@ export class PamStatementHistory {
203
218
  setClientStylingURL(this.statementContainer, this.clientStylingUrl);
204
219
  }
205
220
  }
206
- handleMbSourceChange(newValue, oldValue) {
221
+ handlembsourceChange(newValue, oldValue) {
207
222
  if (newValue !== oldValue) {
208
- setStreamStyling(this.statementContainer, `${this.mbSource}.Style`, this.stylingSubscription);
223
+ setStreamStyling(this.statementContainer, `${this.mbsource}.Style`, this.stylingSubscription);
209
224
  }
210
225
  }
211
226
  handleAuthDataChange() {
@@ -213,6 +228,9 @@ export class PamStatementHistory {
213
228
  this.fetchData();
214
229
  }
215
230
  }
231
+ componentDidUpdate() {
232
+ this.initStyling();
233
+ }
216
234
  componentDidLoad() {
217
235
  if (this.statementenabled === 'false') {
218
236
  window.location.replace('/account/profile-info');
@@ -220,17 +238,7 @@ export class PamStatementHistory {
220
238
  else if (this.statementenabled === 'true') {
221
239
  this.isStatementEnabled = false;
222
240
  }
223
- if (this.statementContainer) {
224
- if (this.mbSource) {
225
- setStreamStyling(this.statementContainer, `${this.mbSource}.Style`, this.stylingSubscription);
226
- }
227
- if (this.clientStyling) {
228
- setClientStyling(this.statementContainer, this.clientStyling);
229
- }
230
- if (this.clientStylingUrl) {
231
- setClientStylingURL(this.statementContainer, this.clientStylingUrl);
232
- }
233
- }
241
+ this.initStyling();
234
242
  }
235
243
  disconnectedCallback() {
236
244
  if (this.stylingSubscription) {
@@ -420,7 +428,7 @@ export class PamStatementHistory {
420
428
  }
421
429
  static get properties() {
422
430
  return {
423
- "mbSource": {
431
+ "mbsource": {
424
432
  "type": "string",
425
433
  "mutable": false,
426
434
  "complexType": {
@@ -428,14 +436,15 @@ export class PamStatementHistory {
428
436
  "resolved": "string",
429
437
  "references": {}
430
438
  },
431
- "required": true,
439
+ "required": false,
432
440
  "optional": false,
433
441
  "docs": {
434
442
  "tags": [],
435
443
  "text": ""
436
444
  },
437
- "attribute": "mb-source",
438
- "reflect": true
445
+ "attribute": "mbsource",
446
+ "reflect": false,
447
+ "defaultValue": "''"
439
448
  },
440
449
  "clientStyling": {
441
450
  "type": "string",
@@ -686,8 +695,8 @@ export class PamStatementHistory {
686
695
  "propName": "clientStylingUrl",
687
696
  "methodName": "handleClientStylingUrlChange"
688
697
  }, {
689
- "propName": "mbSource",
690
- "methodName": "handleMbSourceChange"
698
+ "propName": "mbsource",
699
+ "methodName": "handlembsourceChange"
691
700
  }, {
692
701
  "propName": "session",
693
702
  "methodName": "handleAuthDataChange"
package/dist/esm/{index-02b4ec70.js → index-50c7699a.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  const NAMESPACE = 'pam-statement-history';
2
- const BUILD = /* pam-statement-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
2
+ const BUILD = /* pam-statement-history */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
3
3
 
4
4
  /*
5
5
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -876,6 +876,9 @@ var postUpdateComponent = (hostRef) => {
876
876
  }
877
877
  }
878
878
  } else {
879
+ {
880
+ safeCall(instance, "componentDidUpdate");
881
+ }
879
882
  endPostUpdate();
880
883
  }
881
884
  {
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { P as PamStatementHistory } from './pam-statement-history-dc238928.js';
2
- import './index-02b4ec70.js';
1
+ export { P as PamStatementHistory } from './pam-statement-history-bbad60d1.js';
2
+ import './index-50c7699a.js';
package/dist/esm/loader.js CHANGED
@@ -1,11 +1,11 @@
1
- import { b as bootstrapLazy } from './index-02b4ec70.js';
2
- export { s as setNonce } from './index-02b4ec70.js';
1
+ import { b as bootstrapLazy } from './index-50c7699a.js';
2
+ export { s as setNonce } from './index-50c7699a.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["pam-statement-history",[[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);
8
+ return bootstrapLazy([["pam-statement-history",[[1,"pam-statement-history",{"mbsource":[1],"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);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
package/dist/esm/{pam-statement-history-dc238928.js → pam-statement-history-bbad60d1.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, F as Fragment } from './index-02b4ec70.js';
1
+ import { r as registerInstance, h, F as Fragment } from './index-50c7699a.js';
2
2
 
3
3
  const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
4
4
 
@@ -12067,12 +12067,13 @@ function subMonths(dirtyDate, dirtyAmount) {
12067
12067
  return addMonths(dirtyDate, -amount);
12068
12068
  }
12069
12069
 
12070
- const pamStatementHistoryCss = ":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}";
12070
+ const pamStatementHistoryCss = ":host{display:block;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;color:var(--emw--color-contrast, #333);height:auto;min-height:100%}.statement-wrapper{max-width:100%;width:100%;min-height:100%;height:auto;box-sizing:border-box;background-color:var(--emw--color-white, #ffffff);border-radius:10px;padding:30px 40px;display:flex;flex-direction:column}@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;display:flex;flex-direction:column;flex:1 0 auto}.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-white, #ffffff);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}vaadin-date-picker.VaadinDatePicker{box-shadow:none;border:1px solid var(--emw--pam-border, rgba(255, 255, 255, 0.3));border-radius:var(--emw--border-radius, 8px);background-color:transparent}vaadin-date-picker.VaadinDatePicker input[slot=input],vaadin-date-picker.VaadinDatePicker input[id^=search-input-vaadin-date-picker]{color:var(--emw--color-white, #ffffff) !important;background-color:transparent;padding-left:12px;border:none;border-radius:var(--emw--border-radius, 8px);box-shadow:none !important;outline:none;-webkit-appearance:none}vaadin-date-picker.VaadinDatePicker:focus-within{border-color:var(--emw--color-primary, #ffc107)}.transactions-list{display:flex;flex-direction:column;flex:1 0 auto}.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);margin-bottom:20px}@media (max-width: 600px){.pagination-container{padding-bottom:calc(90px + env(safe-area-inset-bottom, 0px));margin-bottom:0}}.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}";
12071
12071
  const PamStatementHistoryStyle0 = pamStatementHistoryCss;
12072
12072
 
12073
12073
  const PamStatementHistory = class {
12074
12074
  constructor(hostRef) {
12075
12075
  registerInstance(this, hostRef);
12076
+ this.stylingInitialized = false;
12076
12077
  this.calendarMaxDate = '';
12077
12078
  this.fetchToken = 0;
12078
12079
  this.fetchData = async () => {
@@ -12187,7 +12188,7 @@ const PamStatementHistory = class {
12187
12188
  if (input.value)
12188
12189
  this.customEndDate = input.value;
12189
12190
  };
12190
- this.mbSource = undefined;
12191
+ this.mbsource = '';
12191
12192
  this.clientStyling = undefined;
12192
12193
  this.clientStylingUrl = undefined;
12193
12194
  this.session = '';
@@ -12220,6 +12221,20 @@ const PamStatementHistory = class {
12220
12221
  }
12221
12222
  return translatedValue ? translatedValue : key;
12222
12223
  }
12224
+ initStyling() {
12225
+ if (!this.statementContainer || this.stylingInitialized)
12226
+ return;
12227
+ if (this.mbsource) {
12228
+ setStreamStyling(this.statementContainer, `${this.mbsource}.Style`, this.stylingSubscription);
12229
+ }
12230
+ if (this.clientStyling) {
12231
+ setClientStyling(this.statementContainer, this.clientStyling);
12232
+ }
12233
+ if (this.clientStylingUrl) {
12234
+ setClientStylingURL(this.statementContainer, this.clientStylingUrl);
12235
+ }
12236
+ this.stylingInitialized = true;
12237
+ }
12223
12238
  formatCurrencyAmount(value) {
12224
12239
  if (value === null || value === undefined || isNaN(value))
12225
12240
  return '0.00';
@@ -12271,9 +12286,9 @@ const PamStatementHistory = class {
12271
12286
  setClientStylingURL(this.statementContainer, this.clientStylingUrl);
12272
12287
  }
12273
12288
  }
12274
- handleMbSourceChange(newValue, oldValue) {
12289
+ handlembsourceChange(newValue, oldValue) {
12275
12290
  if (newValue !== oldValue) {
12276
- setStreamStyling(this.statementContainer, `${this.mbSource}.Style`, this.stylingSubscription);
12291
+ setStreamStyling(this.statementContainer, `${this.mbsource}.Style`, this.stylingSubscription);
12277
12292
  }
12278
12293
  }
12279
12294
  handleAuthDataChange() {
@@ -12281,6 +12296,9 @@ const PamStatementHistory = class {
12281
12296
  this.fetchData();
12282
12297
  }
12283
12298
  }
12299
+ componentDidUpdate() {
12300
+ this.initStyling();
12301
+ }
12284
12302
  componentDidLoad() {
12285
12303
  if (this.statementenabled === 'false') {
12286
12304
  window.location.replace('/account/profile-info');
@@ -12288,17 +12306,7 @@ const PamStatementHistory = class {
12288
12306
  else if (this.statementenabled === 'true') {
12289
12307
  this.isStatementEnabled = false;
12290
12308
  }
12291
- if (this.statementContainer) {
12292
- if (this.mbSource) {
12293
- setStreamStyling(this.statementContainer, `${this.mbSource}.Style`, this.stylingSubscription);
12294
- }
12295
- if (this.clientStyling) {
12296
- setClientStyling(this.statementContainer, this.clientStyling);
12297
- }
12298
- if (this.clientStylingUrl) {
12299
- setClientStylingURL(this.statementContainer, this.clientStylingUrl);
12300
- }
12301
- }
12309
+ this.initStyling();
12302
12310
  }
12303
12311
  disconnectedCallback() {
12304
12312
  if (this.stylingSubscription) {
@@ -12480,7 +12488,7 @@ const PamStatementHistory = class {
12480
12488
  "activeFilter": ["handleFilterChange"],
12481
12489
  "clientStyling": ["handleClientStylingChange"],
12482
12490
  "clientStylingUrl": ["handleClientStylingUrlChange"],
12483
- "mbSource": ["handleMbSourceChange"],
12491
+ "mbsource": ["handlembsourceChange"],
12484
12492
  "session": ["handleAuthDataChange"],
12485
12493
  "playerid": ["handleAuthDataChange"],
12486
12494
  "endpoint": ["handleAuthDataChange"]
package/dist/esm/pam-statement-history.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- export { P as pam_statement_history } from './pam-statement-history-dc238928.js';
2
- import './index-02b4ec70.js';
1
+ export { P as pam_statement_history } from './pam-statement-history-bbad60d1.js';
2
+ import './index-50c7699a.js';