@appcues/web-sdk 7.8.0 → 7.12.0

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @appcues/web-sdk
 
+## 7.12.0
+
+### Minor Changes
+
+- 257c287: Fix issue prevent event-triggered experiences in certain cases
+
+## 7.11.2
+
+### Patch Changes
+
+- 14318b8: Make embeds fill container width and height using display: contents
+
+## 7.11.1
+
+### Patch Changes
+
+- 12aec45: Enhances the close action for internal event transition
+
+## 7.11.0
+
+### Minor Changes
+
+- 74684e0: Now sdk can use iframes context as the main context for rendering, even when the SDK is instantiated outside the iframe.
+
+## 7.10.3
+
+### Patch Changes
+
+- f528550: Deploy SDK to the EU
+
+## 7.10.2
+
+### Patch Changes
+
+- 3981b6e: Fixes an issue when rendering experiences after a Flow with a "Let them navigate" action
+
+## 7.10.1
+
+### Patch Changes
+
+- 6fff74f: Adds support rendering embed experiences inline
+
+## 7.10.0
+
+### Minor Changes
+
+- c5de7f2: Fixes an issue in our Flow backdrop rendering
+
+## 7.9.0
+
+### Minor Changes
+
+- f03cfbf: Prevent experience_completed and step_completed events from firing when users navigate away from the page
+
+## 7.8.1
+
+### Patch Changes
+
+- 516bc28: Now SDK handles styles integrity correctly passing hash algo as prefix following the spec.
+
 ## 7.8.0
 
 ### Minor Changes

package/README.md

@@ -1,7 +1,7 @@
 # Appcues JavaScript SDK
 
 > **ℹ️**  
