@automattic/newspack-blocks 4.28.0 → 4.29.0-alpha.2

package/dist/modalCheckout.js

@@ -1 +1 @@
-(()=>{"use strict";const e=(e,t={})=>({...t,action:e}),t=["action","action_type","amount","currency","product_id","product_type","variation_id","variation_ids","is_variable","is_grouped","child_ids","price_summary","newspack_popup_id","prompt_title","gate_post_id","recurrence","referrer"],o=(e,o="np_modal_checkout_interaction")=>{if("function"==typeof window.gtag&&e){const c={};for(const o of t)e[o]&&("boolean"==typeof e[o]?e[o]=e[o]?"yes":"no":"true"===e[o]?e[o]="yes":"false"===e[o]&&(e[o]="no"),c[o]=e[o].toString());window.gtag("event",o,c)}};function c(e){"undefined"!=typeof document&&"function"==typeof e&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",e):e())}function n(e){const t="string"==typeof e?document.getElementById(e):e;if(!t)return console.warn("No container found for checkout data"),{};let o={};if("FORM"===t.tagName){const e=new FormData(t);o=Object.fromEntries(e)}const c=t.dataset.checkout;if(!c)return console.warn("No checkout data found"),o;try{o={...o,...JSON.parse(c)}}catch(e){console.warn("Error parsing checkout data")}const n=new URL(t.ownerDocument.defaultView.location.href);return n.searchParams.get("action_type")&&(o.action_type=n.searchParams.get("action_type")),o}const r=(t="continue")=>{if("function"!=typeof window.gtag)return;const{action_type:c,amount:r,currency:i,product_id:a,product_type:s,recurrence:d,referrer:u,variation_id:l="",gate_post_id:p="",newspack_popup_id:_="",prompt_title:h=""}=n("modal-checkout-product-details"),m={action_type:c,amount:r,currency:i,product_id:a,product_type:s,recurrence:d,referrer:u};l&&(m.variation_id=l),p&&(m.gate_post_id=p),_&&(m.newspack_popup_id=_),h&&(m.prompt_title=h);const f=e(t,m);o(f)};var i;i=jQuery,c(()=>{if(!i)return void console.warn("jQuery is not available.");const t=document.querySelector("#newspack_modal_checkout_container"),a=newspackBlocksModalCheckout.newspack_class_prefix,s=new CustomEvent("checkout-ready"),d=new CustomEvent("checkout-complete"),u=new CustomEvent("checkout-cancel"),l=new CustomEvent("checkout-place-order-start"),p=new CustomEvent("checkout-place-order-success"),_=new CustomEvent("checkout-place-order-error"),h=new CustomEvent("checkout-place-order-critical-error");function m(){i(".woocommerce-notices-wrapper").empty(),i(`.woocommerce-NoticeGroup-checkout, .${a}__inline-error, .woocommerce-error, .woocommerce-message, .wc-block-components-notice-banner`).remove()}function f(r=!0){t.checkoutReady=!0,t.dispatchEvent(s),r&&c(function(){if("function"!=typeof window.gtag)return;const t=n("modal-checkout-product-details"),c=e("loaded",t);o(c)})}if(newspackBlocksModalCheckout.is_checkout_complete)(()=>{if("function"!=typeof window.gtag)return;const t=n("modal-checkout-product-details"),c=e("form_submission_success",t);o(c)})(),t&&(t.checkoutComplete=!0,t.dispatchEvent(d));else{function g(){i("#wcpay-express-checkout-button-separator, #wc-stripe-payment-request-button-separator, #wc-stripe-express-checkout-button-separator").after('<div class="newspack-ui__word-divider">'+newspackBlocksModalCheckout.divider_text+"</div>");let c=[];const s=i("form.checkout"),d=i("#checkout_cancel");if(d.length&&d.on("click",function(){t.dispatchEvent(u)}),!s.length)return console.warn("Checkout form is not available"),void f();const g=i("form.modal_checkout_coupon"),w=i("form.modal_checkout_nyp"),v=i("#checkout_continue"),b=i("#customer_details"),y=i("#after_customer_details"),C=i(".newspack-wcsg--wrapper");function x(){const e=i('input[name="payment_method"]:checked').val();i(".wc_payment_method").removeClass("selected"),i(".wc_payment_method.payment_method_"+e).addClass("selected")}i('input[name="payment_method"]').change(x),i(document).on("payment_method_selected",x),i(document).on("updated_checkout",x),x();let E=!1;function M(e,t=!0){const o=i("#modal-checkout-product-details strong");return!(!o.length||!e||(t&&o.html()!==e?o.html(e):t||o.text()===e||o.text(e),0))}s.on("checkout_place_order",function(){E||(E=!0,t.dispatchEvent(l))}),function(e,t){e.checkoutPlaceOrderProcessing?t():e.addEventListener("checkout-place-order-processing",t)}(t,function(){E&&(s.is(".processing")||(E=!1,t.dispatchEvent(_)))}),s.on("checkout_place_order_success",function(){E=!1,t.dispatchEvent(p)}),i(document.body).on("checkout_error",function(e,o){E&&(E=!1,o&&o.indexOf(newspackBlocksModalCheckout.labels.critical_error)>=0?t.dispatchEvent(h):t.dispatchEvent(_))}),s.on("update_checkout",function(){E&&(E=!1,t.dispatchEvent(_))}),i(document).on("updated_checkout",function(){i("#payment .wc_payment_methods").length?i("#after_customer_details > h3").show():i("#after_customer_details > h3").hide()}),i(document).on("updated_checkout",function(){const e=i(".order-review-wrapper");if(!e.length)return;const t=e.find("table");t.is(".empty")?e.addClass("hidden"):(t.unblock(),e.removeClass("hidden"));const o=i("#after_customer_details").hasClass("transaction-details-expanded"),c=i(".payment_methods");if(c.length){const t=e.clone();o&&i('[id="order_review_heading"]',t).attr("aria-expanded","true"),i(".order-review-wrapper").remove(),c.after(t)}else o||e.find("#order_review_heading").trigger("click")});let $=!1;function O(){const e=i("form.checkout");return e.length?e.serialize():""}i(document).on("updated_checkout",function(){!function(){const e=i(".order-review-wrapper .woocommerce-checkout-review-order-table tr.cart_item").first();if(!e.length)return!1;const t=e.find(".product-name").clone();t.find(".product-quantity").remove();const o=t.text().replace(/\s+/g," ").trim(),c=e.find(".product-total").text().replace(/\s+/g," ").trim();return!(!o||!c)&&M(`${o}: ${c}`,!1)}()?function(){$&&$.abort();const e=i.ajax({url:newspackBlocksModalCheckout.ajax_url,method:"POST",data:{action:"get_cart_product_summary",modal_checkout:1,post_data:O()},success:t=>{$===e&&M(t)},complete:()=>{$===e&&($=!1)}});$=e}():$&&($.abort(),$=!1)}),i(document).on("click","#order_review_heading",function(){i(this).attr("aria-expanded",function(e,t){return"false"===t?"true":"false"}),i("#after_customer_details").toggleClass("transaction-details-expanded")});let B=!1;function N(e=function(){return i(".order-review-wrapper tr.order-total:not(.recurring-total) .amount").first().text().replace(/\s+/g," ").trim()}()){let t=newspackBlocksModalCheckout.labels.complete_button;if(t){if(e&&i("#place_order").has(i("span.cart-price"))){const o=i("<div>"+t+"</div>");o.find(".cart-price").html(e),t=o.html()}i("#place_order").html(t),i("#place_order_clone").html(t),e||function(e){B&&B.abort();const t=i.ajax({url:newspackBlocksModalCheckout.ajax_url,method:"POST",data:{action:"get_cart_total",modal_checkout:1,post_data:O()},success:o=>{o&&B===t&&e(o)},complete:()=>{B===t&&(B=!1)}});B=t}(N)}}if(i(document).on("updated_checkout",function(){N()}),C.length){const e=C.find(".newspack-wcsg--gift-toggle input"),t=C.find(".newspack-wcsg--gift-email");e.on("change",function(){e.is(":checked")?t.addClass("visible"):t.removeClass("visible")})}function j(e){s.find(".input-text, select, input:checkbox").trigger("validate").trigger("blur");let t=!1;const o=[],c=e=>{const c=i("#"+e.data("id")+"_field");if(c?.length){t||(t=c);const o=c.find(".woocommerce-error");o.length&&o.remove(),c.addClass("woocommerce-invalid").removeClass("woocommerce-valid"),c.append(`<span class="${a}__inline-error">`+e.text()+"</span>"),e.remove()}else e.is("li")||(e=i("<li />").append(e)),o.push(e)};if(m(),0!==e.trimStart().indexOf("<")?c(i("<li />").append(e)):e.includes("<li")?i(e).find("li").each(function(){c(i(this))}):c(i(e)),o.length){t=!1;const e=i('<div class="woocommerce-NoticeGroup woocommerce-NoticeGroup-checkout"/>').append(i('<ul class="woocommerce-error" role="alert" />').append(o));s.prepend(e),e.get(0).scrollIntoView({behavior:"smooth"})}t?.length&&(window.scroll({top:t.offset().top-100,left:0,behavior:"smooth"}),t.find("input.input-text, select, input:checkbox").trigger("focus")),T(s),i(document.body).trigger("update_checkout"),i(document.body).trigger("checkout_error",[e])}function P(e){e.preventDefault(),e.stopImmediatePropagation(),L(),r("continue")}function S(e){const t=window.newspack_grecaptcha||{};if(m(),i("#checkout_details").remove(),e)s.attr("data-skip-recaptcha","1"),s.append('<input name="is_validation_only" type="hidden" value="1" />'),"v3"===t?.version&&t.destroy(s.get()),g.length&&g.hide(),w.length&&w.hide(),b.show(),y.hide(),b.find("input").first().focus(),c=function(e,t){const o=i._data(e,"events");return o?t?o[t]||[]:o:[]}(s[0],"submit").slice(0),c.forEach(e=>{s.off("submit",e.handler)}),s.on("submit",P);else{s.removeAttr("data-skip-recaptcha");const e=s.find('[name="is_validation_only"]');if(e.length&&e.remove(),t?.render){s.data("newspack-recaptcha","newspack_modal_checkout");const e=()=>{m(),s.get(0).scrollIntoView({behavior:"smooth"})},o=e=>j(e);t.render(s.get(),e,o),i(document).on("updated_checkout",()=>t.render(s.get(),e,o)),i(document.body).on("checkout_error",()=>t.render(s.get(),e,o))}g.length&&g.show(),w.length&&w.show(),b.hide(),y.show(),function(){i("#checkout_details").remove();const e={};s.serializeArray().forEach(t=>{e[t.name]=t.value});const t=`${newspackBlocksModalCheckout.newspack_class_prefix}__font--xs`,o=[];o.push('<div class="billing-details">'),o.push("<h3>"+newspackBlocksModalCheckout.labels.billing_details+"</h3>"),(e.billing_first_name||e.billing_last_name)&&o.push(`<p class="${t}">`+e.billing_first_name+" "+e.billing_last_name+"</p>"),e.billing_company&&o.push(`<p class="${t}">`+e.billing_company+"</p>");let c="";if((e.billing_address_1||e.billing_address_2)&&(c=`<p class="${t}">`,e.billing_address_1&&(c+=e.billing_address_1),e.billing_address_2&&(c+=" "+e.billing_address_2),c+="<br>",e.billing_city&&(c+=e.billing_city),e.billing_state&&(c+=", "+e.billing_state),e.billing_postcode&&(c+=" "+e.billing_postcode),c+="<br>",e.billing_country&&(c+=e.billing_country)),o.push(c),e.billing_email&&o.push(`<p class="${t}">`+e.billing_email+"</p>"),o.push("</div>"),e.hasOwnProperty("shipping_address_1")){o.push('<div class="shipping-details">'),o.push("<h3>"+newspackBlocksModalCheckout.labels.shipping_details+"</h3>");let n="";e.ship_to_different_address?(n=`<p class="${t}">`,e.shipping_address_1&&(n+=e.shipping_address_1),e.shipping_address_2&&(n+=" "+e.shipping_address_2),n+="<br>",e.shipping_city&&(n+=e.shipping_city),e.shipping_state&&(n+=", "+e.shipping_state),e.shipping_postcode&&(n+=" "+e.shipping_postcode),n+="<br>",e.shipping_country&&(n+=e.shipping_country)):n=c,o.push(n),o.push("</div>")}e.hasOwnProperty("newspack_wcsg_is_gift")&&e.hasOwnProperty("wcsg_gift_recipients_email")&&e.newspack_wcsg_is_gift&&e.wcsg_gift_recipients_email&&(o.push('<div class="gift-details">'),o.push("<h3>"+newspackBlocksModalCheckout.labels.gift_recipient+"</h3>"),o.push(`<p class="${t}">`+e.wcsg_gift_recipients_email+"</p>")),i(".order-details-summary").after('<div id="checkout_details">'+o.join("")+"</div>")}(),s.off("submit",P),c.forEach(e=>{s.on("submit",e.handler)}),k(),i(document.body).trigger("update_checkout",{update_shipping_method:!1})}s.triggerHandler("editing_details",[e]),window.scroll({top:0,left:0,behavior:"smooth"})}function L(e=!1,t=()=>{}){if(!D(s))return console.warn("Unable to block the form"),t(),!1;m();const o=s.find(".woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout");o.length&&o.remove();const c=["save_user_in_woopay"],n=s.serializeArray().filter(e=>!c.includes(e.name));n.push({name:"newspack_blocks_checkout_action",value:"1"}),i.ajax({type:"POST",url:wc_checkout_params.checkout_url,data:n,dataType:"html",success:o=>{let c;try{c=JSON.parse(o)}catch(e){c={messages:'<div class="woocommerce-error">'+wc_checkout_params.i18n_checkout_error+"</div>"}}e||!0!==c.reload?(T(s),c.messages?e||(c.messages?j(c.messages):j(`<div class="${a}__inline-error">`+wc_checkout_params.i18n_checkout_error+"</div>")):(S(!1),i._data(s[0],"events")?.click?.some(e=>"#checkout_edit_billing"===e.selector)||s.on("click","#checkout_edit_billing",function(e){e.preventDefault(),S(!0),r("back")})),t(c)):window.location.reload()},error:(o,c,n)=>{let r="";e||(r='<div class="woocommerce-error">'+(n||wc_checkout_params.i18n_checkout_error)+"</div>",j(r)),t({messages:r})}})}function D(e){return!e.is(".modal-processing")&&(e.find("button[type=submit]").each((e,t)=>{i(t).attr("disabled",!0)}),e.addClass("modal-processing"),!0)}function T(e){return!!e.is(".modal-processing")&&(e.find("button[type=submit]").each((e,t)=>{i(t).attr("disabled",!1)}),e.removeClass("modal-processing"),!0)}v.length?(S(!0),C.length?f():L(!0,f)):f(),g.length&&(g.on("submit",function(e){if(e.preventDefault(),!D(g))return!1;const t={security:wc_checkout_params.apply_coupon_nonce,coupon_code:g.find('input[name="coupon_code"]').val()};i.ajax({type:"POST",url:wc_checkout_params.wc_ajax_url.toString().replace("%%endpoint%%","apply_coupon"),data:t,dataType:"html",success:e=>{if(m(),g.find(".result").remove(),e){const o=e.includes("error");g.append(`<p class="result ${a}__helper-text ${o?a+"__inline-error":""}">`+i(e).text()+"</p>"),o?(g.find('input[name="coupon_code"]').focus(),g.find('h3, input[name="coupon_code"]').addClass("newspack-ui__field-error")):(g.find('input[name="coupon_code"]').focus(),g.find('h3, input[name="coupon_code"]').removeClass("newspack-ui__field-error")),i(document.body).trigger("applied_coupon_in_checkout",[t.coupon_code]),i(document.body).trigger("update_checkout",{update_shipping_method:!1})}},complete:()=>{T(g)}})}),i(document.body).on("removed_coupon_in_checkout",()=>{m(),g.find(".result").remove(),g.find('input[name="coupon_code"]').val("").focus()})),w.length&&w.on("submit",function(e){if(e.preventDefault(),!D(w))return!1;const t=w.find('input[name="price"]');t.attr("disabled",!0);const o={_ajax_nonce:newspackBlocksModalCheckout.nyp_nonce,action:"process_name_your_price_request",price:w.find('input[name="price"]').val(),product_id:w.find('input[name="product_id"]').val(),newspack_checkout_name_your_price:w.find('input[name="newspack_checkout_name_your_price"]').val()};i.ajax({type:"POST",url:newspackBlocksModalCheckout.ajax_url,data:o,success:({success:e,data:t})=>{m(),w.find(".result").remove(),w.append(`<p class="result ${a}__helper-text ${e?"":a+"__inline-error"}">`+t.message+"</p>"),e?w.find('h3, input[name="price"]').removeClass("newspack-ui__field-error"):(w.find('input[name="price"]').focus(),w.find('h3, input[name="price"]').addClass("newspack-ui__field-error")),i(document.body).trigger("update_checkout",{update_shipping_method:!1})},complete:()=>{T(w),t.attr("disabled",!1),t.focus()}})}),s.on("click","#place_order",function(){(()=>{if("function"!=typeof window.gtag)return;const t=n("modal-checkout-product-details"),c=e("form_submission",t);o(c)})()});const G=function(){if(!t)return;const e="data-newspack-error-handled",o=o=>{o.hasAttribute(e)||(o.setAttribute(e,"true"),i(o).addClass(`${a}__notice ${a}__notice--error`),t.dispatchEvent(_),o.scrollIntoView({behavior:"smooth",block:"center"}))},c=e=>!!e.classList?.contains("woocommerce-error")||!(!e.classList?.contains("wc-block-components-notice-banner")||!e.classList?.contains("is-error")),n=new MutationObserver(e=>{for(const t of e)for(const e of t.addedNodes){if(e.nodeType!==Node.ELEMENT_NODE)continue;if(c(e))return void o(e);const t=e.querySelector?.(".woocommerce-error, .wc-block-components-notice-banner.is-error");if(t)return void o(t)}});return n.observe(t,{childList:!0,subtree:!0}),n}();if(G){const e=()=>G.disconnect();t.addEventListener("checkout-complete",e),t.addEventListener("checkout-cancel",e),window.addEventListener("beforeunload",e)}}g()}function k(){const e=i("#newspack_subscription_terms_confirmation, #newspack_subscription_confirmation");if(e.length){const t=i("form.checkout"),o=t.find("button#place_order, button#place_order_clone");function c(){const t=e.is(":checked");o.each((e,o)=>{i(o).attr("disabled",!t)})}c(),e.on("change",c),t.on("submit",function(t){if(!e.is(":checked"))return t.preventDefault(),t.stopPropagation(),!1})}}i(document.body).on("updated_checkout payment_method_selected checkout_error",k),i(document).ready(k),i(document.body).on("checkout_error",function(){const e=i(".woocommerce-NoticeGroup-checkout, .woocommerce-notices-wrapper:not(:empty)");e.length&&e.each((e,t)=>i(t).addClass(`${a}__notice ${a}__notice--error`));const t=i("#checkout_error_back");t.length&&t.on("click",e=>{e.preventDefault(),parent.newspackCloseModalCheckout()}),f(!1)}),document.addEventListener("keydown",function(e){"Escape"===e.key&&parent.newspackCloseModalCheckout()}),newspackBlocksModalCheckout.is_error&&i(document.body).trigger("checkout_error")})})();
+(()=>{"use strict";const e=(e,t={})=>({...t,action:e}),t=["action","action_type","amount","currency","product_id","product_type","variation_id","variation_ids","is_variable","is_grouped","child_ids","price_summary","newspack_popup_id","prompt_title","gate_post_id","recurrence","referrer"],o=(e,o="np_modal_checkout_interaction")=>{if("function"==typeof window.gtag&&e){const c={};for(const o of t)e[o]&&("boolean"==typeof e[o]?e[o]=e[o]?"yes":"no":"true"===e[o]?e[o]="yes":"false"===e[o]&&(e[o]="no"),c[o]=e[o].toString());window.gtag("event",o,c)}};function c(e){"undefined"!=typeof document&&"function"==typeof e&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",e):e())}function n(e){const t="string"==typeof e?document.getElementById(e):e;if(!t)return console.warn("No container found for checkout data"),{};let o={};if("FORM"===t.tagName){const e=new FormData(t);o=Object.fromEntries(e)}const c=t.dataset.checkout;if(!c)return console.warn("No checkout data found"),o;try{o={...o,...JSON.parse(c)}}catch(e){console.warn("Error parsing checkout data")}const n=new URL(t.ownerDocument.defaultView.location.href);return n.searchParams.get("action_type")&&(o.action_type=n.searchParams.get("action_type")),o}const i=(t="continue")=>{if("function"!=typeof window.gtag)return;const{action_type:c,amount:i,currency:r,product_id:s,product_type:a,recurrence:d,referrer:u,variation_id:p="",gate_post_id:l="",newspack_popup_id:_="",prompt_title:h=""}=n("modal-checkout-product-details"),m={action_type:c,amount:i,currency:r,product_id:s,product_type:a,recurrence:d,referrer:u};p&&(m.variation_id=p),l&&(m.gate_post_id=l),_&&(m.newspack_popup_id=_),h&&(m.prompt_title=h);const f=e(t,m);o(f)};var r;r=jQuery,c(()=>{if(!r)return void console.warn("jQuery is not available.");const t=document.querySelector("#newspack_modal_checkout_container"),s=newspackBlocksModalCheckout.newspack_class_prefix,a=new CustomEvent("checkout-ready"),d=new CustomEvent("checkout-complete"),u=new CustomEvent("checkout-cancel"),p=new CustomEvent("checkout-place-order-start"),l=new CustomEvent("checkout-place-order-success"),_=new CustomEvent("checkout-place-order-error"),h=new CustomEvent("checkout-place-order-critical-error");function m(){r(".woocommerce-notices-wrapper").empty(),r(`.woocommerce-NoticeGroup-checkout, .${s}__inline-error, .woocommerce-error, .woocommerce-message, .wc-block-components-notice-banner`).remove()}function f(i=!0){t.checkoutReady=!0,t.dispatchEvent(a),i&&c(function(){if("function"!=typeof window.gtag)return;const t=n("modal-checkout-product-details"),c=e("loaded",t);o(c)})}if(newspackBlocksModalCheckout.is_checkout_complete)(()=>{if("function"!=typeof window.gtag)return;const t=n("modal-checkout-product-details"),c=e("form_submission_success",t);o(c)})(),t&&(t.checkoutComplete=!0,t.dispatchEvent(d));else{function g(){r("#wcpay-express-checkout-button-separator, #wc-stripe-payment-request-button-separator, #wc-stripe-express-checkout-button-separator").after('<div class="newspack-ui__word-divider">'+newspackBlocksModalCheckout.divider_text+"</div>");let c=[];const a=r("form.checkout"),d=r("#checkout_cancel");if(d.length&&d.on("click",function(){t.dispatchEvent(u)}),!a.length)return console.warn("Checkout form is not available"),void f();const g=r("form.modal_checkout_coupon"),w=r("form.modal_checkout_nyp"),v=r("#checkout_continue"),b=r("#customer_details"),y=r("#after_customer_details"),C=r(".newspack-wcsg--wrapper");function E(){const e=r('input[name="payment_method"]:checked').val();r(".wc_payment_method").removeClass("selected"),r(".wc_payment_method.payment_method_"+e).addClass("selected")}r('input[name="payment_method"]').change(E),r(document).on("payment_method_selected",E),r(document).on("updated_checkout",E),E();let x=!1;function M(){const e=r("form.checkout");return e.length?e.serialize():""}a.on("checkout_place_order",function(){x||(x=!0,t.dispatchEvent(p))}),function(e,t){e.checkoutPlaceOrderProcessing?t():e.addEventListener("checkout-place-order-processing",t)}(t,function(){x&&(a.is(".processing")||(x=!1,t.dispatchEvent(_)))}),a.on("checkout_place_order_success",function(){x=!1,t.dispatchEvent(l)}),r(document.body).on("checkout_error",function(e,o){x&&(x=!1,o&&o.indexOf(newspackBlocksModalCheckout.labels.critical_error)>=0?t.dispatchEvent(h):t.dispatchEvent(_))}),a.on("update_checkout",function(){x&&(x=!1,t.dispatchEvent(_))}),r(document).on("updated_checkout",function(){r("#payment .wc_payment_methods").length?r("#after_customer_details > h3").show():r("#after_customer_details > h3").hide()}),r(document).on("updated_checkout",function(){const e=r(".order-review-wrapper");if(!e.length)return;const t=e.find("table");t.is(".empty")?e.addClass("hidden"):(t.unblock(),e.removeClass("hidden"));const o=r(".payment_methods");if(o.length){const t=e.clone();r(".order-review-wrapper").remove(),o.after(t)}});let $=!1;function O(e=function(){return r(".order-review-wrapper tr.order-total:not(.recurring-total) .amount").first().text().replace(/\s+/g," ").trim()}()){let t=newspackBlocksModalCheckout.labels.complete_button;if(t){if(e&&r("#place_order").has(r("span.cart-price"))){const o=r("<div>"+t+"</div>");o.find(".cart-price").html(e),t=o.html()}r("#place_order").html(t),r("#place_order_clone").html(t),e||function(e){$&&$.abort();const t=r.ajax({url:newspackBlocksModalCheckout.ajax_url,method:"POST",data:{action:"get_cart_total",modal_checkout:1,post_data:M()},success:o=>{o&&$===t&&e(o)},complete:()=>{$===t&&($=!1)}});$=t}(O)}}if(r(document).on("updated_checkout",function(){O()}),C.length){const e=C.find(".newspack-wcsg--gift-toggle input"),t=C.find(".newspack-wcsg--gift-email");e.on("change",function(){e.is(":checked")?t.addClass("visible"):t.removeClass("visible")})}function N(e){a.find(".input-text, select, input:checkbox").trigger("validate").trigger("blur");let t=!1;const o=[],c=e=>{const c=r("#"+e.data("id")+"_field");if(c?.length){t||(t=c);const o=c.find(".woocommerce-error");o.length&&o.remove(),c.addClass("woocommerce-invalid").removeClass("woocommerce-valid"),c.append(`<span class="${s}__inline-error">`+e.text()+"</span>"),e.remove()}else e.is("li")||(e=r("<li />").append(e)),o.push(e)};if(m(),0!==e.trimStart().indexOf("<")?c(r("<li />").append(e)):e.includes("<li")?r(e).find("li").each(function(){c(r(this))}):c(r(e)),o.length){t=!1;const e=r('<div class="woocommerce-NoticeGroup woocommerce-NoticeGroup-checkout"/>').append(r('<ul class="woocommerce-error" role="alert" />').append(o));a.prepend(e),e.get(0).scrollIntoView({behavior:"smooth"})}t?.length&&(window.scroll({top:t.offset().top-100,left:0,behavior:"smooth"}),t.find("input.input-text, select, input:checkbox").trigger("focus")),j(a),r(document.body).trigger("update_checkout"),r(document.body).trigger("checkout_error",[e])}function B(e){e.preventDefault(),e.stopImmediatePropagation(),P(),i("continue")}function L(e){const t=window.newspack_grecaptcha||{};if(m(),r("#checkout_details").remove(),e)a.attr("data-skip-recaptcha","1"),a.append('<input name="is_validation_only" type="hidden" value="1" />'),"v3"===t?.version&&t.destroy(a.get()),g.length&&g.hide(),w.length&&w.hide(),b.show(),y.hide(),b.find("input").first().focus(),c=function(e,t){const o=r._data(e,"events");return o?t?o[t]||[]:o:[]}(a[0],"submit").slice(0),c.forEach(e=>{a.off("submit",e.handler)}),a.on("submit",B);else{a.removeAttr("data-skip-recaptcha");const e=a.find('[name="is_validation_only"]');if(e.length&&e.remove(),t?.render){a.data("newspack-recaptcha","newspack_modal_checkout");const e=()=>{m(),a.get(0).scrollIntoView({behavior:"smooth"})},o=e=>N(e);t.render(a.get(),e,o),r(document).on("updated_checkout",()=>t.render(a.get(),e,o)),r(document.body).on("checkout_error",()=>t.render(a.get(),e,o))}g.length&&g.show(),w.length&&w.show(),b.hide(),y.show(),function(){r("#checkout_details").remove();const e={};a.serializeArray().forEach(t=>{e[t.name]=t.value});const t=`${newspackBlocksModalCheckout.newspack_class_prefix}__font--xs`,o=[];o.push('<div class="billing-details">'),o.push("<h3>"+newspackBlocksModalCheckout.labels.billing_details+"</h3>"),(e.billing_first_name||e.billing_last_name)&&o.push(`<p class="${t}">`+e.billing_first_name+" "+e.billing_last_name+"</p>"),e.billing_company&&o.push(`<p class="${t}">`+e.billing_company+"</p>");let c="";if((e.billing_address_1||e.billing_address_2)&&(c=`<p class="${t}">`,e.billing_address_1&&(c+=e.billing_address_1),e.billing_address_2&&(c+=" "+e.billing_address_2),c+="<br>",e.billing_city&&(c+=e.billing_city),e.billing_state&&(c+=", "+e.billing_state),e.billing_postcode&&(c+=" "+e.billing_postcode),c+="<br>",e.billing_country&&(c+=e.billing_country)),o.push(c),e.billing_email&&o.push(`<p class="${t}">`+e.billing_email+"</p>"),o.push("</div>"),e.hasOwnProperty("shipping_address_1")){o.push('<div class="shipping-details">'),o.push("<h3>"+newspackBlocksModalCheckout.labels.shipping_details+"</h3>");let n="";e.ship_to_different_address?(n=`<p class="${t}">`,e.shipping_address_1&&(n+=e.shipping_address_1),e.shipping_address_2&&(n+=" "+e.shipping_address_2),n+="<br>",e.shipping_city&&(n+=e.shipping_city),e.shipping_state&&(n+=", "+e.shipping_state),e.shipping_postcode&&(n+=" "+e.shipping_postcode),n+="<br>",e.shipping_country&&(n+=e.shipping_country)):n=c,o.push(n),o.push("</div>")}e.hasOwnProperty("newspack_wcsg_is_gift")&&e.hasOwnProperty("wcsg_gift_recipients_email")&&e.newspack_wcsg_is_gift&&e.wcsg_gift_recipients_email&&(o.push('<div class="gift-details">'),o.push("<h3>"+newspackBlocksModalCheckout.labels.gift_recipient+"</h3>"),o.push(`<p class="${t}">`+e.wcsg_gift_recipients_email+"</p>")),(r("#modal-checkout-product-details").length?r("#modal-checkout-product-details"):r("#after_customer_details")).after('<div id="checkout_details">'+o.join("")+"</div>")}(),a.off("submit",B),c.forEach(e=>{a.on("submit",e.handler)}),k(),r(document.body).trigger("update_checkout",{update_shipping_method:!1})}a.triggerHandler("editing_details",[e]),window.scroll({top:0,left:0,behavior:"smooth"})}function P(e=!1,t=()=>{}){if(!S(a))return console.warn("Unable to block the form"),t(),!1;m();const o=a.find(".woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout");o.length&&o.remove();const c=["save_user_in_woopay"],n=a.serializeArray().filter(e=>!c.includes(e.name));n.push({name:"newspack_blocks_checkout_action",value:"1"}),r.ajax({type:"POST",url:wc_checkout_params.checkout_url,data:n,dataType:"html",success:o=>{let c;try{c=JSON.parse(o)}catch(e){c={messages:'<div class="woocommerce-error">'+wc_checkout_params.i18n_checkout_error+"</div>"}}e||!0!==c.reload?(j(a),c.messages?e||(c.messages?N(c.messages):N(`<div class="${s}__inline-error">`+wc_checkout_params.i18n_checkout_error+"</div>")):(L(!1),r._data(a[0],"events")?.click?.some(e=>"#checkout_edit_billing"===e.selector)||a.on("click","#checkout_edit_billing",function(e){e.preventDefault(),L(!0),i("back")})),t(c)):window.location.reload()},error:(o,c,n)=>{let i="";e||(i='<div class="woocommerce-error">'+(n||wc_checkout_params.i18n_checkout_error)+"</div>",N(i)),t({messages:i})}})}function S(e){return!e.is(".modal-processing")&&(e.find("button[type=submit]").each((e,t)=>{r(t).attr("disabled",!0)}),e.addClass("modal-processing"),!0)}function j(e){return!!e.is(".modal-processing")&&(e.find("button[type=submit]").each((e,t)=>{r(t).attr("disabled",!1)}),e.removeClass("modal-processing"),!0)}v.length?(L(!0),C.length?f():P(!0,f)):f(),g.length&&(g.on("submit",function(e){if(e.preventDefault(),!S(g))return!1;const t={security:wc_checkout_params.apply_coupon_nonce,coupon_code:g.find('input[name="coupon_code"]').val()};r.ajax({type:"POST",url:wc_checkout_params.wc_ajax_url.toString().replace("%%endpoint%%","apply_coupon"),data:t,dataType:"html",success:e=>{if(m(),g.find(".result").remove(),e){const o=e.includes("error");g.append(`<p class="result ${s}__helper-text ${o?s+"__inline-error":""}">`+r(e).text()+"</p>"),o?(g.find('input[name="coupon_code"]').focus(),g.find('h3, input[name="coupon_code"]').addClass("newspack-ui__field-error")):(g.find('input[name="coupon_code"]').focus(),g.find('h3, input[name="coupon_code"]').removeClass("newspack-ui__field-error")),r(document.body).trigger("applied_coupon_in_checkout",[t.coupon_code]),r(document.body).trigger("update_checkout",{update_shipping_method:!1})}},complete:()=>{j(g)}})}),r(document.body).on("removed_coupon_in_checkout",()=>{m(),g.find(".result").remove(),g.find('input[name="coupon_code"]').val("").focus()})),w.length&&w.on("submit",function(e){if(e.preventDefault(),!S(w))return!1;const t=w.find('input[name="price"]');t.attr("disabled",!0);const o={_ajax_nonce:newspackBlocksModalCheckout.nyp_nonce,action:"process_name_your_price_request",price:w.find('input[name="price"]').val(),product_id:w.find('input[name="product_id"]').val(),newspack_checkout_name_your_price:w.find('input[name="newspack_checkout_name_your_price"]').val()};r.ajax({type:"POST",url:newspackBlocksModalCheckout.ajax_url,data:o,success:({success:e,data:t})=>{m(),w.find(".result").remove(),w.append(`<p class="result ${s}__helper-text ${e?"":s+"__inline-error"}">`+t.message+"</p>"),e?w.find('h3, input[name="price"]').removeClass("newspack-ui__field-error"):(w.find('input[name="price"]').focus(),w.find('h3, input[name="price"]').addClass("newspack-ui__field-error")),r(document.body).trigger("update_checkout",{update_shipping_method:!1})},complete:()=>{j(w),t.attr("disabled",!1),t.focus()}})}),a.on("click","#place_order",function(){(()=>{if("function"!=typeof window.gtag)return;const t=n("modal-checkout-product-details"),c=e("form_submission",t);o(c)})()});const D=function(){if(!t)return;const e="data-newspack-error-handled",o=o=>{o.hasAttribute(e)||(o.setAttribute(e,"true"),r(o).addClass(`${s}__notice ${s}__notice--error`),t.dispatchEvent(_),o.scrollIntoView({behavior:"smooth",block:"center"}))},c=e=>!!e.classList?.contains("woocommerce-error")||!(!e.classList?.contains("wc-block-components-notice-banner")||!e.classList?.contains("is-error")),n=new MutationObserver(e=>{for(const t of e)for(const e of t.addedNodes){if(e.nodeType!==Node.ELEMENT_NODE)continue;if(c(e))return void o(e);const t=e.querySelector?.(".woocommerce-error, .wc-block-components-notice-banner.is-error");if(t)return void o(t)}});return n.observe(t,{childList:!0,subtree:!0}),n}();if(D){const e=()=>D.disconnect();t.addEventListener("checkout-complete",e),t.addEventListener("checkout-cancel",e),window.addEventListener("beforeunload",e)}}g()}function k(){const e=r("#newspack_subscription_terms_confirmation, #newspack_subscription_confirmation");if(e.length){const t=r("form.checkout"),o=t.find("button#place_order, button#place_order_clone");function c(){const t=e.is(":checked");o.each((e,o)=>{r(o).attr("disabled",!t)})}c(),e.on("change",c),t.on("submit",function(t){if(!e.is(":checked"))return t.preventDefault(),t.stopPropagation(),!1})}}r(document.body).on("updated_checkout payment_method_selected checkout_error",k),r(document).ready(k),r(document.body).on("checkout_error",function(){const e=r(".woocommerce-NoticeGroup-checkout, .woocommerce-notices-wrapper:not(:empty)");e.length&&e.each((e,t)=>r(t).addClass(`${s}__notice ${s}__notice--error`));const t=r("#checkout_error_back");t.length&&t.on("click",e=>{e.preventDefault(),parent.newspackCloseModalCheckout()}),f(!1)}),document.addEventListener("keydown",function(e){"Escape"===e.key&&parent.newspackCloseModalCheckout()}),newspackBlocksModalCheckout.is_error&&r(document.body).trigger("checkout_error")})})();

package/includes/class-modal-checkout.php

@@ -29,6 +29,14 @@ final class Modal_Checkout {
 	 */
 	const CHECKOUT_REGISTRATION_ORDER_META_KEY = '_newspack_checkout_registration_meta';
 
+	/**
+	 * Session key tracking a coupon auto-applied from a Checkout Button block,
+	 * used to hide the in-modal coupon form for that coupon.
+	 *
+	 * @var string
+	 */
+	const AUTO_APPLIED_COUPON_SESSION_KEY = 'newspack_blocks_auto_applied_coupon';
+
 	/**
 	 * Billing fields with server-side format validation in the Store API,
 	 * mapped from their classic checkout keys to Store API address keys.
@@ -218,8 +226,6 @@ final class Modal_Checkout {
 		// Make the current cart price available to the JavaScript.
 		add_action( 'wp_ajax_get_cart_total', [ __CLASS__, 'get_cart_total_js' ] );
 		add_action( 'wp_ajax_nopriv_get_cart_total', [ __CLASS__, 'get_cart_total_js' ] );
-		add_action( 'wp_ajax_get_cart_product_summary', [ __CLASS__, 'get_cart_product_summary_js' ] );
-		add_action( 'wp_ajax_nopriv_get_cart_product_summary', [ __CLASS__, 'get_cart_product_summary_js' ] );
 
 		// Wrap required checkbox text in a span so it works nicely with the Newspack UI grid layout.
 		add_filter( 'woocommerce_form_field_checkbox', [ __CLASS__, 'wrap_required_checkbox_text' ], 10, 4 );
@@ -449,7 +455,14 @@ final class Modal_Checkout {
 		$cart_item_data = apply_filters( 'newspack_blocks_modal_checkout_cart_item_data', $cart_item_data );
 
 		\WC()->cart->empty_cart();
-		\WC()->cart->add_to_cart( $product_id, 1, 0, [], $cart_item_data );
+		$cart_item_key = \WC()->cart->add_to_cart( $product_id, 1, 0, [], $cart_item_data );
+
+		// Auto-apply a coupon attached to the Checkout Button block, if present and
+		// valid. Read with a sanitizing filter (satisfies input-sanitization
+		// checks); the validate-and-apply gate lives in maybe_auto_apply_coupon()
+		// so it can be unit-tested in isolation.
+		$coupon_code = (string) filter_input( INPUT_GET, 'coupon', FILTER_SANITIZE_FULL_SPECIAL_CHARS );
+		self::maybe_auto_apply_coupon( $coupon_code );
 
 		// Set checkout registration flag if user is logged not logged in.
 		if ( ! is_user_logged_in() ) {
@@ -491,13 +504,31 @@ final class Modal_Checkout {
 			'referrer'   => $referer,
 		];
 
-		/**
-		 * Action to fire for checkout button block modal.
-		 */
-		\do_action( 'newspack_blocks_checkout_button_modal', $checkout_button_metadata );
+		if ( $cart_item_key ) {
+			/**
+			 * Action to fire for checkout button block modal.
+			 *
+			 * Fires only when the product actually entered the cart, so consumers
+			 * recording checkout-initiated events stay in step with adds rejected
+			 * by an add-to-cart guard.
+			 */
+			\do_action( 'newspack_blocks_checkout_button_modal', $checkout_button_metadata );
+		}
 
 		$checkout_url = apply_filters( 'newspack_blocks_checkout_url', $checkout_url );
 
+		// If the product could not be added (e.g. rejected by an add-to-cart guard),
+		// the cart is empty and the checkout would render blank: point the modal at
+		// its error screen, which prints the queued error notice and a back button.
+		// Like the success path above, an unsupported payment gateway means a
+		// full-page rather than iframed checkout, so modal_checkout is omitted.
+		if ( ! $cart_item_key ) {
+			$checkout_url = \wc_get_cart_url();
+			if ( ! self::has_unsupported_payment_gateway() ) {
+				$checkout_url = add_query_arg( 'modal_checkout', 1, $checkout_url );
+			}
+		}
+
 		if ( defined( 'DOING_AJAX' ) ) {
 			echo wp_json_encode( [ 'url' => $checkout_url ] );
 			exit;
@@ -685,7 +716,26 @@ final class Modal_Checkout {
 		$coupons = \WC()->cart->get_applied_coupons();
 
 		\WC()->cart->empty_cart();
-		\WC()->cart->add_to_cart( $product_id, 1, 0, [], $cart_item_data );
+		$cart_item_key = \WC()->cart->add_to_cart( $product_id, 1, 0, [], $cart_item_data );
+
+		// A rejected add (e.g. an add-to-cart guard) must not report success: surface
+		// the error notice the cart queued for it instead of a thank-you message.
+		// The consumer appends this message as an HTML string, and unlike template-
+		// rendered notices it never passes through kses on output — so filter any
+		// third-party notice content here.
+		if ( ! $cart_item_key ) {
+			$error_notices = \wc_get_notices( 'error' );
+			\wc_clear_notices();
+			wp_send_json_error(
+				[
+					'message' => ! empty( $error_notices[0]['notice'] )
+						? wp_kses_post( $error_notices[0]['notice'] )
+						: __( 'This product could not be added to the cart.', 'newspack-blocks' ),
+				]
+			);
+
+			wp_die();
+		}
 
 		if ( ! empty( $coupons ) ) {
 			foreach ( $coupons as $coupon ) {
@@ -1666,61 +1716,79 @@ final class Modal_Checkout {
 	}
 
 	/**
-	 * Whether to show order details table.
+	 * Auto-apply a coupon attached to a Checkout Button block to the current
+	 * cart, gated on validation.
 	 *
-	 * @return bool
+	 * The reader never typed the code, so anything that would surface it is kept
+	 * silent: an invalid, expired, restricted or usage-capped coupon is skipped
+	 * with no error notice (validation runs before apply), and the "applied
+	 * successfully" success notice that WC_Cart::apply_coupon() queues is
+	 * cleared. A successful application is tracked in the session so the modal
+	 * can hide its coupon form for that coupon (see should_hide_coupon_form());
+	 * any prior marker is reset first.
+	 *
+	 * @param string $coupon_code Raw coupon code from the request (already
+	 *                            sanitized by the caller, e.g. via filter_input()).
+	 *
+	 * @return void
 	 */
-	public static function should_show_order_details() {
-		$cart = \WC()->cart;
-		if ( $cart->is_empty() ) {
-			return false;
-		}
-		if ( ! empty( $cart->get_applied_coupons() ) ) {
-			return true;
-		}
-		if ( \wc_tax_enabled() && ! $cart->display_prices_including_tax() ) {
-			return true;
-		}
-		if ( 1 < $cart->get_cart_contents_count() ) {
-			return true;
+	public static function maybe_auto_apply_coupon( $coupon_code ) {
+		if ( ! function_exists( 'WC' ) || ! \WC()->cart ) {
+			return;
 		}
-		if ( ! empty( $cart->get_fees() ) ) {
-			return true;
+		if ( \WC()->session ) {
+			\WC()->session->set( self::AUTO_APPLIED_COUPON_SESSION_KEY, null );
 		}
-		if ( method_exists( 'WC_Subscriptions_Switcher', 'cart_contains_switches' ) && \WC_Subscriptions_Switcher::cart_contains_switches( 'any' ) ) {
-			return true;
+		// Decode entities so a literal code (e.g. one containing "&") still
+		// matches. The strict empty-string check keeps a coupon code of "0" valid.
+		$coupon_code = html_entity_decode( (string) $coupon_code, ENT_QUOTES );
+		if ( '' === $coupon_code || ! function_exists( 'wc_coupons_enabled' ) || ! \wc_coupons_enabled() ) {
+			return;
 		}
-		if ( $cart->needs_shipping_address() ) {
-			$shipping       = \WC()->shipping;
-			$packages       = $shipping->get_packages();
-			$totals         = $cart->get_totals();
-			$shipping_rates = [];
-
-			// Find all the shipping rates that apply to the current transaction.
-			foreach ( $packages as $package ) {
-				if ( ! empty( $package['rates'] ) ) {
-					foreach ( $package['rates'] as $rate_key => $rate ) {
-						$shipping_rates[ $rate_key ] = $rate;
-					}
-				}
+		$coupon    = new \WC_Coupon( $coupon_code );
+		$discounts = new \WC_Discounts( \WC()->cart );
+		if ( true === $discounts->is_coupon_valid( $coupon ) && \WC()->cart->apply_coupon( $coupon_code ) ) {
+			// apply_coupon() queues a "Coupon code applied successfully." success
+			// notice; clear it so the auto-apply stays silent for the reader.
+			if ( function_exists( 'wc_clear_notices' ) ) {
+				\wc_clear_notices();
 			}
-
-			// Show details if shipping requires a fee or if there are multiple shipping rates to choose from.
-			if ( (float) $totals['total'] !== (float) $totals['subtotal'] || 1 < count( array_values( $shipping_rates ) ) ) {
-				return true;
+			if ( \WC()->session ) {
+				\WC()->session->set( self::AUTO_APPLIED_COUPON_SESSION_KEY, \wc_format_coupon_code( $coupon_code ) );
 			}
 		}
+	}
 
-		if ( class_exists( 'WC_Subscriptions_Cart' ) && \WC_Subscriptions_Cart::cart_contains_subscription() ) {
-			return true;
-		}
-
-		// Show details if the cart contains a subscription renewal.
-		if ( function_exists( 'wcs_cart_contains_renewal' ) && \wcs_cart_contains_renewal() ) {
-			return true;
+	/**
+	 * Whether the in-modal coupon form should be hidden.
+	 *
+	 * True when a coupon was auto-applied from a Checkout Button block (tracked
+	 * in the session) and is still applied to the cart. The reader never entered
+	 * the code, so they should not be prompted to add or stack coupons. If they
+	 * remove the auto-applied coupon, the form is shown again.
+	 *
+	 * @return bool
+	 */
+	public static function should_hide_coupon_form() {
+		if ( ! function_exists( 'WC' ) || ! \WC()->session || ! \WC()->cart ) {
+			return false;
 		}
+		$auto_applied = \WC()->session->get( self::AUTO_APPLIED_COUPON_SESSION_KEY );
+		return ! empty( $auto_applied ) && in_array( $auto_applied, \WC()->cart->get_applied_coupons(), true );
+	}
 
-		return false;
+	/**
+	 * Whether to show order details table.
+	 *
+	 * @return bool
+	 */
+	public static function should_show_order_details() {
+		// The transaction details table is always shown for any non-empty cart. Simple
+		// single-item carts previously hid it and relied on the static price-summary card
+		// above the form; that card was removed, so the real, deal-accurate order details
+		// must always be visible. Guard against a missing cart (early hooks / edge AJAX).
+		$cart = \WC()->cart;
+		return $cart && ! $cart->is_empty();
 	}
 
 	/**
@@ -1980,112 +2048,6 @@ final class Modal_Checkout {
 		);
 	}
 
-	/**
-	 * Get validated cart item context for the modal checkout product summary.
-	 *
-	 * @param \WC_Cart $cart Cart object.
-	 *
-	 * @return array|null
-	 */
-	private static function get_cart_product_summary_context( $cart ) {
-		if ( ! $cart || 1 !== $cart->get_cart_contents_count() ) {
-			return null;
-		}
-		$cart_item_key = array_key_first( $cart->get_cart() );
-		$cart_item     = $cart->get_cart_item( $cart_item_key );
-
-		// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- WooCommerce hooks.
-		$product    = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
-		$is_visible = $product && $product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_checkout_cart_item_visible', true, $cart_item, $cart_item_key );
-		// phpcs:enable
-
-		return [
-			'cart_item_key' => $cart_item_key,
-			'cart_item'     => $cart_item,
-			'product'       => $product,
-			'is_visible'    => $is_visible,
-		];
-	}
-
-	/**
-	 * Get the cart product summary shown at the top of modal checkout.
-	 *
-	 * @param \WC_Cart|null $cart    Cart object.
-	 * @param array|null    $context Validated cart item context.
-	 */
-	private static function get_cart_product_summary( $cart = null, $context = null ) {
-		if ( ! $cart ) {
-			if ( ! function_exists( 'WC' ) ) {
-				return '';
-			}
-			$cart = \WC()->cart;
-		}
-		$context = $context ? $context : self::get_cart_product_summary_context( $cart );
-		if ( ! $context || ! $context['is_visible'] ) {
-			return '';
-		}
-
-		$cart_item_key    = $context['cart_item_key'];
-		$cart_item        = $context['cart_item'];
-		$product          = $context['product'];
-		$allowed_html     = self::get_cart_product_summary_allowed_html();
-		// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- WooCommerce hooks.
-		$product_name     = apply_filters(
-			'woocommerce_cart_item_name',
-			$product->get_name(),
-			$cart_item,
-			$cart_item_key
-		);
-		$product_subtotal = apply_filters(
-			'woocommerce_cart_item_subtotal',
-			$cart->get_product_subtotal( $product, $cart_item['quantity'] ),
-			$cart_item,
-			$cart_item_key
-		);
-		// phpcs:enable
-
-		$summary = $product_name . ': ';
-		if ( function_exists( 'wc_get_formatted_cart_item_data' ) ) {
-			$summary .= wc_get_formatted_cart_item_data( $cart_item );
-		}
-		$summary .= $product_subtotal;
-		return wp_kses( $summary, $allowed_html );
-	}
-
-	/**
-	 * Get allowed HTML for the modal checkout product summary.
-	 *
-	 * @return array Allowed HTML tags and attributes.
-	 */
-	private static function get_cart_product_summary_allowed_html() {
-		$allowed_html = wp_kses_allowed_html( 'post' );
-
-		$allowed_html['bdi'] = [
-			'class' => true,
-			'dir'   => true,
-		];
-
-		if ( ! isset( $allowed_html['span'] ) ) {
-			$allowed_html['span'] = [];
-		}
-		$allowed_html['span']['class'] = true;
-
-		if ( ! isset( $allowed_html['small'] ) ) {
-			$allowed_html['small'] = [];
-		}
-		$allowed_html['small']['class'] = true;
-
-		return $allowed_html;
-	}
-
-	/**
-	 * Get the updated cart product summary for JavaScript.
-	 */
-	public static function get_cart_product_summary_js() {
-		echo self::get_cart_product_summary(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-		wp_die();
-	}
-
 	/**
 	 * Get the updated price for updating the "Place order" button.
 	 */
@@ -2112,22 +2074,23 @@ final class Modal_Checkout {
 		if ( 1 !== $cart->get_cart_contents_count() ) {
 			return;
 		}
-		$summary_context = self::get_cart_product_summary_context( $cart );
-		$class_prefix    = self::get_class_prefix();
+		$cart_item_key = array_key_first( $cart->get_cart() );
+		$cart_item = $cart->get_cart_item( $cart_item_key );
 		?>
-			<div class="<?php echo esc_attr( "order-details-summary {$class_prefix}__box {$class_prefix}__box--text-center" ); ?>">
 			<?php
-			if ( $summary_context && $summary_context['is_visible'] ) :
+			// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound -- WooCommerce hooks.
+			$_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
+			// Hidden data carrier only — the visible price-summary card was removed. The modal
+			// dialog (modal.js) still reads this element's data-checkout for the RAS
+			// checkout_completed event and post-auth checkout routing. It is intentionally not
+			// gated on woocommerce_checkout_cart_item_visible (it carries data, not a visible
+			// row), so the JS anchor and analytics survive a plugin hiding the cart item.
+			if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 ) :
 				?>
-				<p id="modal-checkout-product-details" data-checkout='<?php echo wp_json_encode( Checkout_Data::get_checkout_data( $cart ) ); ?>'>
-					<strong>
-						<?php echo self::get_cart_product_summary( $cart, $summary_context ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
-					</strong>
-				</p>
+				<p id="modal-checkout-product-details" <?php Checkout_Data::print_data_checkout_attr( Checkout_Data::get_checkout_data( $cart ) ); ?> hidden></p>
 				<?php
 			endif;
 			?>
-			</div>
 		<?php
 	}
 

package/includes/class-newspack-blocks.php

@@ -240,6 +240,7 @@ class Newspack_Blocks {
 				'recaptcha_url'              => admin_url( 'admin.php?page=newspack-settings' ),
 				'custom_taxonomies'          => self::get_custom_taxonomies(),
 				'can_use_name_your_price'    => self::can_use_name_your_price(),
+				'coupons_enabled'            => function_exists( 'wc_coupons_enabled' ) && \wc_coupons_enabled(),
 				'tier_amounts_template'      => self::get_formatted_amount(),
 				'currency'                   => function_exists( 'get_woocommerce_currency' ) ? \get_woocommerce_currency() : 'USD',
 			];

package/includes/modal-checkout/class-checkout-data.php

@@ -231,6 +231,29 @@ final class Checkout_Data {
 		return $children;
 	}
 
+	/**
+	 * Build a `data-checkout` HTML attribute for a checkout-data payload.
+	 *
+	 * Centralizes wp_json_encode + esc_attr so the encoding and escaping live in a
+	 * single place and can't be omitted by callers. Mirrors the JS getCheckoutData()
+	 * reader in src/modal-checkout/utils.js.
+	 *
+	 * @param array $data Checkout-data payload (e.g. from get_checkout_data()).
+	 * @return string Escaped attribute, e.g. data-checkout='{...}'.
+	 */
+	public static function data_checkout_attr( array $data ) {
+		return sprintf( "data-checkout='%s'", esc_attr( wp_json_encode( $data ) ) );
+	}
+
+	/**
+	 * Echo a `data-checkout` HTML attribute for a checkout-data payload.
+	 *
+	 * @param array $data Checkout-data payload.
+	 */
+	public static function print_data_checkout_attr( array $data ) {
+		echo self::data_checkout_attr( $data ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- data_checkout_attr() escapes via esc_attr().
+	}
+
 	/**
 	 * Returns checkout data given a product, product variation, cart or order object.
 	 *

package/newspack-blocks.php

@@ -7,7 +7,7 @@
  * Author URI:      https://newspack.com/
  * Text Domain:     newspack-blocks
  * Domain Path:     /languages
- * Version:         4.28.0
+ * Version:         4.29.0-alpha.2
  *
  * @package         Newspack_Blocks
  */
@@ -15,7 +15,7 @@
 define( 'NEWSPACK_BLOCKS__PLUGIN_FILE', __FILE__ );
 define( 'NEWSPACK_BLOCKS__BLOCKS_DIRECTORY', 'dist/' );
 define( 'NEWSPACK_BLOCKS__PLUGIN_DIR', plugin_dir_path( NEWSPACK_BLOCKS__PLUGIN_FILE ) );
-define( 'NEWSPACK_BLOCKS__VERSION', '4.28.0' );
+define( 'NEWSPACK_BLOCKS__VERSION', '4.29.0-alpha.2' );
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-api.php';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/newspack-blocks",
-	"version": "4.28.0",
+	"version": "4.29.0-alpha.2",
 	"author": "Automattic",
 	"description": "=== Newspack Blocks === Contributors: (this should be a list of wordpress.org userid's) Donate link: https://example.com/ Tags: comments, spam Requires at least: 4.5 Tested up to: 5.1.1 Stable tag: 0.1.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html",
 	"repository": {
@@ -46,8 +46,8 @@
 	"dependencies": {
 		"classnames": "^2.5.1",
 		"lodash": "^4.17.21",
-		"newspack-colors": "1.1.0",
-		"newspack-icons": "1.0.8",
+		"newspack-colors": "1.1.1-alpha.1",
+		"newspack-icons": "1.1.0-alpha.1",
 		"redux": "^5.0.0",
 		"redux-saga": "^1.5.0",
 		"regenerator-runtime": "^0.14.1",
@@ -55,8 +55,8 @@
 	},
 	"devDependencies": {
 		"@types/lodash": "^4.17.23",
-		"newspack-components": "4.5.0",
-		"newspack-scripts": "5.9.8"
+		"newspack-components": "4.6.0-alpha.1",
+		"newspack-scripts": "5.10.0-alpha.1"
 	},
 	"overrides": {
 		"path-to-regexp": "1.7.0"

package/src/blocks/checkout-button/block.json

@@ -53,6 +53,9 @@
 		},
 		"width": {
 			"type": "number"
+		},
+		"coupon": {
+			"type": "string"
 		}
 	},
 	"supports": {