apxor-rtm-ui 0.4.0 → 0.5.0
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.
- package/dist/apxor.rtm.js.bak +134 -75
- package/dist/apxor.rtm.min.js +2 -2
- package/package.json +1 -1
package/dist/apxor.rtm.js.bak
CHANGED
|
@@ -6679,7 +6679,7 @@
|
|
|
6679
6679
|
var isWalkthrough = arguments.length > 8 ? arguments[8] : undefined;
|
|
6680
6680
|
var uis = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : {};
|
|
6681
6681
|
var index = arguments.length > 10 ? arguments[10] : undefined;
|
|
6682
|
-
var fontMultiplier = arguments.length > 11 ? arguments[11] :
|
|
6682
|
+
var fontMultiplier = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : 1;
|
|
6683
6683
|
var buttons = document.createElement("div");
|
|
6684
6684
|
buttons.className = "".concat(position, "-buttons-container");
|
|
6685
6685
|
buttons.style.zIndex = 99999999;
|
|
@@ -6769,6 +6769,7 @@
|
|
|
6769
6769
|
numberedfont = (_numbered = numbered) === null || _numbered === void 0 ? void 0 : _numbered.font;
|
|
6770
6770
|
}
|
|
6771
6771
|
var justifyContent = "space-between";
|
|
6772
|
+
var fontMultiplier = buttons_css.fontMultiplier;
|
|
6772
6773
|
buttons_css.forEach(function (button_css, index) {
|
|
6773
6774
|
var _ref;
|
|
6774
6775
|
var slot = button_css.slot,
|
|
@@ -6812,8 +6813,7 @@
|
|
|
6812
6813
|
_button_css$gradient = button_css.gradient,
|
|
6813
6814
|
gradient = _button_css$gradient === void 0 ? {} : _button_css$gradient,
|
|
6814
6815
|
_button_css$custom_fo = button_css.custom_font,
|
|
6815
|
-
custom_font = _button_css$custom_fo === void 0 ? "" : _button_css$custom_fo
|
|
6816
|
-
fontMultiplier = button_css.fontMultiplier;
|
|
6816
|
+
custom_font = _button_css$custom_fo === void 0 ? "" : _button_css$custom_fo;
|
|
6817
6817
|
var gradient_direction, gradient_c1, gradient_c2;
|
|
6818
6818
|
if (enable_gradient) {
|
|
6819
6819
|
gradient_direction = gradient.direction || "to right";
|
|
@@ -6967,8 +6967,15 @@
|
|
|
6967
6967
|
break;
|
|
6968
6968
|
case "redirect":
|
|
6969
6969
|
action = function action() {
|
|
6970
|
-
|
|
6971
|
-
window.Apxor
|
|
6970
|
+
var _window$Apxor;
|
|
6971
|
+
if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
|
|
6972
|
+
window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
|
|
6973
|
+
ActionHandler.complete(false, "redirect");
|
|
6974
|
+
window.Apxor.redirectTo(JSON.stringify(action_config));
|
|
6975
|
+
} else {
|
|
6976
|
+
ActionHandler.complete(true, "redirect");
|
|
6977
|
+
window.Apxor.redirectTo("IN_APP", uuid, name, text, JSON.stringify(action_config));
|
|
6978
|
+
}
|
|
6972
6979
|
// if (redirectWithin || isExternal) {
|
|
6973
6980
|
// window.open(url, redirectWithin ? "_self" : "_blank");
|
|
6974
6981
|
// } else {
|
|
@@ -7777,7 +7784,7 @@
|
|
|
7777
7784
|
// dummySpan.style.display = "none";
|
|
7778
7785
|
var styleElement = document.createElement("style");
|
|
7779
7786
|
styleElement.setAttribute("id", "apxor-style-" + configId + "-step-" + index);
|
|
7780
|
-
styleElement.innerHTML = "\n #shepherdModalOverlayContainer {\n -ms-filter: \"progid:dximagetransform.microsoft.gradient.alpha(Opacity=50)\";\n filter: alpha(opacity=50);height: 100vh;left: 0;opacity: ".concat(dim_background_opacity !== null && dim_background_opacity !== void 0 ? dim_background_opacity : 0.5, ";position: fixed;\n top: 0;transition: all .3s ease-out;width: 100vw;z-index: 9997;fill: ").concat(dim_background_color !== null && dim_background_color !== void 0 ? dim_background_color : "transparent", "\n }\n #shepherdModalOverlayContainer #shepherdModalMask, #shepherdModalOverlayContainer #shepherdModalMaskRect {\n height: 100vh;width: 100vw\n }\n .shepherd-modal.shepherd-enabled {\n position: relative;z-index: 9998\n }\n .shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {\n pointer-events: none\n }\n .shepherd-active.shepherd-modal-is-visible .shepherd-button, .shepherd-active.shepherd-modal-is-visible .shepherd-button *, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link *, .shepherd-active.shepherd-modal-is-visible .shepherd-element, .shepherd-active.shepherd-modal-is-visible .shepherd-element *, .shepherd-active.shepherd-modal-is-visible .shepherd-target, .shepherd-active.shepherd-modal-is-visible .shepherd-target * {\n pointer-events: auto\n }\n .tippy-popper.shepherd {\n z-index: 999999\n }\n .tippy-popper.shepherd[x-placement^=top] {\n margin-top: 0px\n }\n .tippy-popper.shepherd[x-placement^=bottom] {\n margin-top: 8px\n }\n .tippy-popper.shepherd[x-placement^=left] {\n margin-right: 0px\n }\n .tippy-popper.shepherd[x-placement^=right] {\n margin-left: 0px\n }\n .tippy-popper.shepherd .tippy-tooltip .tippy-content {\n max-height: 100%;padding-top:0px;padding-bottom:0px;text-align: left;max-width: calc(").concat(Math.ceil(fontMultiplier * 400), "px); overflow-wrap: break-word;\n }\n .shepherd-element, .shepherd-element *, .shepherd-element:after, .shepherd-element :after, .shepherd-element:before, .shepherd-element :before {\n box-sizing: border-box\n }\n .shepherd-element {\n outline: none;\n }\n .shepherd-element .shepherd-content header {\n border-top-left-radius: 5px;border-top-right-radius: 5px;\n line-height: 2em;").concat(show_close_icon ? "padding: .75em;" : "", "\n background: ").concat(bg_color, ";\n }\n .shepherd-element .shepherd-content header:after {\n clear: both;content: \"\";display: table\n }\n .shepherd-element .shepherd-content header .shepherd-cancel-link, .shepherd-element .shepherd-content header .shepherd-title {\n margin: 0;padding: 0;position: relative;vertical-align: middle\n }\n\n .shepherd-element .shepherd-content header .shepherd-cancel-link {\n color: hsla(0, 0%, 70.2%, .75);font-size: 2em;margin-left: auto;\n text-decoration: none;transition: color .5s ease\n }\n .shepherd-element .shepherd-content header .shepherd-cancel-link:before {\n mix-blend-mode: screen;content: \"\xD7\"\n }\n .shepherd-element .shepherd-content header .shepherd-cancel-link:hover {\n mix-blend-mode: difference;\n }\n .shepherd-element .shepherd-content .shepherd-text {\n text-align:").concat(text_alignment, ";\n line-height: 1em;\n padding:14px\n }\n .shepherd-element .shepherd-content .shepherd-text a,\n .shepherd-element .shepherd-content .shepherd-text a:active,\n .shepherd-element .shepherd-content .shepherd-text a:visited {\n border-bottom: 1px dotted rgba(0, 0, 0, .75);color: ").concat(textContentCSS["color"], ";\n opacity: 0.75;text-decoration: none\n }\n .shepherd-element .shepherd-content .shepherd-text a:active:hover, \n .shepherd-element .shepherd-content .shepherd-text a:hover,\n .shepherd-element .shepherd-content .shepherd-text a:visited:hover {\n border-bottom-style: solid\n }\n .shepherd-element .shepherd-content .shepherd-text p {\n margin-top: 0\n }\n .shepherd-element .shepherd-content .shepherd-text p:last-child {\n margin-bottom: 0\n }\n .shepherd-content > .shepherd-text p {\n font-size: ").concat(textContentCSS["fontSize"], "px;font-family: ").concat(textContentCSS["fontFamily"], "; \n font-weight: ").concat(textContentCSS["fontStyle"] !== "bold" ? "normal" : textContentCSS["fontStyle"], ";\n font-style: ").concat(textContentCSS["fontStyle"] === "italic" ? "italic" : "unset", ";\n color: ").concat(textContentCSS["color"], ";line-height:\n ").concat(textContentCSS["fontSize"], "px;letter-spacing:0.01em;\n }\n\n @-webkit-keyframes cycle {\n 0% { transform: ").concat(translateDir(position, 0), "; }\n 50% { transform: ").concat(translateDir(position, 50), "; }\n 100% { transform: ").concat(translateDir(position, 100), "; }\n }\n @keyframes cycle {\n 0% { transform: ").concat(translateDir(position, 0), "; }\n 50% { transform: ").concat(translateDir(position, 50), "; }\n 100% { transform: ").concat(translateDir(position, 100), "; }\n }\n .tippy-tooltip.apxor-").concat(configId, "-step-").concat(index, "-theme {\n animation :").concat(animation["enabled"] ? animation["type"] + " " + animation["duration"] + "ms" : "none", ";\n animation-timing-function: ease-in-out;animation-iteration-count: infinite;\n box-shadow: ").concat(show_shadow ? shadow : "none", ";color: ").concat(textContentCSS["color"], ";\n opacity: ").concat(opacity, ";border-radius: ").concat(tooltipCSS["border-radius"] + "px", ";\n background-color: ").concat(tooltipCSS["background"], ";").concat(getPropertyFrom(position), ";\n }\n .apxor-").concat(configId, "-step-").concat(index, "-theme .tippy-roundarrow {\n fill: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='top'] .tippy-arrow {\n border-top-color: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='bottom'] .tippy-arrow {\n border-bottom-color: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='left'] .tippy-arrow {\n border-left-color: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='right'] .tippy-arrow {\n border-right-color: ").concat(tooltipCSS["background"], ";\n }\n .shepherd-element .shepherd-content footer .shepherd-button {\n display: inline-block;\n vertical-align: middle;\n border: 0;border-radius: 3px;cursor: pointer;font-family: inherit;\n font-size: .8em;letter-spacing: .01em;line-height: 18px;margin-right: 12px;\n padding: 8px 16px;text-transform: none;transition: all .5s ease\n }\n .shepherd-element .shepherd-content footer {\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n display: flex;\n flex-direction:").concat(button_direction === DIRECTION.HORIZONTAL ? "row" : "column", ";\n \n align-items:center;\n justify-content: ").concat(button_direction === DIRECTION.HORIZONTAL ? getButtonPosition(button_position) : "space-evenly", ";\n padding: 0 .8em .8em;\n background: ").concat(bg_color, ";\n }\n ");
|
|
7787
|
+
styleElement.innerHTML = "\n #shepherdModalOverlayContainer {\n -ms-filter: \"progid:dximagetransform.microsoft.gradient.alpha(Opacity=50)\";\n filter: alpha(opacity=50);height: 100vh;left: 0;opacity: ".concat(dim_background_opacity !== null && dim_background_opacity !== void 0 ? dim_background_opacity : 0.5, ";position: fixed;\n top: 0;transition: all .3s ease-out;width: 100vw;z-index: 9997;fill: ").concat(dim_background_color !== null && dim_background_color !== void 0 ? dim_background_color : "transparent", "\n }\n #shepherdModalOverlayContainer #shepherdModalMask, #shepherdModalOverlayContainer #shepherdModalMaskRect {\n height: 100vh;width: 100vw\n }\n .shepherd-modal.shepherd-enabled {\n position: relative;z-index: 9998\n }\n .shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {\n pointer-events: none\n }\n .shepherd-active.shepherd-modal-is-visible .shepherd-button, .shepherd-active.shepherd-modal-is-visible .shepherd-button *, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link *, .shepherd-active.shepherd-modal-is-visible .shepherd-element, .shepherd-active.shepherd-modal-is-visible .shepherd-element *, .shepherd-active.shepherd-modal-is-visible .shepherd-target, .shepherd-active.shepherd-modal-is-visible .shepherd-target * {\n pointer-events: auto\n }\n .tippy-popper.shepherd {\n z-index: 999999\n }\n .tippy-popper.shepherd[x-placement^=top] {\n margin-top: 0px\n }\n .tippy-popper.shepherd[x-placement^=bottom] {\n margin-top: 8px\n }\n .tippy-popper.shepherd[x-placement^=left] {\n margin-right: 0px\n }\n .tippy-popper.shepherd[x-placement^=right] {\n margin-left: 0px\n }\n .tippy-popper.shepherd .tippy-tooltip .tippy-content {\n max-height: 100%;padding-top:0px;padding-bottom:0px;text-align: left;max-width: calc(").concat(Math.ceil(fontMultiplier * 400), "px); overflow-wrap: break-word;\n }\n .shepherd-element, .shepherd-element *, .shepherd-element:after, .shepherd-element :after, .shepherd-element:before, .shepherd-element :before {\n box-sizing: border-box\n }\n .shepherd-element {\n outline: none;\n }\n .shepherd-element .shepherd-content header {\n border-top-left-radius: 5px;border-top-right-radius: 5px;\n line-height: 2em;").concat(show_close_icon ? "padding: .75em;" : "", "\n background: ").concat(bg_color, ";\n box-shadow: none;\n }\n .shepherd-element .shepherd-content header:after {\n clear: both;content: \"\";display: table\n }\n .shepherd-element .shepherd-content header .shepherd-cancel-link, .shepherd-element .shepherd-content header .shepherd-title {\n margin: 0;padding: 0;position: relative;vertical-align: middle\n }\n\n .shepherd-element .shepherd-content header .shepherd-cancel-link {\n color: hsla(0, 0%, 70.2%, .75);font-size: 2em;margin-left: auto;\n text-decoration: none;transition: color .5s ease\n }\n .shepherd-element .shepherd-content header .shepherd-cancel-link:before {\n mix-blend-mode: screen;content: \"\xD7\"\n }\n .shepherd-element .shepherd-content header .shepherd-cancel-link:hover {\n mix-blend-mode: difference;\n }\n .shepherd-element .shepherd-content .shepherd-text {\n text-align:").concat(text_alignment, ";\n line-height: 1em;\n padding:14px\n }\n .shepherd-element .shepherd-content .shepherd-text a,\n .shepherd-element .shepherd-content .shepherd-text a:active,\n .shepherd-element .shepherd-content .shepherd-text a:visited {\n border-bottom: 1px dotted rgba(0, 0, 0, .75);color: ").concat(textContentCSS["color"], ";\n opacity: 0.75;text-decoration: none\n }\n .shepherd-element .shepherd-content .shepherd-text a:active:hover, \n .shepherd-element .shepherd-content .shepherd-text a:hover,\n .shepherd-element .shepherd-content .shepherd-text a:visited:hover {\n border-bottom-style: solid\n }\n .shepherd-element .shepherd-content .shepherd-text p {\n margin-top: 0\n }\n .shepherd-element .shepherd-content .shepherd-text p:last-child {\n margin-bottom: 0\n }\n .shepherd-content > .shepherd-text p {\n font-size: ").concat(textContentCSS["fontSize"], "px;font-family: ").concat(textContentCSS["fontFamily"], "; \n font-weight: ").concat(textContentCSS["fontStyle"] !== "bold" ? "normal" : textContentCSS["fontStyle"], ";\n font-style: ").concat(textContentCSS["fontStyle"] === "italic" ? "italic" : "unset", ";\n color: ").concat(textContentCSS["color"], ";line-height:\n ").concat(textContentCSS["fontSize"], "px;letter-spacing:0.01em;\n }\n\n @-webkit-keyframes cycle {\n 0% { transform: ").concat(translateDir(position, 0), "; }\n 50% { transform: ").concat(translateDir(position, 50), "; }\n 100% { transform: ").concat(translateDir(position, 100), "; }\n }\n @keyframes cycle {\n 0% { transform: ").concat(translateDir(position, 0), "; }\n 50% { transform: ").concat(translateDir(position, 50), "; }\n 100% { transform: ").concat(translateDir(position, 100), "; }\n }\n .tippy-tooltip.apxor-").concat(configId, "-step-").concat(index, "-theme {\n animation :").concat(animation["enabled"] ? animation["type"] + " " + animation["duration"] + "ms" : "none", ";\n animation-timing-function: ease-in-out;animation-iteration-count: infinite;\n box-shadow: ").concat(show_shadow ? shadow : "none", ";color: ").concat(textContentCSS["color"], ";\n opacity: ").concat(opacity, ";border-radius: ").concat(tooltipCSS["border-radius"] + "px", ";\n background-color: ").concat(tooltipCSS["background"], ";").concat(getPropertyFrom(position), ";\n }\n .apxor-").concat(configId, "-step-").concat(index, "-theme .tippy-roundarrow {\n fill: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='top'] .tippy-arrow {\n border-top-color: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='bottom'] .tippy-arrow {\n border-bottom-color: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='left'] .tippy-arrow {\n border-left-color: ").concat(tooltipCSS["background"], ";\n }\n .tippy-tooltip[data-placement^='right'] .tippy-arrow {\n border-right-color: ").concat(tooltipCSS["background"], ";\n }\n .shepherd-element .shepherd-content footer .shepherd-button {\n display: inline-block;\n vertical-align: middle;\n border: 0;border-radius: 3px;cursor: pointer;font-family: inherit;\n font-size: .8em;letter-spacing: .01em;line-height: 18px;margin-right: 12px;\n padding: 8px 16px;text-transform: none;transition: all .5s ease\n }\n .shepherd-element .shepherd-content footer {\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n display: flex;\n flex-direction:").concat(button_direction === DIRECTION.HORIZONTAL ? "row" : "column", ";\n \n align-items:center;\n justify-content: ").concat(button_direction === DIRECTION.HORIZONTAL ? getButtonPosition(button_position) : "space-evenly", ";\n padding: 0 .8em .8em;\n background: ").concat(bg_color, ";\n }\n ");
|
|
7781
7788
|
if (Object.keys(title_config).length > 0) {
|
|
7782
7789
|
//display: flex;
|
|
7783
7790
|
//padding: .7em;
|
|
@@ -7884,6 +7891,14 @@
|
|
|
7884
7891
|
targetElement.removeEventListener("click", clickListener);
|
|
7885
7892
|
};
|
|
7886
7893
|
var scrolledToView = false;
|
|
7894
|
+
if (isElementInViewport(targetElement)) {
|
|
7895
|
+
if (isElementCovered(targetElement)) {
|
|
7896
|
+
var _window3, _window3$updateFlag;
|
|
7897
|
+
console.info("The tooltip is not visible because another element is overlapping the target element.");
|
|
7898
|
+
(_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$updateFlag = _window3.updateFlag) === null || _window3$updateFlag === void 0 || _window3$updateFlag.call(_window3, false);
|
|
7899
|
+
return;
|
|
7900
|
+
}
|
|
7901
|
+
}
|
|
7887
7902
|
|
|
7888
7903
|
// Add MutationObserver to the target element
|
|
7889
7904
|
var targetDeletionObserver = new MutationObserver(function () {
|
|
@@ -7910,6 +7925,12 @@
|
|
|
7910
7925
|
}
|
|
7911
7926
|
if (elementInViewPort) {
|
|
7912
7927
|
scrolledToView = true;
|
|
7928
|
+
if (isElementCovered(targetElement)) {
|
|
7929
|
+
var _window4, _window4$updateFlag;
|
|
7930
|
+
console.info("The tooltip is not visible because another element is overlapping the target element.");
|
|
7931
|
+
(_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$updateFlag = _window4.updateFlag) === null || _window4$updateFlag === void 0 || _window4$updateFlag.call(_window4, false);
|
|
7932
|
+
return;
|
|
7933
|
+
}
|
|
7913
7934
|
}
|
|
7914
7935
|
});
|
|
7915
7936
|
if (dismiss_outside_touch === true) {
|
|
@@ -7951,12 +7972,12 @@
|
|
|
7951
7972
|
escapeWithReference: escapeWithReference,
|
|
7952
7973
|
theme: "apxor-".concat(configId, "-step-").concat(index),
|
|
7953
7974
|
onShow: function onShow() {
|
|
7954
|
-
var
|
|
7955
|
-
(
|
|
7975
|
+
var _window5, _window5$updateFlag;
|
|
7976
|
+
(_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, true);
|
|
7956
7977
|
window.Apxor.logActionEvent("inline_shown", configId, configName);
|
|
7957
7978
|
if (is_preview) setTimeout(function () {
|
|
7958
|
-
var
|
|
7959
|
-
(
|
|
7979
|
+
var _window6, _window6$logInternalE;
|
|
7980
|
+
(_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$logInternalE = _window6.logInternalEvent) === null || _window6$logInternalE === void 0 || _window6$logInternalE.call(_window6, "capt");
|
|
7960
7981
|
}, 500);
|
|
7961
7982
|
window.Apxor.updateCount(configId);
|
|
7962
7983
|
rtmInstance.isShowingAction = true;
|
|
@@ -8015,10 +8036,6 @@
|
|
|
8015
8036
|
console.warn("Width and height are 0 for: ", view_id, ". Can't show");
|
|
8016
8037
|
return;
|
|
8017
8038
|
}
|
|
8018
|
-
if (isElementCovered(element)) {
|
|
8019
|
-
console.info("The tooltip is not visible because another element is overlapping the target element.");
|
|
8020
|
-
return;
|
|
8021
|
-
}
|
|
8022
8039
|
} catch (e) {
|
|
8023
8040
|
console.error(e);
|
|
8024
8041
|
}
|
|
@@ -8080,7 +8097,11 @@
|
|
|
8080
8097
|
ApxorWalkthroughTour.complete();
|
|
8081
8098
|
}, delay + terminationConfig["duration"]);
|
|
8082
8099
|
}
|
|
8083
|
-
|
|
8100
|
+
var dismiss_callback = function dismiss_callback() {
|
|
8101
|
+
window.Apxor.logActionEvent("inline_dismissed", messageConfig.configId, messageConfig.configName);
|
|
8102
|
+
ApxorWalkthroughTour.complete();
|
|
8103
|
+
};
|
|
8104
|
+
return dismiss_callback;
|
|
8084
8105
|
};
|
|
8085
8106
|
|
|
8086
8107
|
var DEFAULT_PADDING = 5;
|
|
@@ -13162,7 +13183,7 @@
|
|
|
13162
13183
|
* @description Creates the styles for Marketing message.
|
|
13163
13184
|
* @returns {string} css styles
|
|
13164
13185
|
*/
|
|
13165
|
-
_defineProperty(this, "
|
|
13186
|
+
_defineProperty(this, "qPsc", function () {
|
|
13166
13187
|
if (!_this.enable_marketing) {
|
|
13167
13188
|
return "";
|
|
13168
13189
|
}
|
|
@@ -13181,7 +13202,7 @@
|
|
|
13181
13202
|
* @private
|
|
13182
13203
|
* @description Sets the marketing content at the end of the Inline
|
|
13183
13204
|
*/
|
|
13184
|
-
_defineProperty(this, "
|
|
13205
|
+
_defineProperty(this, "CjFL", function () {
|
|
13185
13206
|
if (_this.enable_marketing) {
|
|
13186
13207
|
var marketingContainer = document.createElement("div");
|
|
13187
13208
|
marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
|
|
@@ -13742,7 +13763,7 @@
|
|
|
13742
13763
|
if (apxor_tooltip_styles) {
|
|
13743
13764
|
return;
|
|
13744
13765
|
}
|
|
13745
|
-
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInLineContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInLineMediaContainerStyles(), "\n ").concat(this._getInLineNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getInLineButtonContainerStyles(), " \n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.
|
|
13766
|
+
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInLineContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInLineMediaContainerStyles(), "\n ").concat(this._getInLineNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getInLineButtonContainerStyles(), " \n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.qPsc(), "\n ").concat(this._getTippyStyles(), "\n ").concat(this._getFooterStyles(), "\n ").concat(this._getProgressBarStyles(), "\n ").concat(this._getBootstrapiconsStyles(), " \n ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
|
|
13746
13767
|
var styleNode = document.createElement("style");
|
|
13747
13768
|
styleNode.setAttribute("apx-tooltip-styles", "");
|
|
13748
13769
|
styleNode.innerHTML = styles;
|
|
@@ -14545,7 +14566,7 @@
|
|
|
14545
14566
|
this._setCloseButton();
|
|
14546
14567
|
|
|
14547
14568
|
//Set the Marketing content
|
|
14548
|
-
this.
|
|
14569
|
+
this.CjFL();
|
|
14549
14570
|
}
|
|
14550
14571
|
|
|
14551
14572
|
/**
|
|
@@ -14640,12 +14661,16 @@
|
|
|
14640
14661
|
videoDiv.innerHTML = "".concat(this.video.embed.html);
|
|
14641
14662
|
this.mediaContainer.appendChild(videoDiv);
|
|
14642
14663
|
} else {
|
|
14664
|
+
var _window$Apxor;
|
|
14643
14665
|
var videoElement = document.createElement("video");
|
|
14644
14666
|
videoElement.classList.add("apx-inline-video".concat(this.cssPostFix));
|
|
14645
|
-
videoElement.controlsList = "noplaybackrate nodownload";
|
|
14646
|
-
videoElement.disablePictureInPicture = true;
|
|
14667
|
+
videoElement.controlsList = "noplaybackrate nodownload nofullscreen";
|
|
14647
14668
|
videoElement.controls = true;
|
|
14669
|
+
videoElement.disablePictureInPicture = true;
|
|
14648
14670
|
videoElement.autoplay = true;
|
|
14671
|
+
if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
|
|
14672
|
+
videoElement.playsInline = true;
|
|
14673
|
+
}
|
|
14649
14674
|
videoElement.muted = !this.video.enable_audio;
|
|
14650
14675
|
var sourceElement = document.createElement("source");
|
|
14651
14676
|
//Set the video tag attributes
|
|
@@ -15508,7 +15533,7 @@
|
|
|
15508
15533
|
* @description Creates the styles for Marketing message.
|
|
15509
15534
|
* @returns {string} css styles
|
|
15510
15535
|
*/
|
|
15511
|
-
_defineProperty(this, "
|
|
15536
|
+
_defineProperty(this, "qPsc", function () {
|
|
15512
15537
|
if (!_this.enable_marketing) {
|
|
15513
15538
|
return "";
|
|
15514
15539
|
}
|
|
@@ -15554,7 +15579,7 @@
|
|
|
15554
15579
|
* @private
|
|
15555
15580
|
* @description Get the response for Form content in the InApp modal.
|
|
15556
15581
|
*/
|
|
15557
|
-
_defineProperty(this, "
|
|
15582
|
+
_defineProperty(this, "TiXf", function (form_elements) {
|
|
15558
15583
|
var obj = {};
|
|
15559
15584
|
var callback = "";
|
|
15560
15585
|
form_elements.forEach(function (element) {
|
|
@@ -15594,7 +15619,7 @@
|
|
|
15594
15619
|
* @private
|
|
15595
15620
|
* @description Sets the marketing content at the end of the InApp
|
|
15596
15621
|
*/
|
|
15597
|
-
_defineProperty(this, "
|
|
15622
|
+
_defineProperty(this, "CjFL", function () {
|
|
15598
15623
|
if (_this.enable_marketing) {
|
|
15599
15624
|
var marketingContainer = document.createElement("div");
|
|
15600
15625
|
marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
|
|
@@ -15847,7 +15872,7 @@
|
|
|
15847
15872
|
}, {
|
|
15848
15873
|
key: "_setStyles",
|
|
15849
15874
|
value: function _setStyles() {
|
|
15850
|
-
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInAppContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInAppMediaContainerStyles(), "\n ").concat(this._getInAppNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getFormStyles(), "\n ").concat(this._getInAppButtonContainerStyles(), "\n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.
|
|
15875
|
+
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInAppContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInAppMediaContainerStyles(), "\n ").concat(this._getInAppNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getFormStyles(), "\n ").concat(this._getInAppButtonContainerStyles(), "\n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.qPsc(), " \n ").concat(this._getProgressBarStyles(), "\n ").concat(this._getBootstrapiconsStyles(), " \n ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
|
|
15851
15876
|
var styleNode = document.createElement("style");
|
|
15852
15877
|
styleNode.setAttribute("id", "apxor-style-" + this.configId);
|
|
15853
15878
|
styleNode.innerHTML = styles;
|
|
@@ -16324,7 +16349,7 @@
|
|
|
16324
16349
|
this._setCloseButton();
|
|
16325
16350
|
|
|
16326
16351
|
//Set the Marketing content
|
|
16327
|
-
this.
|
|
16352
|
+
this.CjFL();
|
|
16328
16353
|
}
|
|
16329
16354
|
|
|
16330
16355
|
/**
|
|
@@ -16396,12 +16421,16 @@
|
|
|
16396
16421
|
videoDiv.innerHTML = "".concat(this.video.embed.html);
|
|
16397
16422
|
this.mediaContainer.appendChild(videoDiv);
|
|
16398
16423
|
} else {
|
|
16424
|
+
var _window$Apxor;
|
|
16399
16425
|
var videoElement = document.createElement("video");
|
|
16400
16426
|
videoElement.classList.add("apx-inapp-video".concat(this.cssPostFix));
|
|
16401
|
-
videoElement.controlsList = "noplaybackrate nodownload";
|
|
16402
|
-
videoElement.disablePictureInPicture = true;
|
|
16427
|
+
videoElement.controlsList = "noplaybackrate nodownload nofullscreen";
|
|
16403
16428
|
videoElement.controls = true;
|
|
16429
|
+
videoElement.disablePictureInPicture = true;
|
|
16404
16430
|
videoElement.autoplay = true;
|
|
16431
|
+
if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
|
|
16432
|
+
videoElement.playsInline = true;
|
|
16433
|
+
}
|
|
16405
16434
|
videoElement.muted = !this.video.enable_audio;
|
|
16406
16435
|
var sourceElement = document.createElement("source");
|
|
16407
16436
|
//Set the video tag attributes
|
|
@@ -16525,7 +16554,7 @@
|
|
|
16525
16554
|
var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
|
|
16526
16555
|
form.addEventListener("submit", function (e) {
|
|
16527
16556
|
e.preventDefault();
|
|
16528
|
-
var _this4$generateRespon = _this4.
|
|
16557
|
+
var _this4$generateRespon = _this4.TiXf(_this4.form.elements),
|
|
16529
16558
|
obj = _this4$generateRespon.obj,
|
|
16530
16559
|
callback = _this4$generateRespon.callback;
|
|
16531
16560
|
var evalString = "(obj)=>" + callback + "(obj)";
|
|
@@ -16838,7 +16867,7 @@
|
|
|
16838
16867
|
* @function showVideoInApp
|
|
16839
16868
|
* @description Shows the video InApp with the configured mode.
|
|
16840
16869
|
*/
|
|
16841
|
-
_defineProperty(this, "
|
|
16870
|
+
_defineProperty(this, "vYvZ", function () {
|
|
16842
16871
|
_this.createPlayer();
|
|
16843
16872
|
try {
|
|
16844
16873
|
// In PIP mode, only after the video metadata is loaded, show the PIP.
|
|
@@ -16880,7 +16909,7 @@
|
|
|
16880
16909
|
};
|
|
16881
16910
|
} else {
|
|
16882
16911
|
// As the video player is hidden by default, unhide if the mode is not PIP.
|
|
16883
|
-
_this.
|
|
16912
|
+
_this.BXgz();
|
|
16884
16913
|
}
|
|
16885
16914
|
_this.showCallback();
|
|
16886
16915
|
} catch (e) {
|
|
@@ -16900,7 +16929,7 @@
|
|
|
16900
16929
|
* For portrait - width is set to 50% of the screen and height is auto adjusted based on resolution.
|
|
16901
16930
|
* For landscape - height is set to 50% of the screen and width is auto adjusted based on resolution.
|
|
16902
16931
|
*/
|
|
16903
|
-
_defineProperty(this, "
|
|
16932
|
+
_defineProperty(this, "SxBJ", function () {
|
|
16904
16933
|
var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
|
|
16905
16934
|
width = _getHeightWidthFromRe.width,
|
|
16906
16935
|
height = _getHeightWidthFromRe.height;
|
|
@@ -16912,7 +16941,7 @@
|
|
|
16912
16941
|
* @private
|
|
16913
16942
|
* @description Removes the video player style element.
|
|
16914
16943
|
*/
|
|
16915
|
-
_defineProperty(this, "
|
|
16944
|
+
_defineProperty(this, "GTjT", function () {
|
|
16916
16945
|
var playerStyles = document.getElementById("apx-mpl-styles");
|
|
16917
16946
|
if (playerStyles) {
|
|
16918
16947
|
playerStyles.remove();
|
|
@@ -16923,7 +16952,7 @@
|
|
|
16923
16952
|
* @private
|
|
16924
16953
|
* @description Attach listeners on the video controls
|
|
16925
16954
|
*/
|
|
16926
|
-
_defineProperty(this, "
|
|
16955
|
+
_defineProperty(this, "MQMm", function () {
|
|
16927
16956
|
// Listener for the video end. Display the CTA's when the video ends.
|
|
16928
16957
|
_this.videoElement.addEventListener("ended", function () {
|
|
16929
16958
|
var ctaButtons = document.getElementById("apx-cta-btn");
|
|
@@ -17034,7 +17063,7 @@
|
|
|
17034
17063
|
* @private
|
|
17035
17064
|
* @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
|
|
17036
17065
|
*/
|
|
17037
|
-
_defineProperty(this, "
|
|
17066
|
+
_defineProperty(this, "SGcf", function () {
|
|
17038
17067
|
var _this$terminationConf;
|
|
17039
17068
|
if (_this.mode === "PIP" && !((_this$terminationConf = _this.terminationConfig) !== null && _this$terminationConf !== void 0 && _this$terminationConf.auto_dismiss)) {
|
|
17040
17069
|
// On Exit of the PIP,
|
|
@@ -17074,7 +17103,7 @@
|
|
|
17074
17103
|
* @private Sets the custom controls on the video player.
|
|
17075
17104
|
* PIP and close are the custom controls that are created and positions on the video.
|
|
17076
17105
|
*/
|
|
17077
|
-
_defineProperty(this, "
|
|
17106
|
+
_defineProperty(this, "ASua", function () {
|
|
17078
17107
|
_this.enable_close_button;
|
|
17079
17108
|
if (_this.enable_close_button) {
|
|
17080
17109
|
var closeButton = document.createElement("span");
|
|
@@ -17121,21 +17150,21 @@
|
|
|
17121
17150
|
* @function hideVideoPlayer
|
|
17122
17151
|
* @description Sets the visibility of the video player to hidden.
|
|
17123
17152
|
*/
|
|
17124
|
-
_defineProperty(this, "
|
|
17153
|
+
_defineProperty(this, "Whkk", function () {
|
|
17125
17154
|
_this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
|
|
17126
17155
|
});
|
|
17127
17156
|
/**
|
|
17128
17157
|
* @function unhideVideoPlayer
|
|
17129
17158
|
* @description Unhides video player.
|
|
17130
17159
|
*/
|
|
17131
|
-
_defineProperty(this, "
|
|
17160
|
+
_defineProperty(this, "BXgz", function () {
|
|
17132
17161
|
_this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
|
|
17133
17162
|
});
|
|
17134
17163
|
/**
|
|
17135
17164
|
* @function getVideoElement
|
|
17136
17165
|
* @returns {HTMLElement} Video ekement
|
|
17137
17166
|
*/
|
|
17138
|
-
_defineProperty(this, "
|
|
17167
|
+
_defineProperty(this, "pdnj", function () {
|
|
17139
17168
|
return _this.videoElement;
|
|
17140
17169
|
});
|
|
17141
17170
|
this.videoPlayer = null;
|
|
@@ -17187,7 +17216,7 @@
|
|
|
17187
17216
|
this.videoPlayer.style.backgroundColor = this.bg_color;
|
|
17188
17217
|
|
|
17189
17218
|
// Video has a resolution, not deviating from the resolution set the height and width.
|
|
17190
|
-
this.
|
|
17219
|
+
this.SxBJ();
|
|
17191
17220
|
//Generate the styles and add them to the document head.
|
|
17192
17221
|
this._setVideoPlayerStyles();
|
|
17193
17222
|
//Set the position of the video player with in the 5 possible positions.
|
|
@@ -17195,16 +17224,16 @@
|
|
|
17195
17224
|
//Create a video element,set the source and add to the container.
|
|
17196
17225
|
this._setPlayerContent();
|
|
17197
17226
|
//Set the listeners on the video control buttons.
|
|
17198
|
-
this.
|
|
17227
|
+
this.MQMm();
|
|
17199
17228
|
//Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
|
|
17200
|
-
this.
|
|
17229
|
+
this.SGcf();
|
|
17201
17230
|
//Set the custom close and PIP controls. Not using the defaults from the html video element.
|
|
17202
17231
|
//Reason - We want to position them at the top right and left positions.
|
|
17203
|
-
this.
|
|
17232
|
+
this.ASua();
|
|
17204
17233
|
//Generate and postion the CTA buttons on the video. By default hidden, visible only when video is completed
|
|
17205
17234
|
this._setButtons(BUTTON_CONTAINER_POSITION.CENTER);
|
|
17206
17235
|
//Hide the video player. Display it based on the video mode. Videoplayer for "video" mode and a direct PIP for "PIP" mode.
|
|
17207
|
-
this.
|
|
17236
|
+
this.Whkk();
|
|
17208
17237
|
//If the auto dismiss is enabled, sets the timeout to call the InApp close.
|
|
17209
17238
|
this._setAutoTerminate();
|
|
17210
17239
|
document.body.appendChild(this.videoPlayer);
|
|
@@ -17270,6 +17299,7 @@
|
|
|
17270
17299
|
}, {
|
|
17271
17300
|
key: "_setPlayerContent",
|
|
17272
17301
|
value: function _setPlayerContent() {
|
|
17302
|
+
var _window$Apxor;
|
|
17273
17303
|
// Create video element
|
|
17274
17304
|
this.videoElement = document.createElement("video");
|
|
17275
17305
|
this.videoElement.width = this.width;
|
|
@@ -17277,6 +17307,9 @@
|
|
|
17277
17307
|
this.videoElement.style.objectFit = "fill";
|
|
17278
17308
|
this.videoElement.controlsList = "nodownload";
|
|
17279
17309
|
this.videoElement.controls = true;
|
|
17310
|
+
if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
|
|
17311
|
+
this.videoElement.playsInline = true;
|
|
17312
|
+
}
|
|
17280
17313
|
// By default disable the PIP. This is a hack to remove the default PIP option.
|
|
17281
17314
|
// We want to have our own PIP button. On click of that button PIP will be enabled.
|
|
17282
17315
|
this.videoElement.disablePictureInPicture = true;
|
|
@@ -17314,7 +17347,7 @@
|
|
|
17314
17347
|
}
|
|
17315
17348
|
}
|
|
17316
17349
|
this.videoPlayer.remove();
|
|
17317
|
-
this.
|
|
17350
|
+
this.GTjT();
|
|
17318
17351
|
if (closeButtonName !== "auto_dismiss") {
|
|
17319
17352
|
window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", {
|
|
17320
17353
|
message_name: this.name,
|
|
@@ -17382,7 +17415,7 @@
|
|
|
17382
17415
|
replayCount: _this3.replayCount
|
|
17383
17416
|
});
|
|
17384
17417
|
_this3.videoPlayer.remove();
|
|
17385
|
-
_this3.
|
|
17418
|
+
_this3.GTjT();
|
|
17386
17419
|
_this3.hideCallback();
|
|
17387
17420
|
} catch (e) {
|
|
17388
17421
|
console.log("Can't close the video player\n".concat(e));
|
|
@@ -17470,14 +17503,14 @@
|
|
|
17470
17503
|
var RTM = /*#__PURE__*/_createClass(function RTM() {
|
|
17471
17504
|
var _this = this;
|
|
17472
17505
|
_classCallCheck(this, RTM);
|
|
17473
|
-
_defineProperty(this, "
|
|
17506
|
+
_defineProperty(this, "tPHq", {});
|
|
17474
17507
|
_defineProperty(this, "isShowingAction", false);
|
|
17475
17508
|
_defineProperty(this, "currentAction", null);
|
|
17476
|
-
_defineProperty(this, "
|
|
17477
|
-
_defineProperty(this, "version",
|
|
17509
|
+
_defineProperty(this, "Jvri", null);
|
|
17510
|
+
_defineProperty(this, "version", 50);
|
|
17478
17511
|
_defineProperty(this, "isInitialised", false);
|
|
17479
17512
|
_defineProperty(this, "_eventsInDynamicText", {});
|
|
17480
|
-
_defineProperty(this, "
|
|
17513
|
+
_defineProperty(this, "qOSx", function () {
|
|
17481
17514
|
_this.isInitialised = true;
|
|
17482
17515
|
var oldPushState = history.pushState;
|
|
17483
17516
|
history.pushState = function pushState() {
|
|
@@ -17502,7 +17535,7 @@
|
|
|
17502
17535
|
});
|
|
17503
17536
|
_defineProperty(this, "show", function (uiJson, duration, uuid, name) {
|
|
17504
17537
|
if (!_this.isInitialised) {
|
|
17505
|
-
_this.
|
|
17538
|
+
_this.qOSx();
|
|
17506
17539
|
}
|
|
17507
17540
|
window.addEventListener("pagehide", function () {
|
|
17508
17541
|
var _window$Apxor, _window$Apxor$pageUnl;
|
|
@@ -17514,6 +17547,7 @@
|
|
|
17514
17547
|
console.error("An action already being shown");
|
|
17515
17548
|
return;
|
|
17516
17549
|
}
|
|
17550
|
+
uiJson = uiJson.split("\n").join("\\n");
|
|
17517
17551
|
var ui_config = JSON.parse(uiJson);
|
|
17518
17552
|
var terminationConfig = {};
|
|
17519
17553
|
terminationConfig["auto_dismiss"] = duration > 0;
|
|
@@ -17562,15 +17596,28 @@
|
|
|
17562
17596
|
}
|
|
17563
17597
|
});
|
|
17564
17598
|
_defineProperty(this, "showInApp", function (config, duration, configId, name) {
|
|
17565
|
-
|
|
17566
|
-
|
|
17567
|
-
|
|
17568
|
-
|
|
17599
|
+
try {
|
|
17600
|
+
config = config.split("\n").join("\\n");
|
|
17601
|
+
if (JSON.parse(config).layout_type === "videos") {
|
|
17602
|
+
_this.createInAppVideo(config, duration, configId, name);
|
|
17603
|
+
} else if (JSON.parse(config).layout_type === "modal") {
|
|
17604
|
+
_this.createInAppModal(config, duration, configId, name);
|
|
17605
|
+
}
|
|
17606
|
+
} catch (e) {
|
|
17607
|
+
var _window$Apxor2;
|
|
17608
|
+
if (((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios") {
|
|
17609
|
+
var _window5, _window5$updateFlag;
|
|
17610
|
+
(_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, false, "IN_APP");
|
|
17611
|
+
} else {
|
|
17612
|
+
var _window6, _window6$updateFlag;
|
|
17613
|
+
(_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, "IN_APP", false);
|
|
17614
|
+
}
|
|
17615
|
+
console.error(e);
|
|
17569
17616
|
}
|
|
17570
17617
|
});
|
|
17571
17618
|
_defineProperty(this, "removeAll", function () {
|
|
17572
|
-
var
|
|
17573
|
-
(
|
|
17619
|
+
var _window7, _window7$updateFlag;
|
|
17620
|
+
(_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.Apxor) === null || _window7 === void 0 || (_window7$updateFlag = _window7.updateFlag) === null || _window7$updateFlag === void 0 || _window7$updateFlag.call(_window7, false);
|
|
17574
17621
|
if (_this.currentAction !== null && _this.currentAction !== undefined) {
|
|
17575
17622
|
_this.isShowingAction = false;
|
|
17576
17623
|
try {
|
|
@@ -17584,34 +17631,34 @@
|
|
|
17584
17631
|
var terminationConfig = {};
|
|
17585
17632
|
terminationConfig["auto_dismiss"] = duration > 0;
|
|
17586
17633
|
terminationConfig["duration"] = duration;
|
|
17587
|
-
_this.
|
|
17634
|
+
_this.Jvri = new InLineTooltip(ui_config, [], [], terminationConfig, {
|
|
17588
17635
|
configId: uuid,
|
|
17589
17636
|
configName: name
|
|
17590
17637
|
}, _this, function () {
|
|
17591
17638
|
_this.isShowingAction = true;
|
|
17592
17639
|
if (window.Apxor && window.Apxor.logActionEvent) {
|
|
17593
|
-
var
|
|
17594
|
-
(
|
|
17640
|
+
var _window8, _window8$updateFlag;
|
|
17641
|
+
(_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || (_window8$updateFlag = _window8.updateFlag) === null || _window8$updateFlag === void 0 || _window8$updateFlag.call(_window8, true);
|
|
17595
17642
|
window.Apxor.logActionEvent("inline_shown", uuid, name);
|
|
17596
17643
|
if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
|
|
17597
17644
|
setTimeout(function () {
|
|
17598
|
-
var
|
|
17599
|
-
(
|
|
17645
|
+
var _window9, _window9$logInternalE;
|
|
17646
|
+
(_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$logInternalE = _window9.logInternalEvent) === null || _window9$logInternalE === void 0 || _window9$logInternalE.call(_window9, "capt");
|
|
17600
17647
|
}, 500);
|
|
17601
17648
|
}
|
|
17602
17649
|
}
|
|
17603
17650
|
}, function (isCancelled) {
|
|
17604
|
-
var
|
|
17651
|
+
var _window10, _window10$updateFlag;
|
|
17605
17652
|
_this.isShowingAction = false;
|
|
17606
17653
|
_this.currentAction = null;
|
|
17607
|
-
_this.
|
|
17608
|
-
(
|
|
17654
|
+
_this.Jvri = null;
|
|
17655
|
+
(_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.Apxor) === null || _window10 === void 0 || (_window10$updateFlag = _window10.updateFlag) === null || _window10$updateFlag === void 0 || _window10$updateFlag.call(_window10, false);
|
|
17609
17656
|
if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
|
|
17610
17657
|
window.Apxor.logActionEvent("inline_dismissed", uuid, name);
|
|
17611
17658
|
}
|
|
17612
17659
|
}, function () {}, false, 0);
|
|
17613
17660
|
setTimeout(function () {
|
|
17614
|
-
_this.
|
|
17661
|
+
_this.Jvri.createNewTooltip();
|
|
17615
17662
|
}, ui_config.delay);
|
|
17616
17663
|
});
|
|
17617
17664
|
_defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
|
|
@@ -17628,20 +17675,20 @@
|
|
|
17628
17675
|
var VideoInAppInstance = new VideoInApp(videoConfig, terminationConfig, configId, name, function () {
|
|
17629
17676
|
_this.isShowingAction = true;
|
|
17630
17677
|
if (window.Apxor && window.Apxor.logActionEvent) {
|
|
17631
|
-
var
|
|
17632
|
-
(
|
|
17678
|
+
var _window11, _window11$updateFlag;
|
|
17679
|
+
(_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.Apxor) === null || _window11 === void 0 || (_window11$updateFlag = _window11.updateFlag) === null || _window11$updateFlag === void 0 || _window11$updateFlag.call(_window11, true);
|
|
17633
17680
|
window.Apxor.logActionEvent("inapp_shown", configId, name);
|
|
17634
17681
|
}
|
|
17635
17682
|
}, function () {
|
|
17636
|
-
var
|
|
17683
|
+
var _window12, _window12$updateFlag;
|
|
17637
17684
|
_this.isShowingAction = false;
|
|
17638
17685
|
_this.currentAction = null;
|
|
17639
|
-
(
|
|
17686
|
+
(_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.Apxor) === null || _window12 === void 0 || (_window12$updateFlag = _window12.updateFlag) === null || _window12$updateFlag === void 0 || _window12$updateFlag.call(_window12, false);
|
|
17640
17687
|
if (window.Apxor && window.Apxor.logActionEvent) {
|
|
17641
17688
|
window.Apxor.logActionEvent("inapp_dismissed", configId, name);
|
|
17642
17689
|
}
|
|
17643
17690
|
});
|
|
17644
|
-
VideoInAppInstance.
|
|
17691
|
+
VideoInAppInstance.vYvZ();
|
|
17645
17692
|
});
|
|
17646
17693
|
/**
|
|
17647
17694
|
* Creates a modal for the given config and displays it.
|
|
@@ -17660,12 +17707,18 @@
|
|
|
17660
17707
|
var inappModal = new ModalInApp(config, terminationConfig, configId, name, function () {
|
|
17661
17708
|
_this.isShowingAction = true;
|
|
17662
17709
|
if (window.Apxor && window.Apxor.logActionEvent) {
|
|
17663
|
-
var
|
|
17664
|
-
(
|
|
17710
|
+
var _window$Apxor3;
|
|
17711
|
+
if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
|
|
17712
|
+
var _window13, _window13$updateFlag;
|
|
17713
|
+
(_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.Apxor) === null || _window13 === void 0 || (_window13$updateFlag = _window13.updateFlag) === null || _window13$updateFlag === void 0 || _window13$updateFlag.call(_window13, true, "IN_APP");
|
|
17714
|
+
} else {
|
|
17715
|
+
var _window14, _window14$updateFlag;
|
|
17716
|
+
(_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.Apxor) === null || _window14 === void 0 || (_window14$updateFlag = _window14.updateFlag) === null || _window14$updateFlag === void 0 || _window14$updateFlag.call(_window14, "IN_APP", true);
|
|
17717
|
+
}
|
|
17665
17718
|
window.Apxor.logActionEvent("inapp_shown", configId, name);
|
|
17666
17719
|
}
|
|
17667
17720
|
}, function (backgroundDiv, action) {
|
|
17668
|
-
var _dialogContent$classL,
|
|
17721
|
+
var _dialogContent$classL, _window$Apxor4;
|
|
17669
17722
|
var cssClass = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ".apx-dlg-c";
|
|
17670
17723
|
var closeListener = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
17671
17724
|
var redirectionListener = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
|
|
@@ -17676,7 +17729,13 @@
|
|
|
17676
17729
|
// setTimeout(() => {
|
|
17677
17730
|
backgroundDiv.remove();
|
|
17678
17731
|
_this.isShowingAction = false;
|
|
17679
|
-
(
|
|
17732
|
+
if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
|
|
17733
|
+
var _window15, _window15$updateFlag;
|
|
17734
|
+
(_window15 = window) === null || _window15 === void 0 || (_window15 = _window15.Apxor) === null || _window15 === void 0 || (_window15$updateFlag = _window15.updateFlag) === null || _window15$updateFlag === void 0 || _window15$updateFlag.call(_window15, false, "IN_APP");
|
|
17735
|
+
} else {
|
|
17736
|
+
var _window16, _window16$updateFlag;
|
|
17737
|
+
(_window16 = window) === null || _window16 === void 0 || (_window16 = _window16.Apxor) === null || _window16 === void 0 || (_window16$updateFlag = _window16.updateFlag) === null || _window16$updateFlag === void 0 || _window16$updateFlag.call(_window16, "IN_APP", false);
|
|
17738
|
+
}
|
|
17680
17739
|
_this.currentAction = null;
|
|
17681
17740
|
if (window.Apxor && window.Apxor.logActionEvent && !(action == "cancel" || action == "redirect")) {
|
|
17682
17741
|
window.Apxor.logActionEvent("inapp_dismissed", configId, name);
|