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

@tap-payments/os-micro-frontend-shared 0.1.111-test.8 → 0.1.111-test.9

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

package/build/components/ReceiptViewer/ReceiptViewer.d.ts +1 -1
package/build/components/ReceiptViewer/ReceiptViewer.js +2 -235
package/package.json +2 -2

package/build/components/ReceiptViewer/ReceiptViewer.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { ReceiptViewerProps } from './type';
-export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, onClose }: ReceiptViewerProps): import("react/jsx-runtime").JSX.Element;
+export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, receiptContent, onClose }: ReceiptViewerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,7 +11,7 @@ import JSONTitleBar from './components/ReceiptTitleBar';
 import { Container, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT } from './style';
 const VIEWER_WIDTH = 502;
 const animationDuration = 0.5;
-export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, onClose }) {
+export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, receiptContent, onClose }) {
     var _a, _b, _c, _d;
     const [isMaximized, setIsMaximized] = useState(false);
     const [isResized, setIsResized] = useState(false);
@@ -118,238 +118,5 @@ 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: _jsx(Box, { id: "receipt-content", 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>`,
-                                    } }) })) }))] }) })) })) })));
+                            } }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: _jsx(Box, { id: "receipt-content", dangerouslySetInnerHTML: { __html: receiptContent } }) })) }))] }) })) })) })));
 }

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.8",
-  "testVersion": 8,
+  "version": "0.1.111-test.9",
+  "testVersion": 9,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",