@everymatrix/transaction-history-page 1.99.22 → 1.99.23

package/components/CashierTransactionHistory-DqtGySZa.js

@@ -0,0 +1,1602 @@
+import { K as dt, S as st, i as it, s as nt, j, k as at, n as M, d as H, L as Le, f as c, a as I, b as u, C as He, v as h, w as A, c as lt, t as U, m as P, p as pe, q as he, y as mt, z as ft, M as $, N as Se, A as S, O as ee, B as q, o as _e, D as pt, P as ht, Q as rt, R as ot, I as ct, U as Ce, l as Ae, u as Re, e as De, x as ze } from "./Tooltip-CHXwiPAo.js";
+import { a as vt, $ as gt, i as yt, f as te, s as Tt, b as xt, c as _t, d as wt } from "./TransactionHistoryPage-DVQXlUp9.js";
+import { T as qt } from "./TxnTypeIcons-C8u1rdVM.js";
+import { T as bt } from "./TxnStatusIcon-BL-XGmUN.js";
+function Ee(i, { delay: e = 0, duration: s = 400, easing: t = dt } = {}) {
+  const n = +getComputedStyle(i).opacity;
+  return {
+    delay: e,
+    duration: s,
+    easing: t,
+    css: (o) => `opacity: ${o * n}`
+  };
+}
+yt({
+  fallbackLocale: "en"
+});
+function Ue(i, e) {
+  vt(i, e);
+}
+function kt(i) {
+  gt.set(i);
+}
+const We = {
+  en: {
+    transactionHistoryTitle: "Transaction History",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Date",
+    transactionDateTimeTitle: "Date",
+    transactionTypeTitle: "Type",
+    transactionStatusTitle: "Status",
+    transactionStatusIconTitle: "Status",
+    transactionTypeIconTitle: "Type",
+    copyTransactionId: "Transaction Id copied to clipboard",
+    transactionAmountTitle: "Amount",
+    transactionPaymentMethodTitle: "Payment Method",
+    transactionRejectionNoteTitle: "Rejection Note",
+    transactionStatus: {
+      Authorized: "Authorized",
+      Success: "Success",
+      Failed: "Failed",
+      Rejected: "Rejected",
+      Pending: "Pending"
+    },
+    transactionType: {
+      Deposit: "Deposit",
+      Withdraw: "Withdraw"
+    }
+  },
+  tr: {
+    transactionHistoryTitle: "İşlem Geçmişi",
+    transactionIdTitle: "İşlem ID'si",
+    transactionDateTitle: "Tarih",
+    transactionDateTimeTitle: "Tarih",
+    transactionTypeTitle: "Tip",
+    transactionStatusTitle: "Durum",
+    transactionStatusIconTitle: "Durum",
+    transactionTypeIconTitle: "Tip",
+    transactionAmountTitle: "Tutar",
+    transactionRejectionNoteTitle: "Reddetme Notu",
+    transactionPaymentMethodTitle: "Ödeme Yöntemi",
+    copyTransactionId: "İşlem ID’si kopyalandı",
+    transactionStatus: {
+      Authorized: "Onaylandı",
+      Success: "Başarılı",
+      Failed: "Başarısız",
+      Rejected: "Reddedildi",
+      Pending: "Beklemede"
+    },
+    transactionType: {
+      Deposit: "Para Yatır",
+      Withdraw: "Çekim"
+    }
+  },
+  fr: {
+    transactionHistoryTitle: "Historique des transactions",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Date",
+    transactionDateTimeTitle: "Date",
+    transactionTypeTitle: "Type",
+    transactionStatusTitle: "Statut",
+    transactionStatusIconTitle: "Statut",
+    transactionTypeIconTitle: "Type",
+    copyTransactionId: "ID de transaction copié dans le presse-papiers",
+    transactionAmountTitle: "Montant",
+    transactionPaymentMethodTitle: "Moyen de paiement",
+    transactionRejectionNoteTitle: "Motif du rejet",
+    transactionStatus: {
+      Authorized: "Autorisé",
+      Success: "Succès",
+      Failed: "Échec",
+      Rejected: "Rejeté",
+      Pending: "En attente"
+    },
+    transactionType: {
+      Deposit: "Dépôt",
+      Withdraw: "Retrait"
+    }
+  },
+  da: {
+    transactionHistoryTitle: "Transaktionshistorik",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Dato",
+    transactionDateTimeTitle: "Dato",
+    transactionTypeTitle: "Type",
+    transactionStatusTitle: "Status",
+    transactionStatusIconTitle: "Status",
+    transactionTypeIconTitle: "Type",
+    copyTransactionId: "Transaktions-ID kopieret til udklipsholder",
+    transactionAmountTitle: "Beløb",
+    transactionPaymentMethodTitle: "Betalingsmetode",
+    transactionRejectionNoteTitle: "Afvisningsnotat",
+    transactionStatus: {
+      Authorized: "Godkendt",
+      Success: "Succes",
+      Failed: "Mislykkedes",
+      Rejected: "Afvist",
+      Pending: "Afventer"
+    },
+    transactionType: {
+      Deposit: "Indbetaling",
+      Withdraw: "Udbetaling"
+    }
+  },
+  de: {
+    transactionHistoryTitle: "Transaktionsverlauf",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Datum",
+    transactionDateTimeTitle: "Datum",
+    transactionTypeTitle: "Typ",
+    transactionStatusTitle: "Status",
+    transactionStatusIconTitle: "Status",
+    transactionTypeIconTitle: "Typ",
+    copyTransactionId: "Transaktions-ID in die Zwischenablage kopiert",
+    transactionAmountTitle: "Betrag",
+    transactionPaymentMethodTitle: "Zahlungsmethode",
+    transactionRejectionNoteTitle: "Ablehnungsnotiz",
+    transactionStatus: {
+      Authorized: "Autorisiert",
+      Success: "Erfolgreich",
+      Failed: "Fehlgeschlagen",
+      Rejected: "Abgelehnt",
+      Pending: "Ausstehend"
+    },
+    transactionType: {
+      Deposit: "Einzahlung",
+      Withdraw: "Auszahlung"
+    }
+  },
+  nl: {
+    transactionHistoryTitle: "Transactiegeschiedenis",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Datum",
+    transactionDateTimeTitle: "Datum",
+    transactionTypeTitle: "Type",
+    transactionStatusTitle: "Status",
+    transactionStatusIconTitle: "Status",
+    transactionTypeIconTitle: "Type",
+    copyTransactionId: "Transactie-ID gekopieerd naar klembord",
+    transactionAmountTitle: "Bedrag",
+    transactionPaymentMethodTitle: "Betaalmethode",
+    transactionRejectionNoteTitle: "Afwijzingsnotitie",
+    transactionStatus: {
+      Authorized: "Geautoriseerd",
+      Success: "Geslaagd",
+      Failed: "Mislukt",
+      Rejected: "Afgewezen",
+      Pending: "In behandeling"
+    },
+    transactionType: {
+      Deposit: "Storting",
+      Withdraw: "Opname"
+    }
+  },
+  ru: {
+    transactionHistoryTitle: "История операций",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Дата",
+    transactionDateTimeTitle: "Дата",
+    transactionTypeTitle: "Тип",
+    transactionStatusTitle: "Статус",
+    transactionStatusIconTitle: "Статус",
+    transactionTypeIconTitle: "Тип",
+    copyTransactionId: "ID операции скопирован в буфер обмена",
+    transactionAmountTitle: "Сумма",
+    transactionPaymentMethodTitle: "Способ оплаты",
+    transactionRejectionNoteTitle: "Причина отказа",
+    transactionStatus: {
+      Authorized: "Авторизовано",
+      Success: "Успешно",
+      Failed: "Неудача",
+      Rejected: "Отклонено",
+      Pending: "В обработке"
+    },
+    transactionType: {
+      Deposit: "Депозит",
+      Withdraw: "Вывод"
+    }
+  },
+  az: {
+    transactionHistoryTitle: "Əməliyyat Tarixçəsi",
+    transactionCodeTitle: "ID",
+    transactionDateTitle: "Tarix",
+    transactionDateTimeTitle: "Tarix",
+    transactionTypeTitle: "Növ",
+    transactionStatusTitle: "Status",
+    transactionStatusIconTitle: "Status",
+    transactionTypeIconTitle: "Növ",
+    copyTransactionId: "Əməliyyat ID-si mübadilə buferinə kopyalandı",
+    transactionAmountTitle: "Məbləğ",
+    transactionPaymentMethodTitle: "Ödəniş üsulu",
+    transactionRejectionNoteTitle: "Rədd qeydi",
+    transactionStatus: {
+      Authorized: "Təsdiqlənib",
+      Success: "Uğurlu",
+      Failed: "Alınmadı",
+      Rejected: "Rədd edildi",
+      Pending: "Gözləmədə"
+    },
+    transactionType: {
+      Deposit: "Depozit",
+      Withdraw: "Çıxarış"
+    }
+  }
+};
+function Ct(i) {
+  at(i, "svelte-1nr7vqj", ".HostContainer.svelte-1nr7vqj{display:block}.UiContainer.svelte-1nr7vqj{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.Hidden.svelte-1nr7vqj{opacity:0;transition:opacity 0.5s ease-in-out}.Visible.svelte-1nr7vqj{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}.Skeleton.svelte-1nr7vqj{animation:svelte-1nr7vqj-skeleton-loading 1s linear infinite alternate}.SkeletonImage.svelte-1nr7vqj{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}@keyframes svelte-1nr7vqj-skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}");
+}
+function Ve(i) {
+  let e;
+  return {
+    c() {
+      e = h("div"), e.innerHTML = '<div class="SkeletonImage Skeleton svelte-1nr7vqj"></div>', c(e, "class", "UiContainer svelte-1nr7vqj");
+    },
+    m(s, t) {
+      I(s, e, t);
+    },
+    d(s) {
+      s && H(e);
+    }
+  };
+}
+function Dt(i) {
+  let e, s, t, n, o, d, r, a = !/*imgLoaded*/
+  i[4] && Ve();
+  return {
+    c() {
+      e = h("div"), a && a.c(), s = A(), t = h("img"), Le(t.src, n = /*src*/
+      i[0]) || c(t, "src", n), c(
+        t,
+        "alt",
+        /*alt*/
+        i[1]
+      ), c(
+        t,
+        "width",
+        /*width*/
+        i[2]
+      ), c(
+        t,
+        "height",
+        /*height*/
+        i[3]
+      ), c(t, "class", o = "UiContainer " + /*imgLoaded*/
+      (i[4] ? "Visible" : "Hidden") + " svelte-1nr7vqj"), c(t, "loading", "lazy"), c(e, "class", "HostContainer hydrated svelte-1nr7vqj");
+    },
+    m(f, g) {
+      I(f, e, g), a && a.m(e, null), u(e, s), u(e, t), d || (r = He(
+        t,
+        "load",
+        /*load_handler*/
+        i[5]
+      ), d = !0);
+    },
+    p(f, [g]) {
+      /*imgLoaded*/
+      f[4] ? a && (a.d(1), a = null) : a || (a = Ve(), a.c(), a.m(e, s)), g & /*src*/
+      1 && !Le(t.src, n = /*src*/
+      f[0]) && c(t, "src", n), g & /*alt*/
+      2 && c(
+        t,
+        "alt",
+        /*alt*/
+        f[1]
+      ), g & /*width*/
+      4 && c(
+        t,
+        "width",
+        /*width*/
+        f[2]
+      ), g & /*height*/
+      8 && c(
+        t,
+        "height",
+        /*height*/
+        f[3]
+      ), g & /*imgLoaded*/
+      16 && o !== (o = "UiContainer " + /*imgLoaded*/
+      (f[4] ? "Visible" : "Hidden") + " svelte-1nr7vqj") && c(t, "class", o);
+    },
+    i: M,
+    o: M,
+    d(f) {
+      f && H(e), a && a.d(), d = !1, r();
+    }
+  };
+}
+function St(i, e, s) {
+  let { src: t } = e, { alt: n = void 0 } = e, { width: o = void 0 } = e, { height: d = void 0 } = e, r = !1;
+  const a = () => s(4, r = !0);
+  return i.$$set = (f) => {
+    "src" in f && s(0, t = f.src), "alt" in f && s(1, n = f.alt), "width" in f && s(2, o = f.width), "height" in f && s(3, d = f.height);
+  }, [t, n, o, d, r, a];
+}
+class ut extends st {
+  constructor(e) {
+    super(), it(this, e, St, Dt, nt, { src: 0, alt: 1, width: 2, height: 3 }, Ct);
+  }
+  get src() {
+    return this.$$.ctx[0];
+  }
+  set src(e) {
+    this.$$set({ src: e }), j();
+  }
+  get alt() {
+    return this.$$.ctx[1];
+  }
+  set alt(e) {
+    this.$$set({ alt: e }), j();
+  }
+  get width() {
+    return this.$$.ctx[2];
+  }
+  set width(e) {
+    this.$$set({ width: e }), j();
+  }
+  get height() {
+    return this.$$.ctx[3];
+  }
+  set height(e) {
+    this.$$set({ height: e }), j();
+  }
+}
+lt(ut, { src: {}, alt: {}, width: {}, height: {} }, [], [], !0);
+function Ht(i) {
+  at(i, "svelte-1xsmrqu", '.svelte-1xsmrqu.svelte-1xsmrqu,.svelte-1xsmrqu.svelte-1xsmrqu::before,.svelte-1xsmrqu.svelte-1xsmrqu::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-style:inherit}.CopyTooltip.svelte-1xsmrqu.svelte-1xsmrqu{width:50%;max-width:400px;display:flex;align-items:center;justify-content:center;background-color:var(--emw--color-primary, rgba(249, 196, 5, 0.6078431373));transform:translateX(-50%);color:var(--emw--color-typography-button, #000000);border-radius:var(--mmw--border-radius-medium-plus, 6px);z-index:2;opacity:1;container-name:copy-tooltip;font-size:var(--emw--font-size-medium, 16px);line-height:calc(var(--emw--font-size-medium, 16px) + 2px);padding:15px;position:fixed;left:50%;top:40%;box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2)}.CashierTransactionHistoryContainer.svelte-1xsmrqu.svelte-1xsmrqu{position:relative;width:calc(100% - 20px);margin:auto}.CashierTransactionHistory.svelte-1xsmrqu.svelte-1xsmrqu{display:flex;flex-direction:column;position:relative;width:100%;row-gap:var(--emw--spacing-small, 12px);container-name:transaction-history;container-type:inline-size;margin-bottom:var(--emw--spacing-small, 12px)}.CashierTransactionHistory.svelte-1xsmrqu table.svelte-1xsmrqu{font-size:var(--emw--font-size-medium, 16px);word-break:break-all;width:100%;border-collapse:collapse;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-bottom:var(--emw--spacing-small-minus, 10px)}.CashierTransactionHistory.svelte-1xsmrqu table.svelte-1xsmrqu:not(:last-child){margin-bottom:var(--emw--spacing-large, 20px)}.CashierTransactionHistory.svelte-1xsmrqu thead tr.svelte-1xsmrqu{color:var(--emw--color-primary, #F9C405);font-size:12px;height:50px;background-color:rgba(255, 255, 255, 0.05)}.CashierTransactionHistory.svelte-1xsmrqu tbody tr.svelte-1xsmrqu{color:var(--emw--color-typography, #fff);font-size:12px;font-weight:200}.CashierTransactionHistory.svelte-1xsmrqu tbody tr.svelte-1xsmrqu:not(:last-child):not(.Expanded){border-bottom:1px solid rgba(232, 233, 235, 0.2117647059)}.CashierTransactionHistory.svelte-1xsmrqu .TypeIcon.svelte-1xsmrqu{display:flex}.CashierTransactionHistory.svelte-1xsmrqu .StatusIcon svg.svelte-1xsmrqu{flex:0 0 auto;width:18px;height:18px}.CashierTransactionHistory.svelte-1xsmrqu .StatusIcon span.svelte-1xsmrqu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:80px}.CashierTransactionHistory.svelte-1xsmrqu td.svelte-1xsmrqu{max-width:250px;vertical-align:middle;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--emw--spacing-large, 20px) 0 var(--emw--spacing-small, 12px)}.CashierTransactionHistory.svelte-1xsmrqu td:last-child .CashierTransactionHistoryStatusText.svelte-1xsmrqu{width:calc(100% - var(--emw--spacing-2x-small-plus, 6px) * 3 - 5px);display:block}.CashierTransactionHistory.svelte-1xsmrqu td.svelte-1xsmrqu:first-child{text-align:left;border-radius:10px 0 0 10px}.CashierTransactionHistory.svelte-1xsmrqu td.svelte-1xsmrqu:last-child{border-radius:0 10px 10px 0}.CashierTransactionHistory.svelte-1xsmrqu td .ExpandedContent.svelte-1xsmrqu{line-height:100%}.CashierTransactionHistory.svelte-1xsmrqu tr.svelte-1xsmrqu{position:relative}.CashierTransactionHistory.svelte-1xsmrqu tr.svelte-1xsmrqu:not(.ExpandedRow):not(.CashierTransactionHistoryHeader):not(.AllowExpand):hover{background:var(--emw--color-gray-50, #F7F8FA)}@container transaction-history (width < 750px){.CashierTransactionHistory.svelte-1xsmrqu .CopyTooltip.svelte-1xsmrqu{width:100%}.CashierTransactionHistory.svelte-1xsmrqu td.svelte-1xsmrqu:has(.Code){max-width:135px}.CashierTransactionHistory.svelte-1xsmrqu td.svelte-1xsmrqu{padding:0 var(--emw--spacing-small, 12px) 0 var(--emw--spacing-small, 12px)}}@container transaction-history (width < 475px){.CashierTransactionHistory.svelte-1xsmrqu .CashierTransactionHistoryWrapper.svelte-1xsmrqu{padding:0 var(--emw--spacing-2x-small-plus, 6px)}.CashierTransactionHistory.svelte-1xsmrqu td.svelte-1xsmrqu{padding:0 var(--emw--spacing-2x-small-plus, 6px)}.CashierTransactionHistory.svelte-1xsmrqu td.column-TypeIcon.svelte-1xsmrqu:first-child{width:40px;text-align:left}.CashierTransactionHistory.svelte-1xsmrqu td.column-Code.svelte-1xsmrqu:first-child{max-width:60px;text-align:left}}@container transaction-history (width < 350px){.CashierTransactionHistory.svelte-1xsmrqu table.svelte-1xsmrqu{table-layout:fixed}.CashierTransactionHistory.svelte-1xsmrqu table td.svelte-1xsmrqu{padding:0 0 0 var(--emw--spacing-small, 5px)}}.CashierTransactionHistoryWrapper.svelte-1xsmrqu.svelte-1xsmrqu{background:var(--emw--color-cashier-bg, var(--emw--color-background, #23281F));width:100%;box-sizing:border-box;border-radius:16px;box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);padding:10px;z-index:1}.CashierTransactionHistoryWrapper.svelte-1xsmrqu.svelte-1xsmrqu::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:16px;background:linear-gradient(140deg, var(--emw--color-black, #000000) 5%, var(--emw--color-cashier-bg, var(--emw--color-background, #23281F)) 60%, var(--emw--color-white, #f5f5f5) 95%);opacity:0.2}.CashierTransactionHistoryTitle.svelte-1xsmrqu.svelte-1xsmrqu{display:none;color:var(--emw--color-typography, var(--emw--color-white, #ffffff));font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 500);line-height:calc(var(--emw--font-size-medium, 16px) + 2px);text-align:left}.Code.svelte-1xsmrqu.svelte-1xsmrqu{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;line-height:inherit;display:inline}.StatusIcon.svelte-1xsmrqu.svelte-1xsmrqu{display:flex;align-items:center;justify-content:center;gap:var(--emw--spacing-x-small, 6px)}.StatusIcon.svelte-1xsmrqu .StatusIconText.svelte-1xsmrqu{width:100px}.CashierTransactionHistoryStatus.svelte-1xsmrqu.svelte-1xsmrqu{display:flex;gap:5px}.Amount.Withdraw.svelte-1xsmrqu.svelte-1xsmrqu:before{content:"-"}.Amount.Deposit.svelte-1xsmrqu.svelte-1xsmrqu:before{content:"+"}.Amount.Deposit.Success.svelte-1xsmrqu.svelte-1xsmrqu{color:var(--emw--color-primary-dark, #4b975d)}.CashierTransactionHistoryStatusText.svelte-1xsmrqu.svelte-1xsmrqu{line-height:calc(var(--emw--font-size-medium, 16px) + 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CashierTransactionHistoryContent.svelte-1xsmrqu.svelte-1xsmrqu{width:100%;overflow:auto}.CashierTransactionHistoryIcon.svelte-1xsmrqu.svelte-1xsmrqu{vertical-align:middle;height:var(--emw--font-size-medium, 16px);width:var(--emw--font-size-medium, 16px)}.TransactionHistoryRow.svelte-1xsmrqu.svelte-1xsmrqu{cursor:pointer}.ShortHistory.svelte-1xsmrqu .CashierTransactionHistoryTitle.svelte-1xsmrqu{display:inline-block;margin:10px;font-weight:500}.ShortHistory.svelte-1xsmrqu .TransactionHistoryRow.svelte-1xsmrqu{cursor:auto}.ShortHistory.svelte-1xsmrqu .TransactionHistoryRow.svelte-1xsmrqu:hover{background:unset}.ExpandedContent.svelte-1xsmrqu.svelte-1xsmrqu{padding:var(--emw--spacing-large, 30px) var(--emw--spacing-small, 12px);position:relative;display:flex;flex-wrap:wrap;gap:var(--emw--spacing-small, 12px)}.ExpandedContent.svelte-1xsmrqu .DetailsLogo.svelte-1xsmrqu{width:65px;position:absolute;top:var(--emw--spacing-large, 30px);right:var(--emw--spacing-small, 12px)}.StaticDetails.svelte-1xsmrqu.svelte-1xsmrqu,.DynamicDetails.svelte-1xsmrqu.svelte-1xsmrqu{display:flex;flex-direction:column;gap:var(--emw--spacing-small, 12px);width:100%}.StaticDetails.svelte-1xsmrqu .DetailsTitle.svelte-1xsmrqu,.DynamicDetails.svelte-1xsmrqu .DetailsTitle.svelte-1xsmrqu{color:var(--emw--color-typography, var(--emw--color-white, #ffffff));font-size:var(--emw--font-size-medium, 16px);padding-right:6px}.StaticDetails.svelte-1xsmrqu .DetailsValue.svelte-1xsmrqu,.DynamicDetails.svelte-1xsmrqu .DetailsValue.svelte-1xsmrqu{color:var(--emw--color-typography, #fff);font-size:var(--emw--font-size-medium, 12px);font-weight:200;white-space:normal;overflow-wrap:break-word;max-width:100%;word-break:normal}.DetailsRow.svelte-1xsmrqu.svelte-1xsmrqu{display:flex;align-items:center;flex-wrap:wrap;word-break:normal;overflow-wrap:break-word;white-space:normal}td.svelte-1xsmrqu.svelte-1xsmrqu:has(.Code){max-width:250px}td.svelte-1xsmrqu.svelte-1xsmrqu:has(.Code):hover{background:rgba(255, 255, 255, 0.2);border-radius:10px}.CopyCode.svelte-1xsmrqu.svelte-1xsmrqu{display:inline-flex;gap:6px;align-items:center;cursor:pointer;border-radius:var(--mmw--border-radius-medium-plus, 6px);padding:4px 6px;max-width:60%}.CopyCode.svelte-1xsmrqu.svelte-1xsmrqu:hover{background:var(--emw--color-primary, rgba(249, 196, 5, 0.4117647059))}.CopyCode.svelte-1xsmrqu span.svelte-1xsmrqu{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.CopyCode.svelte-1xsmrqu svg.svelte-1xsmrqu{flex-shrink:0}');
+}
+function Be(i, e, s) {
+  const t = i.slice();
+  return t[45] = e[s], t[47] = s, t;
+}
+function Oe(i, e, s) {
+  const t = i.slice();
+  return t[48] = e[s][0], t[49] = e[s][1], t;
+}
+function Ye(i, e, s) {
+  const t = i.slice();
+  return t[52] = e[s], t[47] = s, t;
+}
+function Ge(i, e, s) {
+  const t = i.slice();
+  return t[52] = e[s], t[47] = s, t;
+}
+function It(i) {
+  let e;
+  return {
+    c() {
+      e = h("cashier-spinner"), _e(
+        e,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        i[1]
+      ), _e(
+        e,
+        "clientstyling",
+        /*clientstyling*/
+        i[0]
+      ), _e(e, "class", "svelte-1xsmrqu");
+    },
+    m(s, t) {
+      I(s, e, t);
+    },
+    p(s, t) {
+      t[0] & /*clientstylingurl*/
+      2 && _e(
+        e,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        s[1]
+      ), t[0] & /*clientstyling*/
+      1 && _e(
+        e,
+        "clientstyling",
+        /*clientstyling*/
+        s[0]
+      );
+    },
+    i: M,
+    o: M,
+    d(s) {
+      s && H(e);
+    }
+  };
+}
+function jt(i) {
+  let e, s, t, n, o = (
+    /*$_*/
+    i[12]("transactionHistoryTitle") + ""
+  ), d, r, a, f, g, p, m, T, _, w = (
+    /*copied*/
+    i[8] && Ze(i)
+  ), F = $(
+    /*tableColumns*/
+    i[10]
+  ), D = [];
+  for (let v = 0; v < F.length; v += 1)
+    D[v] = Xe(Ge(i, F, v));
+  let N = $(
+    /*txnHistory*/
+    i[7]
+  ), b = [];
+  for (let v = 0; v < N.length; v += 1)
+    b[v] = tt(Be(i, N, v));
+  const se = (v) => U(b[v], 1, 1, () => {
+    b[v] = null;
+  });
+  return {
+    c() {
+      e = h("div"), w && w.c(), s = A(), t = h("div"), n = h("h3"), d = q(o), r = A(), a = h("div"), f = h("table"), g = h("thead"), p = h("tr");
+      for (let v = 0; v < D.length; v += 1)
+        D[v].c();
+      m = A(), T = h("tbody");
+      for (let v = 0; v < b.length; v += 1)
+        b[v].c();
+      c(n, "class", "CashierTransactionHistoryTitle svelte-1xsmrqu"), c(p, "class", "CashierTransactionHistoryHeader svelte-1xsmrqu"), c(g, "class", "svelte-1xsmrqu"), c(T, "class", "svelte-1xsmrqu"), c(f, "class", "svelte-1xsmrqu"), c(a, "class", "CashierTransactionHistoryContent svelte-1xsmrqu"), c(t, "class", "CashierTransactionHistoryWrapper svelte-1xsmrqu"), c(e, "class", "CashierTransactionHistory svelte-1xsmrqu"), ee(
+        e,
+        "ShortHistory",
+        /*isshorttransactionhistory*/
+        i[3] === "true"
+      );
+    },
+    m(v, k) {
+      I(v, e, k), w && w.m(e, null), u(e, s), u(e, t), u(t, n), u(n, d), u(t, r), u(t, a), u(a, f), u(f, g), u(g, p);
+      for (let y = 0; y < D.length; y += 1)
+        D[y] && D[y].m(p, null);
+      u(f, m), u(f, T);
+      for (let y = 0; y < b.length; y += 1)
+        b[y] && b[y].m(T, null);
+      i[32](e), _ = !0;
+    },
+    p(v, k) {
+      if (/*copied*/
+      v[8] ? w ? (w.p(v, k), k[0] & /*copied*/
+      256 && P(w, 1)) : (w = Ze(v), w.c(), P(w, 1), w.m(e, s)) : w && (pe(), U(w, 1, 1, () => {
+        w = null;
+      }), he()), (!_ || k[0] & /*$_*/
+      4096) && o !== (o = /*$_*/
+      v[12]("transactionHistoryTitle") + "") && S(d, o), k[0] & /*$_, tableColumns*/
+      5120) {
+        F = $(
+          /*tableColumns*/
+          v[10]
+        );
+        let y;
+        for (y = 0; y < F.length; y += 1) {
+          const O = Ge(v, F, y);
+          D[y] ? D[y].p(O, k) : (D[y] = Xe(O), D[y].c(), D[y].m(p, null));
+        }
+        for (; y < D.length; y += 1)
+          D[y].d(1);
+        D.length = F.length;
+      }
+      if (k[0] & /*tableColumns, txnHistory, $_, copyToClipboard, datetimeformat, expandedRow, isshorttransactionhistory, expandRow, copied, dateformat*/
+      32184) {
+        N = $(
+          /*txnHistory*/
+          v[7]
+        );
+        let y;
+        for (y = 0; y < N.length; y += 1) {
+          const O = Be(v, N, y);
+          b[y] ? (b[y].p(O, k), P(b[y], 1)) : (b[y] = tt(O), b[y].c(), P(b[y], 1), b[y].m(T, null));
+        }
+        for (pe(), y = N.length; y < b.length; y += 1)
+          se(y);
+        he();
+      }
+      (!_ || k[0] & /*isshorttransactionhistory*/
+      8) && ee(
+        e,
+        "ShortHistory",
+        /*isshorttransactionhistory*/
+        v[3] === "true"
+      );
+    },
+    i(v) {
+      if (!_) {
+        P(w);
+        for (let k = 0; k < N.length; k += 1)
+          P(b[k]);
+        _ = !0;
+      }
+    },
+    o(v) {
+      U(w), b = b.filter(Boolean);
+      for (let k = 0; k < b.length; k += 1)
+        U(b[k]);
+      _ = !1;
+    },
+    d(v) {
+      v && H(e), w && w.d(), Se(D, v), Se(b, v), i[32](null);
+    }
+  };
+}
+function Ze(i) {
+  let e, s = (
+    /*$_*/
+    i[12]("copyTransactionId") + ""
+  ), t, n, o, d;
+  return {
+    c() {
+      e = h("div"), t = q(s), c(e, "class", "CopyTooltip svelte-1xsmrqu");
+    },
+    m(r, a) {
+      I(r, e, a), u(e, t), d = !0;
+    },
+    p(r, a) {
+      i = r, (!d || a[0] & /*$_*/
+      4096) && s !== (s = /*$_*/
+      i[12]("copyTransactionId") + "") && S(t, s);
+    },
+    i(r) {
+      d || (r && rt(() => {
+        d && (o && o.end(1), n = ot(e, Ee, { duration: 100 }), n.start());
+      }), d = !0);
+    },
+    o(r) {
+      n && n.invalidate(), r && (o = ht(e, Ee, { duration: (
+        /*tooltipduration*/
+        i[2]
+      ) })), d = !1;
+    },
+    d(r) {
+      r && H(e), r && o && o.end();
+    }
+  };
+}
+function Xe(i) {
+  let e, s = (
+    /*$_*/
+    i[12](`transaction${/*columnName*/
+    i[52]}Title`) + ""
+  ), t;
+  return {
+    c() {
+      e = h("td"), t = q(s), c(e, "class", "svelte-1xsmrqu");
+    },
+    m(n, o) {
+      I(n, e, o), u(e, t);
+    },
+    p(n, o) {
+      o[0] & /*$_, tableColumns*/
+      5120 && s !== (s = /*$_*/
+      n[12](`transaction${/*columnName*/
+      n[52]}Title`) + "") && S(t, s);
+    },
+    d(n) {
+      n && H(e);
+    }
+  };
+}
+function At(i) {
+  let e, s = (
+    /*transaction*/
+    i[45][
+      /*columnName*/
+      i[52]
+    ] + ""
+  ), t;
+  return {
+    c() {
+      e = h("span"), t = q(s), c(e, "class", "svelte-1xsmrqu");
+    },
+    m(n, o) {
+      I(n, e, o), u(e, t);
+    },
+    p(n, o) {
+      o[0] & /*txnHistory, tableColumns*/
+      1152 && s !== (s = /*transaction*/
+      n[45][
+        /*columnName*/
+        n[52]
+      ] + "") && S(t, s);
+    },
+    i: M,
+    o: M,
+    d(n) {
+      n && H(e);
+    }
+  };
+}
+function Rt(i) {
+  let e = te(
+    /*transaction*/
+    i[45].DateTime
+  ).format(
+    /*datetimeformat*/
+    i[5]
+  ) + "", s;
+  return {
+    c() {
+      s = q(e);
+    },
+    m(t, n) {
+      I(t, s, n);
+    },
+    p(t, n) {
+      n[0] & /*txnHistory, datetimeformat*/
+      160 && e !== (e = te(
+        /*transaction*/
+        t[45].DateTime
+      ).format(
+        /*datetimeformat*/
+        t[5]
+      ) + "") && S(s, e);
+    },
+    i: M,
+    o: M,
+    d(t) {
+      t && H(s);
+    }
+  };
+}
+function zt(i) {
+  let e = te(
+    /*transaction*/
+    i[45].Date
+  ).format(
+    /*dateformat*/
+    i[4]
+  ) + "", s;
+  return {
+    c() {
+      s = q(e);
+    },
+    m(t, n) {
+      I(t, s, n);
+    },
+    p(t, n) {
+      n[0] & /*txnHistory, dateformat*/
+      144 && e !== (e = te(
+        /*transaction*/
+        t[45].Date
+      ).format(
+        /*dateformat*/
+        t[4]
+      ) + "") && S(s, e);
+    },
+    i: M,
+    o: M,
+    d(t) {
+      t && H(s);
+    }
+  };
+}
+function Pt(i) {
+  let e = (
+    /*$_*/
+    i[12](`transactionStatus.${/*transaction*/
+    i[45].Status}`) + ""
+  ), s;
+  return {
+    c() {
+      s = q(e);
+    },
+    m(t, n) {
+      I(t, s, n);
+    },
+    p(t, n) {
+      n[0] & /*$_, txnHistory*/
+      4224 && e !== (e = /*$_*/
+      t[12](`transactionStatus.${/*transaction*/
+      t[45].Status}`) + "") && S(s, e);
+    },
+    i: M,
+    o: M,
+    d(t) {
+      t && H(s);
+    }
+  };
+}
+function Ft(i) {
+  let e, s, t, n = (
+    /*$_*/
+    i[12](`transactionStatus.${/*transaction*/
+    i[45].Status}`) + ""
+  ), o, d;
+  return e = new bt({
+    props: { status: (
+      /*transaction*/
+      i[45].Status
+    ) }
+  }), {
+    c() {
+      ze(e.$$.fragment), s = A(), t = h("span"), o = q(n), c(t, "class", "StatusIconText svelte-1xsmrqu");
+    },
+    m(r, a) {
+      Re(e, r, a), I(r, s, a), I(r, t, a), u(t, o), d = !0;
+    },
+    p(r, a) {
+      const f = {};
+      a[0] & /*txnHistory*/
+      128 && (f.status = /*transaction*/
+      r[45].Status), e.$set(f), (!d || a[0] & /*$_, txnHistory*/
+      4224) && n !== (n = /*$_*/
+      r[12](`transactionStatus.${/*transaction*/
+      r[45].Status}`) + "") && S(o, n);
+    },
+    i(r) {
+      d || (P(e.$$.fragment, r), d = !0);
+    },
+    o(r) {
+      U(e.$$.fragment, r), d = !1;
+    },
+    d(r) {
+      r && (H(s), H(t)), Ae(e, r);
+    }
+  };
+}
+function Mt(i) {
+  let e, s = (
+    /*transaction*/
+    i[45].Amount + ""
+  ), t, n, o = (
+    /*transaction*/
+    i[45].Currency + ""
+  ), d, r;
+  return {
+    c() {
+      e = h("span"), t = q(s), n = A(), d = q(o), c(e, "class", r = "Amount " + /*transaction*/
+      i[45].Type + " " + /*transaction*/
+      i[45].Status + " svelte-1xsmrqu");
+    },
+    m(a, f) {
+      I(a, e, f), u(e, t), u(e, n), u(e, d);
+    },
+    p(a, f) {
+      f[0] & /*txnHistory*/
+      128 && s !== (s = /*transaction*/
+      a[45].Amount + "") && S(t, s), f[0] & /*txnHistory*/
+      128 && o !== (o = /*transaction*/
+      a[45].Currency + "") && S(d, o), f[0] & /*txnHistory*/
+      128 && r !== (r = "Amount " + /*transaction*/
+      a[45].Type + " " + /*transaction*/
+      a[45].Status + " svelte-1xsmrqu") && c(e, "class", r);
+    },
+    i: M,
+    o: M,
+    d(a) {
+      a && H(e);
+    }
+  };
+}
+function Nt(i) {
+  let e, s = (
+    /*transaction*/
+    i[45].Code + ""
+  ), t, n, o, d;
+  return {
+    c() {
+      e = h("span"), t = q(s), c(e, "data-copy", n = /*transaction*/
+      i[45].Code), c(e, "class", "svelte-1xsmrqu"), ee(
+        e,
+        "copied",
+        /*copied*/
+        i[8]
+      );
+    },
+    m(r, a) {
+      I(r, e, a), u(e, t), o || (d = He(
+        e,
+        "click",
+        /*click_handler*/
+        i[29]
+      ), o = !0);
+    },
+    p(r, a) {
+      a[0] & /*txnHistory*/
+      128 && s !== (s = /*transaction*/
+      r[45].Code + "") && S(t, s), a[0] & /*txnHistory*/
+      128 && n !== (n = /*transaction*/
+      r[45].Code) && c(e, "data-copy", n), a[0] & /*copied*/
+      256 && ee(
+        e,
+        "copied",
+        /*copied*/
+        r[8]
+      );
+    },
+    i: M,
+    o: M,
+    d(r) {
+      r && H(e), o = !1, d();
+    }
+  };
+}
+function Lt(i) {
+  let e, s;
+  return e = new qt({
+    props: { type: (
+      /*transaction*/
+      i[45].Type
+    ) }
+  }), {
+    c() {
+      ze(e.$$.fragment);
+    },
+    m(t, n) {
+      Re(e, t, n), s = !0;
+    },
+    p(t, n) {
+      const o = {};
+      n[0] & /*txnHistory*/
+      128 && (o.type = /*transaction*/
+      t[45].Type), e.$set(o);
+    },
+    i(t) {
+      s || (P(e.$$.fragment, t), s = !0);
+    },
+    o(t) {
+      U(e.$$.fragment, t), s = !1;
+    },
+    d(t) {
+      Ae(e, t);
+    }
+  };
+}
+function Et(i) {
+  let e, s = (
+    /*$_*/
+    i[12](`transactionType.${/*transaction*/
+    i[45].Type}`) + ""
+  ), t;
+  return {
+    c() {
+      e = h("span"), t = q(s), c(e, "class", "svelte-1xsmrqu");
+    },
+    m(n, o) {
+      I(n, e, o), u(e, t);
+    },
+    p(n, o) {
+      o[0] & /*$_, txnHistory*/
+      4224 && s !== (s = /*$_*/
+      n[12](`transactionType.${/*transaction*/
+      n[45].Type}`) + "") && S(t, s);
+    },
+    i: M,
+    o: M,
+    d(n) {
+      n && H(e);
+    }
+  };
+}
+function Je(i) {
+  let e, s, t, n, o, d, r, a;
+  const f = [
+    Et,
+    Lt,
+    Nt,
+    Mt,
+    Ft,
+    Pt,
+    zt,
+    Rt,
+    At
+  ], g = [];
+  function p(m, T) {
+    return (
+      /*columnName*/
+      m[52] === "Type" ? 0 : (
+        /*columnName*/
+        m[52] === "TypeIcon" ? 1 : (
+          /*columnName*/
+          m[52] === "Code" ? 2 : (
+            /*columnName*/
+            m[52] === "Amount" ? 3 : (
+              /*columnName*/
+              m[52] === "StatusIcon" ? 4 : (
+                /*columnName*/
+                m[52] === "Status" ? 5 : (
+                  /*columnName*/
+                  m[52] === "Date" ? 6 : (
+                    /*columnName*/
+                    m[52] === "DateTime" ? 7 : 8
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    );
+  }
+  return t = p(i), n = g[t] = f[t](i), {
+    c() {
+      e = h("td"), s = h("span"), n.c(), d = A(), c(s, "class", o = Ce(
+        /*columnName*/
+        i[52]
+      ) + " svelte-1xsmrqu"), c(e, "class", r = Ce(`column-${/*columnName*/
+      i[52]}`) + " svelte-1xsmrqu");
+    },
+    m(m, T) {
+      I(m, e, T), u(e, s), g[t].m(s, null), u(e, d), a = !0;
+    },
+    p(m, T) {
+      let _ = t;
+      t = p(m), t === _ ? g[t].p(m, T) : (pe(), U(g[_], 1, 1, () => {
+        g[_] = null;
+      }), he(), n = g[t], n ? n.p(m, T) : (n = g[t] = f[t](m), n.c()), P(n, 1), n.m(s, null)), (!a || T[0] & /*tableColumns*/
+      1024 && o !== (o = Ce(
+        /*columnName*/
+        m[52]
+      ) + " svelte-1xsmrqu")) && c(s, "class", o), (!a || T[0] & /*tableColumns*/
+      1024 && r !== (r = Ce(`column-${/*columnName*/
+      m[52]}`) + " svelte-1xsmrqu")) && c(e, "class", r);
+    },
+    i(m) {
+      a || (P(n), a = !0);
+    },
+    o(m) {
+      U(n), a = !1;
+    },
+    d(m) {
+      m && H(e), g[t].d();
+    }
+  };
+}
+function Ke(i) {
+  let e, s, t, n, o, d, r = (
+    /*$_*/
+    i[12]("transactionTypeTitle") + ""
+  ), a, f, g, p, m = (
+    /*$_*/
+    i[12](`transactionType.${/*transaction*/
+    i[45].Type}`) + ""
+  ), T, _, w, F, D = (
+    /*$_*/
+    i[12]("transactionDateTitle") + ""
+  ), N, b, se, v, k = te(
+    /*transaction*/
+    i[45].DateTime
+  ).format(
+    /*datetimeformat*/
+    i[5]
+  ) + "", y, O, L, J, re = (
+    /*$_*/
+    i[12]("transactionPaymentMethodTitle") + ""
+  ), ie, ve, ge, X, Y = (
+    /*transaction*/
+    i[45].PaymentMethod + ""
+  ), oe, ce, K, ne, ue = (
+    /*$_*/
+    i[12]("transactionCodeTitle") + ""
+  ), ye, we, de, G, me, fe = (
+    /*transaction*/
+    i[45].Code + ""
+  ), Te, qe, Z, Q, l, x, R, z, ae, xe, Pe, be, le, Ie, ke, Fe, W, je, Me, V = (
+    /*transaction*/
+    i[45].RejectionNote && Qe(i)
+  ), B = (
+    /*transaction*/
+    i[45].PaymentFields && $e(i)
+  );
+  return le = new ut({
+    props: { src: (
+      /*transaction*/
+      i[45].Logo
+    ) }
+  }), {
+    c() {
+      e = h("tr"), s = h("td"), t = h("div"), n = h("div"), o = h("div"), d = h("span"), a = q(r), f = q(" :"), g = A(), p = h("span"), T = q(m), _ = A(), w = h("div"), F = h("span"), N = q(D), b = q(" :"), se = A(), v = h("span"), y = q(k), O = A(), L = h("div"), J = h("span"), ie = q(re), ve = q(" :"), ge = A(), X = h("span"), oe = q(Y), ce = A(), K = h("div"), ne = h("span"), ye = q(ue), we = q(" :"), de = A(), G = h("span"), me = h("span"), Te = q(fe), qe = A(), Z = De("svg"), Q = De("g"), l = De("path"), x = De("path"), z = A(), V && V.c(), ae = A(), xe = h("div"), B && B.c(), Pe = A(), be = h("div"), ze(le.$$.fragment), Fe = A(), c(d, "class", "DetailsTitle svelte-1xsmrqu"), c(p, "class", "DetailsValue svelte-1xsmrqu"), c(o, "class", "DetailsRow svelte-1xsmrqu"), c(F, "class", "DetailsTitle svelte-1xsmrqu"), c(v, "class", "DetailsValue svelte-1xsmrqu"), c(w, "class", "DetailsRow svelte-1xsmrqu"), c(J, "class", "DetailsTitle svelte-1xsmrqu"), c(X, "class", "DetailsValue svelte-1xsmrqu"), c(L, "class", "DetailsRow svelte-1xsmrqu"), c(ne, "class", "DetailsTitle svelte-1xsmrqu"), c(me, "class", "svelte-1xsmrqu"), c(l, "d", "M12.6663 4.375H5.54134C4.66689 4.375 3.95801 5.1585 3.95801 6.125V14C3.95801 14.9665 4.66689 15.75 5.54134 15.75H12.6663C13.5408 15.75 14.2497 14.9665 14.2497 14V6.125C14.2497 5.1585 13.5408 4.375 12.6663 4.375Z"), c(l, "stroke", "#666666"), c(l, "stroke-linecap", "round"), c(l, "stroke-linejoin", "round"), c(l, "class", "svelte-1xsmrqu"), c(x, "d", "M3.95801 13.125H3.16634C2.74642 13.125 2.34369 12.9406 2.04676 12.6124C1.74982 12.2842 1.58301 11.8391 1.58301 11.375V3.5C1.58301 3.03587 1.74982 2.59075 2.04676 2.26256C2.34369 1.93437 2.74642 1.75 3.16634 1.75H10.2913C10.7113 1.75 11.114 1.93437 11.4109 2.26256C11.7079 2.59075 11.8747 3.03587 11.8747 3.5V4.375"), c(x, "stroke", "#666666"), c(x, "stroke-linecap", "round"), c(x, "stroke-linejoin", "round"), c(x, "class", "svelte-1xsmrqu"), c(Q, "opacity", "0.5"), c(Q, "class", "svelte-1xsmrqu"), c(Z, "xmlns", "http://www.w3.org/2000/svg"), c(Z, "width", "19"), c(Z, "height", "19"), c(Z, "viewBox", "0 0 19 19"), c(Z, "fill", "none"), c(Z, "class", "svelte-1xsmrqu"), c(G, "data-copy", R = /*transaction*/
+      i[45].Code), c(G, "class", "DetailsValue CopyCode svelte-1xsmrqu"), c(K, "class", "DetailsRow svelte-1xsmrqu"), c(n, "class", "StaticDetails svelte-1xsmrqu"), c(xe, "class", "DynamicDetails svelte-1xsmrqu"), c(be, "class", "DetailsLogo svelte-1xsmrqu"), c(t, "class", "ExpandedContent svelte-1xsmrqu"), c(s, "colspan", ke = /*tableColumns*/
+      i[10].length), c(s, "class", "no-padding svelte-1xsmrqu"), c(e, "class", "ExpandedRow svelte-1xsmrqu");
+    },
+    m(C, E) {
+      I(C, e, E), u(e, s), u(s, t), u(t, n), u(n, o), u(o, d), u(d, a), u(d, f), u(o, g), u(o, p), u(p, T), u(n, _), u(n, w), u(w, F), u(F, N), u(F, b), u(w, se), u(w, v), u(v, y), u(n, O), u(n, L), u(L, J), u(J, ie), u(J, ve), u(L, ge), u(L, X), u(X, oe), u(n, ce), u(n, K), u(K, ne), u(ne, ye), u(ne, we), u(K, de), u(K, G), u(G, me), u(me, Te), u(G, qe), u(G, Z), u(Z, Q), u(Q, l), u(Q, x), u(n, z), V && V.m(n, null), u(t, ae), u(t, xe), B && B.m(xe, null), u(t, Pe), u(t, be), Re(le, be, null), u(e, Fe), W = !0, je || (Me = He(
+        G,
+        "mousedown",
+        /*mousedown_handler*/
+        i[31]
+      ), je = !0);
+    },
+    p(C, E) {
+      (!W || E[0] & /*$_*/
+      4096) && r !== (r = /*$_*/
+      C[12]("transactionTypeTitle") + "") && S(a, r), (!W || E[0] & /*$_, txnHistory*/
+      4224) && m !== (m = /*$_*/
+      C[12](`transactionType.${/*transaction*/
+      C[45].Type}`) + "") && S(T, m), (!W || E[0] & /*$_*/
+      4096) && D !== (D = /*$_*/
+      C[12]("transactionDateTitle") + "") && S(N, D), (!W || E[0] & /*txnHistory, datetimeformat*/
+      160) && k !== (k = te(
+        /*transaction*/
+        C[45].DateTime
+      ).format(
+        /*datetimeformat*/
+        C[5]
+      ) + "") && S(y, k), (!W || E[0] & /*$_*/
+      4096) && re !== (re = /*$_*/
+      C[12]("transactionPaymentMethodTitle") + "") && S(ie, re), (!W || E[0] & /*txnHistory*/
+      128) && Y !== (Y = /*transaction*/
+      C[45].PaymentMethod + "") && S(oe, Y), (!W || E[0] & /*$_*/
+      4096) && ue !== (ue = /*$_*/
+      C[12]("transactionCodeTitle") + "") && S(ye, ue), (!W || E[0] & /*txnHistory*/
+      128) && fe !== (fe = /*transaction*/
+      C[45].Code + "") && S(Te, fe), (!W || E[0] & /*txnHistory*/
+      128 && R !== (R = /*transaction*/
+      C[45].Code)) && c(G, "data-copy", R), /*transaction*/
+      C[45].RejectionNote ? V ? V.p(C, E) : (V = Qe(C), V.c(), V.m(n, null)) : V && (V.d(1), V = null), /*transaction*/
+      C[45].PaymentFields ? B ? B.p(C, E) : (B = $e(C), B.c(), B.m(xe, null)) : B && (B.d(1), B = null);
+      const Ne = {};
+      E[0] & /*txnHistory*/
+      128 && (Ne.src = /*transaction*/
+      C[45].Logo), le.$set(Ne), (!W || E[0] & /*tableColumns*/
+      1024 && ke !== (ke = /*tableColumns*/
+      C[10].length)) && c(s, "colspan", ke);
+    },
+    i(C) {
+      W || (P(le.$$.fragment, C), C && (Ie || rt(() => {
+        Ie = ot(
+          t,
+          /*slideInOnly*/
+          i[15],
+          {}
+        ), Ie.start();
+      })), W = !0);
+    },
+    o(C) {
+      U(le.$$.fragment, C), W = !1;
+    },
+    d(C) {
+      C && H(e), V && V.d(), B && B.d(), Ae(le), je = !1, Me();
+    }
+  };
+}
+function Qe(i) {
+  let e, s, t = (
+    /*$_*/
+    i[12]("transactionRejectionNoteTitle") + ""
+  ), n, o, d, r, a = (
+    /*transaction*/
+    i[45].RejectionNote + ""
+  ), f;
+  return {
+    c() {
+      e = h("div"), s = h("span"), n = q(t), o = q(" :"), d = A(), r = h("span"), f = q(a), c(s, "class", "DetailsTitle svelte-1xsmrqu"), c(r, "class", "DetailsValue svelte-1xsmrqu"), c(e, "class", "DetailsRow svelte-1xsmrqu");
+    },
+    m(g, p) {
+      I(g, e, p), u(e, s), u(s, n), u(s, o), u(e, d), u(e, r), u(r, f);
+    },
+    p(g, p) {
+      p[0] & /*$_*/
+      4096 && t !== (t = /*$_*/
+      g[12]("transactionRejectionNoteTitle") + "") && S(n, t), p[0] & /*txnHistory*/
+      128 && a !== (a = /*transaction*/
+      g[45].RejectionNote + "") && S(f, a);
+    },
+    d(g) {
+      g && H(e);
+    }
+  };
+}
+function $e(i) {
+  let e, s = $(Object.entries(
+    /*transaction*/
+    i[45].PaymentFields
+  )), t = [];
+  for (let n = 0; n < s.length; n += 1)
+    t[n] = et(Oe(i, s, n));
+  return {
+    c() {
+      for (let n = 0; n < t.length; n += 1)
+        t[n].c();
+      e = ct();
+    },
+    m(n, o) {
+      for (let d = 0; d < t.length; d += 1)
+        t[d] && t[d].m(n, o);
+      I(n, e, o);
+    },
+    p(n, o) {
+      if (o[0] & /*txnHistory, $_*/
+      4224) {
+        s = $(Object.entries(
+          /*transaction*/
+          n[45].PaymentFields
+        ));
+        let d;
+        for (d = 0; d < s.length; d += 1) {
+          const r = Oe(n, s, d);
+          t[d] ? t[d].p(r, o) : (t[d] = et(r), t[d].c(), t[d].m(e.parentNode, e));
+        }
+        for (; d < t.length; d += 1)
+          t[d].d(1);
+        t.length = s.length;
+      }
+    },
+    d(n) {
+      n && H(e), Se(t, n);
+    }
+  };
+}
+function et(i) {
+  let e, s, t = (
+    /*$_*/
+    i[12](`transaction${/*key*/
+    i[48]}Detail`, { default: (
+      /*key*/
+      i[48]
+    ) }) + ""
+  ), n, o, d, r, a = (
+    /*value*/
+    i[49] + ""
+  ), f, g;
+  return {
+    c() {
+      e = h("div"), s = h("span"), n = q(t), o = q(" :"), d = A(), r = h("span"), f = q(a), g = A(), c(s, "class", "DetailsTitle svelte-1xsmrqu"), c(r, "class", "DetailsValue svelte-1xsmrqu"), c(e, "class", "DetailsRow svelte-1xsmrqu");
+    },
+    m(p, m) {
+      I(p, e, m), u(e, s), u(s, n), u(s, o), u(e, d), u(e, r), u(r, f), u(e, g);
+    },
+    p(p, m) {
+      m[0] & /*$_, txnHistory*/
+      4224 && t !== (t = /*$_*/
+      p[12](`transaction${/*key*/
+      p[48]}Detail`, { default: (
+        /*key*/
+        p[48]
+      ) }) + "") && S(n, t), m[0] & /*txnHistory*/
+      128 && a !== (a = /*value*/
+      p[49] + "") && S(f, a);
+    },
+    d(p) {
+      p && H(e);
+    }
+  };
+}
+function tt(i) {
+  let e, s, t, n, o, d, r = $(
+    /*tableColumns*/
+    i[10]
+  ), a = [];
+  for (let m = 0; m < r.length; m += 1)
+    a[m] = Je(Ye(i, r, m));
+  const f = (m) => U(a[m], 1, 1, () => {
+    a[m] = null;
+  });
+  function g() {
+    return (
+      /*click_handler_1*/
+      i[30](
+        /*index*/
+        i[47]
+      )
+    );
+  }
+  let p = (
+    /*expandedRow*/
+    i[11] === /*index*/
+    i[47] && Ke(i)
+  );
+  return {
+    c() {
+      e = h("tr");
+      for (let m = 0; m < a.length; m += 1)
+        a[m].c();
+      s = A(), p && p.c(), t = ct(), c(e, "class", "TransactionHistoryRow svelte-1xsmrqu"), ee(
+        e,
+        "AllowExpand",
+        /*isshorttransactionhistory*/
+        i[3] === "true"
+      ), ee(
+        e,
+        "Expanded",
+        /*expandedRow*/
+        i[11] === /*index*/
+        i[47]
+      );
+    },
+    m(m, T) {
+      I(m, e, T);
+      for (let _ = 0; _ < a.length; _ += 1)
+        a[_] && a[_].m(e, null);
+      I(m, s, T), p && p.m(m, T), I(m, t, T), n = !0, o || (d = He(e, "click", g), o = !0);
+    },
+    p(m, T) {
+      if (i = m, T[0] & /*tableColumns, $_, txnHistory, copied, copyToClipboard, dateformat, datetimeformat*/
+      13744) {
+        r = $(
+          /*tableColumns*/
+          i[10]
+        );
+        let _;
+        for (_ = 0; _ < r.length; _ += 1) {
+          const w = Ye(i, r, _);
+          a[_] ? (a[_].p(w, T), P(a[_], 1)) : (a[_] = Je(w), a[_].c(), P(a[_], 1), a[_].m(e, null));
+        }
+        for (pe(), _ = r.length; _ < a.length; _ += 1)
+          f(_);
+        he();
+      }
+      (!n || T[0] & /*isshorttransactionhistory*/
+      8) && ee(
+        e,
+        "AllowExpand",
+        /*isshorttransactionhistory*/
+        i[3] === "true"
+      ), (!n || T[0] & /*expandedRow*/
+      2048) && ee(
+        e,
+        "Expanded",
+        /*expandedRow*/
+        i[11] === /*index*/
+        i[47]
+      ), /*expandedRow*/
+      i[11] === /*index*/
+      i[47] ? p ? (p.p(i, T), T[0] & /*expandedRow*/
+      2048 && P(p, 1)) : (p = Ke(i), p.c(), P(p, 1), p.m(t.parentNode, t)) : p && (pe(), U(p, 1, 1, () => {
+        p = null;
+      }), he());
+    },
+    i(m) {
+      if (!n) {
+        for (let T = 0; T < r.length; T += 1)
+          P(a[T]);
+        P(p), n = !0;
+      }
+    },
+    o(m) {
+      a = a.filter(Boolean);
+      for (let T = 0; T < a.length; T += 1)
+        U(a[T]);
+      U(p), n = !1;
+    },
+    d(m) {
+      m && (H(e), H(s), H(t)), Se(a, m), p && p.d(m), o = !1, d();
+    }
+  };
+}
+function Ut(i) {
+  let e, s, t, n;
+  const o = [jt, It], d = [];
+  function r(a, f) {
+    return (
+      /*txnHistory*/
+      a[7].length ? 0 : (
+        /*isLoading*/
+        a[9] ? 1 : -1
+      )
+    );
+  }
+  return ~(s = r(i)) && (t = d[s] = o[s](i)), {
+    c() {
+      e = h("div"), t && t.c(), c(e, "class", "CashierTransactionHistoryContainer svelte-1xsmrqu");
+    },
+    m(a, f) {
+      I(a, e, f), ~s && d[s].m(e, null), n = !0;
+    },
+    p(a, f) {
+      let g = s;
+      s = r(a), s === g ? ~s && d[s].p(a, f) : (t && (pe(), U(d[g], 1, 1, () => {
+        d[g] = null;
+      }), he()), ~s ? (t = d[s], t ? t.p(a, f) : (t = d[s] = o[s](a), t.c()), P(t, 1), t.m(e, null)) : t = null);
+    },
+    i(a) {
+      n || (P(t), n = !0);
+    },
+    o(a) {
+      U(t), n = !1;
+    },
+    d(a) {
+      a && H(e), ~s && d[s].d();
+    }
+  };
+}
+function Wt(i, e, s) {
+  let t;
+  mt(i, wt, (l) => s(12, t = l));
+  let { endpoint: n } = e, { session: o } = e, { lang: d = "en" } = e, { customerid: r } = e, { clientstyling: a = "" } = e, { clientstylingurl: f = "" } = e, { translationurl: g } = e, { tooltipduration: p = 1e3 } = e, { txncount: m } = e, { mbsource: T = "" } = e, { columns: _ } = e, { page: w = "0" } = e, { calculateprofit: F = "false" } = e, { fromdate: D = te().subtract(3, "month") } = e, { todate: N = te() } = e, { isshorttransactionhistory: b = "false" } = e, { dateformat: se = "DD.MM.YYYY" } = e, { datetimeformat: v = "DD.MM.YYYY HH:mm:ss" } = e, { userroles: k = "" } = e, y = [], O = !1, L, J, re, ie = !1, ve = [], ge = [], X;
+  var Y;
+  (function(l) {
+    l.Deposit = "deposit", l.Withdraw = "withdraw", l.Refund = "refund", l.Unknown = "unknown", l.TaxDeduction = "taxDeduction";
+  })(Y || (Y = {}));
+  const oe = [
+    "Authorized",
+    "Success",
+    "Failed",
+    "Rejected",
+    "PendingApprovalStage1",
+    "PendingApprovalStage2",
+    "PendingApprovalStage3",
+    "PendingNotification",
+    "PendingOfflineNotification",
+    "PendingConfirmation"
+  ];
+  var ce;
+  (function(l) {
+    l.Authorized = "Authorized", l.Success = "Success", l.Failed = "Failed", l.Rejected = "Rejected", l.Pending = "Pending";
+  })(ce || (ce = {})), ft(() => () => {
+  });
+  const K = () => {
+    let l = g;
+    if (l)
+      return fetch(l).then((x) => x.json()).then((x) => {
+        Object.keys(x).forEach((R) => {
+          Ue(R, x[R]);
+        });
+      }).catch((x) => {
+        console.log(x);
+      });
+  };
+  Object.keys(We).forEach((l) => {
+    Ue(l, We[l]);
+  });
+  const ne = () => {
+    kt(d);
+  }, ue = () => {
+    const l = new URL(`${n}/api/v1/mm/payment/gettransactionshistory`), x = new Headers();
+    x.append("accept", "application/json"), x.append("Content-Type", "application/json"), x.append("X-SessionId", `${o}`), ve.indexOf("MM_CHANNEL_BETA") != -1 && x.append("MM_CHANNEL", "BETA");
+    const R = {
+      method: "POST",
+      mode: "cors",
+      headers: x,
+      body: JSON.stringify({
+        language: d,
+        customerId: r,
+        count: +m,
+        page: +w,
+        fromDate: D,
+        toDate: N,
+        statuses: {
+          [Y.Deposit]: oe,
+          [Y.Withdraw]: oe,
+          [Y.Refund]: ["Unknown"],
+          [Y.TaxDeduction]: ["Unknown"],
+          [Y.Unknown]: ["Unknown"]
+        },
+        calculateProfit: F === "true"
+      })
+    };
+    s(9, ie = !0), fetch(l, R).then((z) => z.json()).then((z) => {
+      s(7, y = ye((z == null ? void 0 : z.items) || []));
+      const ae = {
+        type: "TransactionsLoaded",
+        total: z.total
+      };
+      F === "true" && (ae.statistic = z.statistic), window.postMessage(ae, window.location.href);
+    }).catch((z) => console.log(z)).finally(() => s(9, ie = !1));
+  }, ye = (l) => (s(10, ge = _.split(",")), s(11, X = null), l.map((x) => {
+    let R = x.generalFields.status;
+    return x.generalFields.status.toLowerCase().includes("pending") && (R = ce.Pending), {
+      Code: x.generalFields.code,
+      Date: x.generalFields.created,
+      DateTime: x.generalFields.created,
+      Status: R,
+      Type: x.generalFields.type,
+      Amount: x.generalFields.amount,
+      Currency: x.generalFields.currency,
+      PaymentMethod: x.generalFields.paymentMethod,
+      RejectionNote: x.generalFields.rejectionNote,
+      PaymentFields: x.paymentFields && Object.keys(x.paymentFields).length > 0 ? x.paymentFields : null,
+      Logo: we(x.logos)
+    };
+  }) || []), we = (l) => {
+    if (l && l.length) {
+      const x = l.find((z) => z.logoType === "Mobile"), R = l.find((z) => z.logoType === "Desktop");
+      return x && x.logoUrl || R && R.logoUrl;
+    }
+  }, de = (l, x = !0) => {
+    const z = l.currentTarget.dataset.copy;
+    z && navigator.clipboard.writeText(z).then(() => {
+      x && (s(8, O = !0), clearTimeout(J), J = setTimeout(
+        () => {
+          s(8, O = !1);
+        },
+        2e3
+      ));
+    }).catch((ae) => {
+      console.error("Could not copy text: ", ae);
+    });
+  }, G = (l) => {
+    b !== "true" && s(11, X = X === l ? null : l);
+  }, me = (l, x) => ({
+    delay: 0,
+    duration: 250,
+    css: (R) => `overflow: hidden; transform: translateY(${(1 - R) * 20}px); opacity: ${R}`
+  }), fe = () => {
+    k.length > 0 && (ve = k.split(","));
+  }, Te = (l) => de(l), qe = (l) => G(l), Z = (l) => de(l, !1);
+  function Q(l) {
+    pt[l ? "unshift" : "push"](() => {
+      L = l, s(6, L);
+    });
+  }
+  return i.$$set = (l) => {
+    "endpoint" in l && s(16, n = l.endpoint), "session" in l && s(17, o = l.session), "lang" in l && s(18, d = l.lang), "customerid" in l && s(19, r = l.customerid), "clientstyling" in l && s(0, a = l.clientstyling), "clientstylingurl" in l && s(1, f = l.clientstylingurl), "translationurl" in l && s(20, g = l.translationurl), "tooltipduration" in l && s(2, p = l.tooltipduration), "txncount" in l && s(21, m = l.txncount), "mbsource" in l && s(22, T = l.mbsource), "columns" in l && s(23, _ = l.columns), "page" in l && s(24, w = l.page), "calculateprofit" in l && s(25, F = l.calculateprofit), "fromdate" in l && s(26, D = l.fromdate), "todate" in l && s(27, N = l.todate), "isshorttransactionhistory" in l && s(3, b = l.isshorttransactionhistory), "dateformat" in l && s(4, se = l.dateformat), "datetimeformat" in l && s(5, v = l.datetimeformat), "userroles" in l && s(28, k = l.userroles);
+  }, i.$$.update = () => {
+    i.$$.dirty[0] & /*lang*/
+    262144 && d && ne(), i.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    65 && a && L && Tt(L, a), i.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    66 && f && L && xt(L, f), i.$$.dirty[0] & /*endpoint, session, customerid, lang, fromdate, todate, page, calculateprofit*/
+    252641280 && n && o && r && d && D && N && w && F && ue(), i.$$.dirty[0] & /*translationurl*/
+    1048576 && g && K(), i.$$.dirty[0] & /*mbsource, customStylingContainer*/
+    4194368 && T && L && _t(L, `${T}.Style`, re), i.$$.dirty[0] & /*userroles*/
+    268435456 && k && fe();
+  }, [
+    a,
+    f,
+    p,
+    b,
+    se,
+    v,
+    L,
+    y,
+    O,
+    ie,
+    ge,
+    X,
+    t,
+    de,
+    G,
+    me,
+    n,
+    o,
+    d,
+    r,
+    g,
+    m,
+    T,
+    _,
+    w,
+    F,
+    D,
+    N,
+    k,
+    Te,
+    qe,
+    Z,
+    Q
+  ];
+}
+class Vt extends st {
+  constructor(e) {
+    super(), it(
+      this,
+      e,
+      Wt,
+      Ut,
+      nt,
+      {
+        endpoint: 16,
+        session: 17,
+        lang: 18,
+        customerid: 19,
+        clientstyling: 0,
+        clientstylingurl: 1,
+        translationurl: 20,
+        tooltipduration: 2,
+        txncount: 21,
+        mbsource: 22,
+        columns: 23,
+        page: 24,
+        calculateprofit: 25,
+        fromdate: 26,
+        todate: 27,
+        isshorttransactionhistory: 3,
+        dateformat: 4,
+        datetimeformat: 5,
+        userroles: 28
+      },
+      Ht,
+      [-1, -1]
+    );
+  }
+  get endpoint() {
+    return this.$$.ctx[16];
+  }
+  set endpoint(e) {
+    this.$$set({ endpoint: e }), j();
+  }
+  get session() {
+    return this.$$.ctx[17];
+  }
+  set session(e) {
+    this.$$set({ session: e }), j();
+  }
+  get lang() {
+    return this.$$.ctx[18];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), j();
+  }
+  get customerid() {
+    return this.$$.ctx[19];
+  }
+  set customerid(e) {
+    this.$$set({ customerid: e }), j();
+  }
+  get clientstyling() {
+    return this.$$.ctx[0];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), j();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[1];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), j();
+  }
+  get translationurl() {
+    return this.$$.ctx[20];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), j();
+  }
+  get tooltipduration() {
+    return this.$$.ctx[2];
+  }
+  set tooltipduration(e) {
+    this.$$set({ tooltipduration: e }), j();
+  }
+  get txncount() {
+    return this.$$.ctx[21];
+  }
+  set txncount(e) {
+    this.$$set({ txncount: e }), j();
+  }
+  get mbsource() {
+    return this.$$.ctx[22];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), j();
+  }
+  get columns() {
+    return this.$$.ctx[23];
+  }
+  set columns(e) {
+    this.$$set({ columns: e }), j();
+  }
+  get page() {
+    return this.$$.ctx[24];
+  }
+  set page(e) {
+    this.$$set({ page: e }), j();
+  }
+  get calculateprofit() {
+    return this.$$.ctx[25];
+  }
+  set calculateprofit(e) {
+    this.$$set({ calculateprofit: e }), j();
+  }
+  get fromdate() {
+    return this.$$.ctx[26];
+  }
+  set fromdate(e) {
+    this.$$set({ fromdate: e }), j();
+  }
+  get todate() {
+    return this.$$.ctx[27];
+  }
+  set todate(e) {
+    this.$$set({ todate: e }), j();
+  }
+  get isshorttransactionhistory() {
+    return this.$$.ctx[3];
+  }
+  set isshorttransactionhistory(e) {
+    this.$$set({ isshorttransactionhistory: e }), j();
+  }
+  get dateformat() {
+    return this.$$.ctx[4];
+  }
+  set dateformat(e) {
+    this.$$set({ dateformat: e }), j();
+  }
+  get datetimeformat() {
+    return this.$$.ctx[5];
+  }
+  set datetimeformat(e) {
+    this.$$set({ datetimeformat: e }), j();
+  }
+  get userroles() {
+    return this.$$.ctx[28];
+  }
+  set userroles(e) {
+    this.$$set({ userroles: e }), j();
+  }
+}
+lt(Vt, { endpoint: {}, session: {}, lang: {}, customerid: {}, clientstyling: {}, clientstylingurl: {}, translationurl: {}, tooltipduration: {}, txncount: {}, mbsource: {}, columns: {}, page: {}, calculateprofit: {}, fromdate: {}, todate: {}, isshorttransactionhistory: {}, dateformat: {}, datetimeformat: {}, userroles: {} }, [], [], !0);
+export {
+  Vt as default
+};