-> The Appcues JavaScript SDK is currently in **beta testing** when installed via npm. We recommend evaluating carefully and providing feedback as you integrate. Please refer to our [official documentation](https://docs.appcues.com/install-appcues-web) for the latest updates, setup instructions, and support resources.
+> The Appcues JavaScript SDK is currently in **beta testing** when installed via npm. We recommend evaluating carefully and providing feedback as you integrate. Please refer to our [official documentation](https://docs.appcues.com/en_US/install-appcues-web/installation-overview-for-developers#appcues-sdk-installation-6) for the latest updates, setup instructions, and support resources.
 
 The Appcues JavaScript SDK allows you to integrate Appcues into your web application. Track user events, identify users, and trigger personalized in-app experiences.
 

package/build/container.9b4caeae8c95b7e55917db3db9558a23e797772e.css

@@ -0,0 +1 @@
+appcues-container.appcues-fullscreen,appcues-container.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto}appcues-container.appcues-ontop{z-index:2147483547}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout]{position:fixed;box-shadow:2px 3px 9px #0000004d;transform:none;transition:transform .8s cubic-bezier(.2,.84,.35,1),opacity .5s cubic-bezier(0,0,0,1) .1s;width:400px;height:150px;max-height:calc(100vh - 40px);overflow-y:auto}@media screen and (max-width:440px){appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout]{width:calc(100% - 40px)!important}}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottomRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottomRight]{right:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottomLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottomLeft]{left:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center]{top:50%;transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center]{transform:translateY(-54%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottom]{right:0;left:0;margin:auto}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position^=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position^=top]{top:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position^=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position^=bottom]{bottom:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden,appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden{transition:transform .5s ease-in,opacity .4s cubic-bezier(.5,1,1,1);opacity:0}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=center]{transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=top]{transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottomLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottomLeft]{transform:translate(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottom]{transform:translateY(50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottomRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottomRight]{transform:translate(50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=left]{transform:translateY(-50%) translate(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=right]{transform:translateY(-50%) translate(50%)}.appcues-noscroll{overflow:hidden}.appcues iframe.appcues-tooltip-container.appcues-tooltip-hidden{display:none!important}appcues-layer .beacon{position:relative;cursor:pointer;-webkit-transform-origin:12px 12px 0;-moz-transform-origin:12px 12px 0;-ms-transform-origin:12px 12px 0;-o-transform-origin:12px 12px 0;transform-origin:12px 12px 0;-webkit-transition:-webkit-transform .1s;-moz-transition:-moz-transform .1s;transition:transform .1s}appcues-layer .beacon .beacon-inner{-webkit-transition:-webkit-transform .1s;-moz-transition:-moz-transform .1s;transition:transform .1s;-webkit-transform-origin:12px 12px 0;-moz-transform-origin:12px 12px 0;-ms-transform-origin:12px 12px 0;-o-transform-origin:12px 12px 0;transform-origin:12px 12px 0}appcues-layer .beacon:hover{-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}appcues-layer .beacon:hover .beacon-inner{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}appcues-layer .beacon:active,appcues-layer .beacon:focus{-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}appcues-layer .beacon:active:after,appcues-layer .beacon:focus:after{-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8)}appcues-layer .beacon.bounce-in{-webkit-animation:bounceIn .5s linear;-moz-animation:bounceIn .5s linear;animation:bounceIn .5s linear}appcues-layer .beacon.bounce-out{-webkit-animation:bounceOut .5s ease-in;-moz-animation:bounceOut .5s ease-in;animation:bounceOut .5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}appcues-layer .beacon .beacon-outer{-webkit-transform-origin:11px 11px;-moz-transform-origin:11px 11px;-ms-transform-origin:11px 11px;-o-transform-origin:11px 11px;transform-origin:11px 11px}@-webkit-keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}@-moz-keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}@keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}appcues-layer .beacon .hotspot-animation-pulse{-webkit-animation:appcues-beacon-pulse 3s ease-out 2s infinite;-moz-animation:appcues-beacon-pulse 3s ease-out 2s infinite;animation:appcues-beacon-pulse 3s ease-out 2s infinite}appcues-layer .beacon-container{width:24px;max-width:24px;position:relative}appcues-layer .hotspot>iframe,appcues-layer .appcues-hotspot>iframe,appcues-layer,appcues-container>iframe[src="about:blank"]{margin:0!important;padding:0!important;border:0!important;font-size:100%!important;font:inherit!important;vertical-align:baseline!important;display:block!important;line-height:1!important;box-shadow:none!important;opacity:1;box-sizing:content-box!important;outline:none!important;border-radius:0!important;overflow-x:visible!important;overflow-y:visible!important}@media screen and (min-width:0�){appcues-layer .hotspot .apc-spotlight,appcues-layer .appcues-hotspot .apc-spotlight{display:none}}appcues-layer .hotspots,appcues-layer .hotspots .hotspot,appcues-layer .hotspots .appcues-hotspot,appcues-layer .appcues-hotspots,appcues-layer .appcues-hotspots .hotspot,appcues-layer .appcues-hotspots .appcues-hotspot{position:static}appcues-layer .hotspot,appcues-layer .appcues-hotspot{top:50%;left:50%}appcues-layer .hotspot.appcues-animated,appcues-layer .appcues-hotspot.appcues-animated{transition:top .1s,left .1s}appcues-layer .hotspot .apc-animated-backdrop,appcues-layer .appcues-hotspot .apc-animated-backdrop{transition:opacity .3s}appcues-layer .hotspot.apc-hidden .beacon,appcues-layer .appcues-hotspot.apc-hidden .beacon{transform:scale(0);visibility:hidden}appcues-layer .hotspot.apc-hidden .apc-spotlight,appcues-layer .appcues-hotspot.apc-hidden .apc-spotlight{opacity:0;visibility:hidden}appcues-layer .hotspot.apc-beacon-hidden .beacon-container,appcues-layer .appcues-hotspot.apc-beacon-hidden .beacon-container{display:none}appcues-layer .hotspot .beacon,appcues-layer .appcues-hotspot .beacon{transition:transform .08s cubic-bezier(0,0,0,1);transform:none}appcues-layer .hotspot>iframe,appcues-layer .appcues-hotspot>iframe{background-color:transparent;min-width:0;min-height:0;opacity:1;transform:none;transition:opacity .16s cubic-bezier(0,0,0,1),transform .08s cubic-bezier(0,0,0,1)}appcues-layer .hotspot>iframe.apc-hidden,appcues-layer .appcues-hotspot>iframe.apc-hidden{opacity:.01;transform:scale(.97);visibility:hidden}appcues-layer .hotspot>iframe.align-top,appcues-layer .appcues-hotspot>iframe.align-top{transform-origin:bottom}appcues-layer .hotspot>iframe.align-top-left,appcues-layer .appcues-hotspot>iframe.align-top-left{transform-origin:bottom right}appcues-layer .hotspot>iframe.align-top-right,appcues-layer .appcues-hotspot>iframe.align-top-right{transform-origin:bottom left}appcues-layer .hotspot>iframe.align-bottom,appcues-layer .appcues-hotspot>iframe.align-bottom{transform-origin:top}appcues-layer .hotspot>iframe.align-bottom-left,appcues-layer .appcues-hotspot>iframe.align-bottom-left{transform-origin:top right}appcues-layer .hotspot>iframe.align-bottom-right,appcues-layer .appcues-hotspot>iframe.align-bottom-right{transform-origin:top left}appcues-debugger{position:fixed;bottom:0;left:15px;overflow-wrap:break-word;z-index:2147483548;color:#fff}appcues-debugger.expanded{max-height:450px;min-width:600px}appcues-debugger.collapsed{max-height:35px}appcues-debugger iframe{overflow:hidden}appcues-checklist{position:fixed;bottom:30px;z-index:2147483647;transition:all .5s ease-in-out}appcues-checklist.apcl-right{right:30px}appcues-checklist.apcl-right.first-view{right:-300px}appcues-checklist.apcl-left{left:30px}appcues-checklist.apcl-left.first-view{left:-300px}div.appcues,div.appcues>appcues-layer{position:static}