| PostRedemptionSubmittedURL |
@@ -202,12 +229,19 @@ Redemption Widget
element[attribute] = value
element.onchange()
}
+ function getValue(elementId, attribute = "value") {
+ let element = document.getElementById(elementId)
+ return element[attribute]
+ }
function clearRedeemInputs() {
setValue('input-redeem-exchange-id', '')
setValue('input-redeem-seller-ids', '')
setValue('select-redeem-widget-action', 'SELECT_EXCHANGE')
setValue('input-redeem-show-overview', true, 'checked')
setValue('select-redeem-exchange-state', 'Committed')
+ setValue('input-send-delivery-info-XMTP', true, 'checked')
+ setValue('input-target-origin', '')
+ setValue('input-wait-for-response', true, 'checked')
setValue('input-post-delivery-info-url', '')
setValue('input-post-delivery-info-header', '')
setValue('input-post-redemption-submitted-url', '')
@@ -227,6 +261,50 @@ Redemption Widget
}
return s2
}
+ window.addEventListener("message", (event) => {
+ if (event.data.type === constants.deliveryInfoMessage) {
+ console.log(
+ `Received message '${event.data.type}' from '${event.origin}'. Content: '${JSON.stringify(event.data.message)}'`
+ );
+ if (getValue('input-wait-for-response', 'checked')) {
+ // wait for a bit and send a response to the iFrame (only relevant when )
+ setTimeout(() => {
+ const el = getIFrame();
+ if (el) {
+ const target = event.origin;
+ console.log(
+ `Post response message '${constants.deliveryInfoMessageResponse}' to the iFrame '${target}'`
+ );
+ // https://stackoverflow.com/questions/40991114/issue-communication-with-postmessage-from-parent-to-child-iframe
+ el.contentWindow.postMessage(
+ {
+ type: constants.deliveryInfoMessageResponse,
+ message: {
+ accepted: true,
+ reason: "",
+ resume: true
+ }
+ },
+ target
+ );
+ } else {
+ console.error("Unable to retrieve the iFrame");
+ }
+ }, 5000);
+ }
+ }
+ if (event.data.type === constants.redemptionSubmittedMessage) {
+ console.log(
+ `Received message '${event.data.type}' from '${event.origin}'. Content: '${JSON.stringify(event.data.message)}'`
+ );
+ }
+ if (event.data.type === constants.redemptionConfirmedMessage) {
+ console.log(
+ `Received message '${event.data.type}' from '${event.origin}'. Content: '${JSON.stringify(event.data.message)}'`
+ );
+ }
+ });
+
|