@weldsuite/helpdesk-widget-sdk 1.0.2 → 1.0.3
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/angular.esm.js +38 -16
- package/dist/angular.esm.js.map +1 -1
- package/dist/angular.js +38 -16
- package/dist/angular.js.map +1 -1
- package/dist/index.esm.js +38 -16
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +38 -16
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +38 -16
- package/dist/index.umd.js.map +1 -1
- package/dist/react.esm.js +38 -16
- package/dist/react.esm.js.map +1 -1
- package/dist/react.js +38 -16
- package/dist/react.js.map +1 -1
- package/dist/vue-composables.esm.js +38 -16
- package/dist/vue-composables.esm.js.map +1 -1
- package/dist/vue-composables.js +38 -16
- package/dist/vue-composables.js.map +1 -1
- package/package.json +102 -102
package/dist/angular.js
CHANGED
|
@@ -620,20 +620,42 @@ class IframeManager {
|
|
|
620
620
|
const container = document.createElement('div');
|
|
621
621
|
container.className = 'weld-widget-frame';
|
|
622
622
|
container.setAttribute('data-state', 'closed');
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
623
|
+
// Apply different styles for mobile vs desktop
|
|
624
|
+
if (this.deviceInfo.isMobile) {
|
|
625
|
+
// Mobile: full-screen
|
|
626
|
+
container.style.cssText = `
|
|
627
|
+
position: fixed;
|
|
628
|
+
top: 0;
|
|
629
|
+
left: 0;
|
|
630
|
+
right: 0;
|
|
631
|
+
bottom: 0;
|
|
632
|
+
width: 100vw;
|
|
633
|
+
height: 100vh;
|
|
634
|
+
z-index: 2147483001;
|
|
635
|
+
pointer-events: none;
|
|
636
|
+
display: none;
|
|
637
|
+
border-radius: 0;
|
|
638
|
+
overflow: hidden;
|
|
639
|
+
background: transparent;
|
|
640
|
+
`;
|
|
641
|
+
}
|
|
642
|
+
else {
|
|
643
|
+
// Desktop: positioned widget
|
|
644
|
+
container.style.cssText = `
|
|
645
|
+
position: fixed;
|
|
646
|
+
bottom: ${widget.position.bottom};
|
|
647
|
+
right: ${widget.position.right};
|
|
648
|
+
width: ${widget.width};
|
|
649
|
+
height: ${widget.height};
|
|
650
|
+
max-width: 100vw;
|
|
651
|
+
z-index: 2147483001;
|
|
652
|
+
pointer-events: none;
|
|
653
|
+
display: none;
|
|
654
|
+
border-radius: 16px;
|
|
655
|
+
overflow: hidden;
|
|
656
|
+
background: transparent;
|
|
657
|
+
`;
|
|
658
|
+
}
|
|
637
659
|
// Create iframe
|
|
638
660
|
const iframe = document.createElement('iframe');
|
|
639
661
|
iframe.name = widget.name;
|
|
@@ -645,7 +667,7 @@ class IframeManager {
|
|
|
645
667
|
border: none;
|
|
646
668
|
background: transparent;
|
|
647
669
|
display: block;
|
|
648
|
-
border-radius: 16px;
|
|
670
|
+
border-radius: ${this.deviceInfo.isMobile ? '0' : '16px'};
|
|
649
671
|
`;
|
|
650
672
|
iframe.setAttribute('allow', 'clipboard-write; camera; microphone');
|
|
651
673
|
iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups allow-downloads');
|
|
@@ -2011,7 +2033,7 @@ class StateCoordinator {
|
|
|
2011
2033
|
}
|
|
2012
2034
|
}
|
|
2013
2035
|
|
|
2014
|
-
var version = "1.0.
|
|
2036
|
+
var version = "1.0.3";
|
|
2015
2037
|
var packageJson = {
|
|
2016
2038
|
version: version};
|
|
2017
2039
|
|