fix receipt print regression

kilbot · kilbot · commit e47537f2e269 · 2023-05-02T17:57:28.000+01:00
diff --git a/includes/Templates/Receipt.php b/includes/Templates/Receipt.php
@@ -21,9 +21,35 @@ class Receipt {
 
 	public function __construct( int $order_id ) {
 		$this->order_id = $order_id;
+
+		add_action( 'woocommerce_pos_receipt_head' , array( $this, 'receipt_head' ) );
+	}
+
+	/**
+	 * Adds a script to the head of the WordPress template when the
+	 * 'woocommerce_pos_receipt_head' action is triggered. The script listens for
+	 * a 'message' event with a specific action ('wcpos-print-receipt') and, upon
+	 * receiving such an event, triggers the browser's print functionality.
+	 *
+	 * Usage: Call `do_action( 'woocommerce_pos_receipt_head' );` at the desired
+	 * location in your template file to include the script.
+	 */
+	public function receipt_head(): void {
+		?>
+		<script>
+			window.addEventListener("message", ({data}) => {
+				if (data.action && data.action === "wcpos-print-receipt") {
+					window.print();
+				}
+			}, false);
+		</script>
+		<?php
 	}
 
 
+	/**
+	 * @return void
+	 */
 	public function get_template(): void {
 		try {
 			$order = wc_get_order( $this->order_id );
diff --git a/templates/receipt.php b/templates/receipt.php
@@ -136,6 +136,13 @@
 				margin-bottom: 3px;
 			}
 		</style>
+		<?php
+		/**
+		 * IMPORTANT!
+		 * This hook adds the javascript to print the receipt.
+		 */
+		do_action( 'woocommerce_pos_receipt_head' );
+		?>
 	</head>
 <body <?php body_class(); ?>>
 <div class="sales-receipt">
