npm - @tap-payments/os-micro-frontend-shared - Versions diffs - 0.1.111-test.2 → 0.1.111-test.4 - Mend

@tap-payments/os-micro-frontend-shared 0.1.111-test.2 → 0.1.111-test.4

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 (6) hide show

package/build/components/ReceiptViewer/ReceiptViewer.js CHANGED Viewed

@@ -118,5 +118,238 @@ export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, o
                                 background: 'transparent',
                                 position: 'fixed',
                                 width: '100%',
-                            } }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: "Here new Content" })) }))] }) })) })) })));
+                            } }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: _jsx("div", { dangerouslySetInnerHTML: {
+                                        __html: `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Receipt - 204723251031076213</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      id="ls-google-fonts-css"
+      href="http://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900"
+      type="text/css"
+      media="all"
+    />
+    <style>
+      * {
+        padding: 0;
+        margin: 0;
+        font-family: inherit;
+        -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
+      }
+      body {
+        display: block;
+        margin: 0 auto;
+        clear: both;
+        font-family: Helvetica, Arial, sans-serif;
+        color: #4b4847;
+        background-color: #f6f6f6;
+        font-size: 14px;
+      }
+      .root {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+      .app-container {
+        max-width: 502px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        min-height: 1vh;
+        margin: 16px auto;
+        transform: translateX(16px);
+        padding: 0 15px;
+      }
+      @media screen and (max-width: 600px) {
+        .app-container {
+          margin: 15px auto;
+          transform: translateX(0);
+        }
+      }
+      .d-flex {
+        display: flex;
+      }
+      .d-flex-center {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      .flex-column {
+        flex-direction: column;
+      }
+      .items-center {
+        align-items: center;
+      }
+      .justify-content-center {
+        justify-content: center;
+      }
+      .justify-content-between {
+        justify-content: space-between;
+      }
+      .flex-center {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      .text-center {
+        text-align: center;
+      }
+      .status-panel {
+        background-color: #7702fe;
+        padding: 10px 0px;
+        border-radius: 3px;
+        font-size: 14px;
+        line-height: 18px;
+        font-family: Lato, Helvetica, Arial, sans-serif;
+        color: #f6f6f6;
+      }
+      .lined-row {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 0;
+        border-bottom: 1px solid #4b4847;
+        font-size: 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="root">
+      <main class="app-container">
+        <div
+          class="d-flex justify-content-between items-center"
+          style="padding: 15px 10px; font-size: 14px"
+        >
+          <span>Receipt 204723251031076213</span>
+          <span>1753627703467</span>
+        </div>
+        <div
+          class="status-panel d-flex-center"
+          style="font-family: Helvetica, Arial, sans-serif"
+        >
+          REFUNDED - VISA 46 SAR 2227251448073436099
+        </div>
+        <div
+          class="d-flex-center"
+          style="
+            padding: 10px 0px;
+            margin: 10px 0;
+            line-height: 18px;
+            color: black;
+          "
+        >
+          Reference ID - 2227251448073436099, Authorize ID - 255316
+        </div>
+        <!-- Paper -->
+        <section
+          style="
+            border-left: 1px solid #e9e9e9;
+            border-right: 1px solid #e9e9e9;
+          "
+        >
+          <!-- Total + Logo -->
+          <div
+            style="background-color: #e9e9e9"
+            class="d-flex flex-column items-center"
+          >
+            <div class="d-flex-center" style="padding-top: 30px">
+              <img
+                alt="Merchant Logo"
+                src=""
+                width="70"
+                height="70"
+              />
+            </div>
+            <p style="font-size: 16px; padding-top: 5px"></p>
+            <p style="font-size: 36px; font-weight: 300; padding-top: 10px">
+              46 SAR
+            </p>
+          </div>
+          <div style="padding: 25px 5% 0 5%; background-color: #ffffff">
+            <!-- Total details + other info -->
+            <div class="d-flex flex-column">
+              <div class="lined-row">
+                <span>Refunded Amount </span>
+                <span>46 SAR</span>
+              </div>
+            </div>
+            <p
+              class="d-flex-center flex-column text-center"
+              style="margin-top: 40px"
+            >
+              <span
+                >Please retain this refund reference for your records.
+              </span>
+              <span>
+                Payers will get the refunded amount in their card bank account
+                within 3 to 15 business day(s) and in case there is any delay,
+                payers has to contact the bank using this refund reference ID.
+              </span>
+            </p>
+          </div>
+          <div class="d-flex">
+            <img
+              class="img-max"
+              width="100%"
+              src="https://www.gotapnow.com/web/tmem/zigzag.png"
+            />
+          </div>
+        </section>
+        <section
+          style="
+            font-size: 12px;
+            line-height: 18px;
+            color: #aaaaaa;
+            padding: 5px;
+          "
+        >
+          <p style="padding: 5px 0; text-align: center">
+            Please do not reply to this email. This mailbox is not monitored &
+            you will not receive a reply.
+          </p>
+          <p style="text-align: center">
+            <span style="display: block">
+              Tap is a brand of the International Trading Group.
+            </span>
+            <span style="display: block"> TM and copyright © 2025. </span>
+            <span style="display: block">All Rights Reserved. </span>
+          </p>
+          <div class="d-flex-center" style="padding: 10px 0 20px 0">
+            <a href="https://www.gotapnow.com"
+              ><img
+                src="https://www.gotapnow.com/web/tmem/tap_gray.png"
+                height="50"
+                width="50"
+            /></a>
+          </div>
+        </section>
+      </main>
+    </div>
+  </body>
+</html>`,
+                                    } }) })) }))] }) })) })) })));
 }

package/build/components/TableCells/CustomCells/ActionCell/constant.d.ts CHANGED Viewed

@@ -29,4 +29,5 @@ export declare const actionIcons: {
     brand: string;
     clipboard: string;
     viewApi: string;
+    viewReceipt: string;
 };

package/build/components/TableCells/CustomCells/ActionCell/constant.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { BadgeVariants } from '../../../CountBadge';
-import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, } from '../../../../constants/index.js';
+import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, receiptBillIcon, } from '../../../../constants/index.js';
 export const flags = {
     GRAY: { icon: closedFlagIcon, color: '#CFCFCF' },
     ORANGE: { icon: orangeFlagIcon, color: '#FFD503' },
@@ -25,4 +25,5 @@ export const actionIcons = {
     brand: brandPlaceholderIcon,
     clipboard: clipboardIcon,
     viewApi: jsonBlackIcon,
+    viewReceipt: receiptBillIcon,
 };

package/build/components/TableCells/CustomCells/ActionCell/hooks/useActionCell.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export declare function useActionCell({ actions, isDropdownShown, onCloseDropdow
         label: string;
         onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
         onRightClick?: ((e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void) | undefined;
-        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi";
+        icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt";
         isLoading?: boolean | undefined;
         isError?: boolean | undefined;
         isSuccess?: boolean | undefined;

package/build/components/TableCells/CustomCells/ActionCell/style.d.ts CHANGED Viewed

@@ -283,5 +283,5 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
     fetchPriority?: "auto" | "high" | "low" | undefined;
     srcSet?: string | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLImageElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | undefined;
+    icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt" | undefined;
 }, {}, {}>;

package/package.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.111-test.2",
-  "testVersion": 2,
+  "version": "0.1.111-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",