@hippovideo/video-sdk 1.0.1-beta.7 → 1.0.1-beta.9

package/app/697-bundle-hippo-pnakd1nfs0f-c9c93afb84459f3f11eb.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkHVRecorder=self.webpackChunkHVRecorder||[]).push([[697],{23697:function(r,e,n){n.r(e),n.d(e,{default:function(){return d}});var o,i=n(67294),t=n(3365),c=n.n(t),a=n(30168),u=n(61233).ZP.div(o||(o=(0,a.Z)(["\n    margin: 0 auto;\n    .primary-video-overflow-container{\n        .primary-video{\n            transform: ",";\n            transform-origin: ",";\n        }\n    }\n    .player-controls-container{\n        .play-pause-button{\n            cursor:pointer;\n        }\n    }\n    .secondary-video-container{\n        -transform: ",";\n    }\n"])),(function(r){var e=r.isMirrored;return r.screenRecord||e?"":"rotateY(180deg) !important"}),(function(r){var e=r.isMirrored;return r.screenRecord||e?"":"unset !important;"}),(function(r){return r.isMirrored?"":"rotateY(180deg)"})),s=n(40706);function d(r){var e=r.importVideoUrl,n=r.screenUrl,o=r.webcamUrl,t=r.thumbnailUrl,a=r.isAudioOnly,d=r.recordingConfiguration,l=r.customColors,m=r.onVideoPlayerInitialize,f=r.isMirrored,y=r.isFromEditWidget,p=(0,i.useRef)(),v=(0,i.useRef)(),g=function(){if(n)return o};return(0,i.useEffect)((function(){p.current&&(v.current=new(c())(function(){var r,i;if(d&&d.screenRecord&&d.webCam){var c=(0,s.wy)({recordConfiguration:d});r=c.primaryLayout,i=c.secondaryLayout}var u=null==d?void 0:d.audio;return d&&d.screenRecord&&(u=!0),{el:p.current,fromSDK:!0,id:"preview-video",src:e||n||o||void 0,audioSrc:g(),fullscreenControl:!1,primaryVideoLayout:r,secondaryVideoLayout:i,customColors:l,isAudioOnly:a,integType:"generic_embed",thumbnail:t,showSecondaryVideo:d&&d.screenRecord&&d.webCam&&"circle"!=d.webcamShape,isContainsAudio:u,initializeNewPlayer:!0}}()),m(v.current),v.current.show(),setTimeout((function(){v.current.resizePlayerForWindow()}),1e3))}),[p,v,o,n]),console.log(f,"sdktestingmirror"),i.createElement(i.Fragment,null,i.createElement(u,{className:"hv-sdk-player",screenRecord:null==d?void 0:d.screenRecord,isMirrored:f,isFromEditWidget:y,ref:p}))}}}]);

package/app/949-bundle-hippo-pnakd1nfs0f-b08e4d7e4898932a1720.js

@@ -0,0 +1 @@
+(self.webpackChunkHVRecorder=self.webpackChunkHVRecorder||[]).push([[949],{71854:function(t,e,i){var n,o;n=[i(11329),i(68446)],void 0===(o=function(t,e){return function(t){function e(t,e){return t.w('<div class="simple-edit-container hide ').x(e.get(["integrationType"],!1),e,{block:i},{}).w('"><div class="simple-edit-controls"><div class="se-control-detail default-control-detail clearfix hide"><span class="info-text"></span></div>').h("ne",e,{block:n},{key:e.get(["trim"],!1),value:"false"},"h").h("ne",e,{block:l},{key:e.get(["crop"],!1),value:"false"},"h").h("ne",e,{block:a},{key:e.get(["image"],!1),value:"false"},"h").h("ne",e,{block:p},{key:e.get(["text"],!1),value:"false"},"h").h("ne",e,{block:v},{key:e.get(["stickers"],!1),value:"false"},"h").h("ne",e,{block:h},{key:e.get(["callout"],!1),value:"false"},"h").h("ne",e,{block:k},{key:e.get(["blur"],!1),value:"false"},"h").h("ne",e,{block:_},{key:e.get(["resize"],!1),value:"false"},"h").w('<div class="simple-edit-buttons-box ').x(e.get(["integrationType"],!1),e,{block:E},{}).w('">').h("ne",e,{block:B},{key:e.get(["trim"],!1),value:"false"},"h").h("ne",e,{block:z},{key:e.get(["crop"],!1),value:"false"},"h").nx(e.get(["fromQuickRecord"],!1),e,{block:T},{}).h("ne",e,{block:R},{key:e.get(["stickers"],!1),value:"false"},"h").h("ne",e,{block:O},{key:e.get(["callouts"],!1),value:"false"},"h").h("ne",e,{block:j},{key:e.get(["blur"],!1),value:"false"},"h").h("ne",e,{block:H},{key:e.get(["resize"],!1),value:"false"},"h").w('</div></div></div><div class="modal-backdrop image-upload-progress-container" id="imageUploadProgessContainer"><div class="text-center loading-container"><div class="progress-text" id="imageUploadProgressText"> </div></div></div>')}function i(t,e){return t.f(e.get(["integrationType"],!1),e,"h").w("-simple-edit")}function n(t,e){return t.w('<div class="se-control-detail clearfix trim-control-detail hide"><img class="ruler ruler-static" src="').f(e.get(["origin"],!1),e,"h").w('/img/ruler-two.png"><canvas class="ruler ruler-dynamic hide" width="1000" height="15"></canvas><input type="text" class="sliderValue" style="display:none" data-index="0" value="0" /><input type="text" class="sliderValue" style="display:none" data-index="1" value="0" /><div class="trim-slider" id="trimSlider"></div>').h("ne",e,{block:o},{key:e.get(["shouldHideTrimTimer"],!1),value:"true"},"h").w('<div class="trim-preview-container"><video class="trim-preview-video"></video></div><div class="preview-trim-arrow"></div></div>')}function o(t,e){return t.w('<div class="trim-before-container"><div class="trim-before-time-element"><div class="arrow right-arrow"></div><span class="trim-before-time"></span></div><div class="trim-before-pop"><span>').f(e.getPath(!1,["simpleEdit","trimStartTime"]),e,"h").w('</span><input type="text" class="trim-before-input"><div class="before-trim-div"><div class="arrow up-arrow trim-input-btn trim-input-btn-plus"></div><div class="arrow down-arrow trim-input-btn trim-input-btn-minus"></div></div><div class="trim-arrow"></div></div></div><div class="trim-after-container"><div class="trim-after-time-element"><div class="arrow left-arrow"></div><span class="trim-after-time"></span></div><div class="trim-after-pop"><span>').f(e.getPath(!1,["simpleEdit","trimEndTime"]),e,"h").w('</span><input type="text" class="trim-after-input"><div class="after-trim-div"><div class="arrow up-arrow trim-input-btn trim-input-btn-plus"></div><div class="arrow down-arrow trim-input-btn trim-input-btn-minus"></div></div><div class="trim-arrow"></div></div></div>')}function l(t,e){return t.w('<div class="se-control-detail clearfix crop-control-detail hide"><div class="pull-left reposition-webcam-container"><input type="checkbox" class="reposition-webcam wiz-checkbox-blue" id="move" checked /><label for="move">').f(e.getPath(!1,["simpleEdit","moveWebcam"]),e,"h").w('</label></div><div class="pull-right text-right"><a class="apply-crop apply-btn" id="cropApplyBtn">').f(e.getPath(!1,["simpleEdit","apply"]),e,"h").w('</a><a class="reset-crop reset-btn" id="cropResetBtn">').f(e.getPath(!1,["simpleEdit","reset"]),e,"h").w("</a></div></div>")}function a(t,e){return t.w('<div class="se-control-detail clearfix addimage-control-detail hide">').nx(e.get(["fromQuickRecord"],!1),e,{else:r,block:d},{}).w('<div class="addimage-selected hide"><div class="left"><input type="checkbox" class="wiz-checkbox-blue" id="imageArLock" checked /><label for="imageArLock" class="image-ar-lock">').f(e.getPath(!1,["simpleEdit","lockAspectRatioResize"]),e,"h").w('</label></div><div class="left opacity-container"><span class="left">').f(e.getPath(!1,["simpleEdit","opacity"]),e,"h").w('</span><input class="left slider" type="range" min="0" max="100" id="imageOpacitySlider"><input class="left slider-ip" type="number" min="0" max="100" value="100" id="imageOpacityInput"></div><div class="right delete-btn-container"><div id="deleteImage" class="delete-btn">').f(e.getPath(!1,["simpleEdit","delete"]),e,"h").w("</div></div></div></div>")}function r(t,e){return t.w('\x3c!-- new quick record flow personalization --\x3e<div class="addimage-initial cpv-personalization hide"><div class="add-image-action left add-text hide">\t<img src="').f(e.get(["origin"],!1),e,"h").w('/svg/plus-ico-blue.svg"/><span id="addTextLink">\t').f(e.getPath(!1,["simpleEdit","addText"]),e,"h").w('\t</span>\t</div><div class="add-image-action left" id="addImageBtn"><img src="').f(e.get(["origin"],!1),e,"h").w('/svg/plus-ico-blue.svg"/><span>').f(e.getPath(!1,["simpleEdit","addImage"]),e,"h").w("</span></div>").x(e.get(["canShowPersonalization"],!1),e,{block:s},{}).w("</div>\x3c!-- end of new quick record flow personalization --\x3e")}function s(t,e){return t.w('<div class="add-image-action left" id="addPersonalizedImageBtn"><img src="').f(e.get(["origin"],!1),e,"h").w('/svg/plus-ico-blue.svg"/><span>').f(e.getPath(!1,["simpleEdit","addPersonalizedImage"]),e,"h").w('</span></div><div class="add-image-action left" id="addWebsiteImageBtn"><img src="').f(e.get(["origin"],!1),e,"h").w('/svg/plus-ico-blue.svg"/><span>').f(e.getPath(!1,["simpleEdit","addWebsiteImage"]),e,"h").w("</span></div>")}function d(t,e){return t.w('<div class="addimage-initial hide"><div class="add-image-action left add-text hide">\t<span id="addTextLink">\t').f(e.getPath(!1,["simpleEdit","addText"]),e,"h").w('\t</span>\t</div><div class="add-image-action left" id="addImageBtn"><span>').f(e.getPath(!1,["simpleEdit","addImage"]),e,"h").w("</span></div>").x(e.get(["canShowPersonalization"],!1),e,{block:c},{}).w("</div>")}function c(t,e){return t.w('<div class="add-image-action left" id="addPersonalizedImageBtn"><span>').f(e.getPath(!1,["simpleEdit","addPersonalizedImage"]),e,"h").w('</span></div><div class="left add-image-tooltip"><img src="').f(e.get(["origin"],!1),e,"h").w('/img/help.png"><div class="add-image-tooltip-content">').f(e.getPath(!1,["simpleEdit","addImageInfo"]),e,"h").w('<a href="https://help.hippovideo.io/support/solutions/articles/19000100178-image-personalization" target="_blank">').f(e.getPath(!1,["simpleEdit","learnMore"]),e,"h").w('</a></div></div><div class="add-image-action left" id="addWebsiteImageBtn"><span>').f(e.getPath(!1,["simpleEdit","addWebsiteImage"]),e,"h").w('</span></div><div class="left add-image-tooltip"><img src="').f(e.get(["origin"],!1),e,"h").w('/img/help.png"><div class="add-image-tooltip-content">').f(e.getPath(!1,["simpleEdit","addWebsiteImageInfo"]),e,"h").w('<a href="https://help.hippovideo.io/support/solutions/articles/19000100178-image-personalization" target="_blank">').f(e.getPath(!1,["simpleEdit","learnMore"]),e,"h").w("</a></div></div>")}function p(t,e){return t.w('<div class="se-control-detail clearfix addtext-control-detail hide"><div class="addtext-container"><div id="textPropertiesTab" style="display:none" class="sdk-top-wrap"><div class="sdk-text-wrap"><div class="padding-face se-font mf-custom-selector"><select class="se-text-properties se-font-selector"></select></div><div class="padding-face se-fontsize mf-custom-selector"><select class="se-text-properties se-fontsize-selector"><option value="15">15px</option><option value="17">17px</option><option value="20">20px</option><option value="25">25px</option><option value="35">35px</option><option value="40" selected>40px</option><option value="50">50px</option><option value="60">60px</option><option value="70">70px</option><option value="90">90px</option><option value="110">110px</option></select></div><div class="padding-face alignment-selector"><select class="se-text-properties se-textalign-selector"><option value="left">').f(e.getPath(!1,["simpleEdit","left"]),e,"h").w('</option><option value="center" selected>').f(e.getPath(!1,["simpleEdit","center"]),e,"h").w('</option><option value="right">').f(e.getPath(!1,["simpleEdit","right"]),e,"h").w('</option></select></div></div><div class="sdk-textstyle-wrap"><div class="se-bold-face"><input type="checkbox" id="c1" class="se-text-properties se-bold-toggle chk-btn" /><label for=\'c1\'><b>B</b></label></div><div class="italic-face"><input type="checkbox" id="c2" class="se-text-properties se-italic-toggle chk-btn" /><label for=\'c2\'><i>I</i></label></div><div class=""><div class="padding-face color-picker"><input type = "color" class="se-text-properties se-color-choose se-color-selector"/></div></div></div></div><div class="padding-face for-merge-field"><div class="mf-custom-selector mf-custom-selector-button merge-field-container">').x(e.get(["canShowPersonalization"],!1),e,{block:u},{}).w('</div><div class="padding-face se-add-text-btn text-right"><a class="add-text" id="addTextLink"><img src="').h("eq",e,{else:m,block:g},{key:e.get(["integrationType"],!1),value:"lessonly"},"h").w('" alt="plus" />').f(e.getPath(!1,["simpleEdit","addText"]),e,"h").w("</a></div></div></div></div>")}function u(t,e){return t.w('<div class="mf-selector"><select id="seMfSelector"><option selected>').f(e.getPath(!1,["simpleEdit","mergeFields"]),e,"h").w("</option>").s(e.get(["mfValues"],!1),e,{block:f},{}).w('</select></div><div class="text-right mf-label"><label><div><span class="mf-info-tooltip">').f(e.getPath(!1,["simpleEdit","mfInfoTooltip"]),e,"h").w('</span><img src="').f(e.get(["origin"],!1),e,"h").w('/svg/help1.svg" /></div></label></div>')}function f(t,e){return t.w("<option>").f(e.get(["mf"],!1),e,"h").w("</option>")}function m(t,e){return t.f(e.get(["origin"],!1),e,"h").w("/img/small-plus.png")}function g(t,e){return t.w("/img/small-plus-4a90e2.png")}function v(t,e){return t.w('<div class="se-control-detail clearfix addsticker-control-detail hide"><div class="addsticker-initial hide"><div class="sticker-btn-container clearfix"></div></div><div class="addsticker-selected hide"><div class=""><input type="checkbox" class="lock-aspect-ratio sticker-control wiz-checkbox-blue" id="sticker-lock" checked  /><label for="sticker-lock">').f(e.getPath(!1,["simpleEdit","lockAspectRatioResize"]),e,"h").w('</label></div><div class=""><div class="text-right"><span>').f(e.getPath(!1,["simpleEdit","opacity"]),e,"h").w('</span></div><div class=""><select class="opacity-val sticker-control"><option value="0">0</option><option value="25">25</option><option value="50">50</option><option value="75">75</option><option value="100">100</option></select></div></div><div class="text-right"><a class="delete-sticker delete-label" id="deleteSticker">').f(e.getPath(!1,["simpleEdit","delete"]),e,"h").w("</a></div></div></div>")}function h(t,e){return t.w('<div class="se-control-detail clearfix addcallout-control-detail hide"><div class="addcallout-initial clearfix hide"><img class="callout-scroll-left pull-left" src="').h("eq",e,{else:b,block:w},{key:e.get(["integrationType"],!1),value:"lessonly"},"h").w('"><div class="callout-btn-scroll-container pull-left"><div class="callout-btn-container"></div></div><img class="callout-scroll-right pull-right" src="').h("eq",e,{else:x,block:y},{key:e.get(["integrationType"],!1),value:"lessonly"},"h").w('"><div class="callout-scroll-hide-layer"></div></div><div class="addcallout-selected hide"><div class=""><input type="checkbox" class="lock-aspect-ratio callout-control wiz-checkbox-blue" id="callout-lock" checked  /><label for="callout-lock">').f(e.getPath(!1,["simpleEdit","lockAspectRatioResize"]),e,"h").w('</label></div><div class="se-callout-internal"><div class=""><span>').f(e.getPath(!1,["simpleEdit","opacity"]),e,"h").w('</span></div><div class=""><select class="opacity-val callout-control"><option value="0">0</option><option value="25">25</option><option value="50">50</option><option value="75">75</option><option value="100" selected>100</option></select></div></div><div class="se-callout-internal"><div class=""><span>').f(e.getPath(!1,["simpleEdit","color"]),e,"h").w('</span></div><div class=""><select class="callout-control callout-variation"><option value="0">').f(e.getPath(!1,["simpleEdit","default"]),e,"h").w('</option><option value="1">').f(e.getPath(!1,["simpleEdit","yellow"]),e,"h").w('</option><option value="2">').f(e.getPath(!1,["simpleEdit","orange"]),e,"h").w('</option><option value="3">').f(e.getPath(!1,["simpleEdit","green"]),e,"h").w('</option><option value="4">').f(e.getPath(!1,["simpleEdit","violet"]),e,"h").w('</option><option value="5">').f(e.getPath(!1,["simpleEdit","blue"]),e,"h").w('</option><option value="6">').f(e.getPath(!1,["simpleEdit","dark"]),e,"h").w('</option><option value="7">').f(e.getPath(!1,["simpleEdit","white"]),e,"h").w('</option></select></div></div><div class="text-right"><a class="delete-callout delete-label" id="deleteCallout">').f(e.getPath(!1,["simpleEdit","delete"]),e,"h").w("</a></div></div></div>")}function b(t,e){return t.f(e.get(["origin"],!1),e,"h").w("/img/sli-aro-left.png")}function w(t,e){return t.w("/img/sli-aro-left-4a90e2.png")}function x(t,e){return t.f(e.get(["origin"],!1),e,"h").w("/img/sli-aro-right.png")}function y(t,e){return t.w("/img/sli-aro-right-4a90e2.png")}function k(t,e){return t.w('<div class="se-control-detail clearfix blur-control-detail text-left hide"><div class="blur-initial hide" id="blurInitial">').f(e.getPath(!1,["simpleEdit","blurDescription"]),e,"h").w('<div class="outline-btn pull-right" id="applyBlur"> ').f(e.getPath(!1,["simpleEdit","addNewBlur"]),e,"h").w(' </div></div><div class="blur-selected clearfix hide" id="blurSelected"><div class="pull-left"><input type="checkbox" class="lock-aspect-ratio blur-control wiz-checkbox-blue" id="blurLock" /><label for="blurLock">').f(e.getPath(!1,["simpleEdit","lockAspectRatioResize"]),e,"h").w('</label></div><div class="pull-left content-box"><div class="props-label pull-left"><span> ').f(e.getPath(!1,["simpleEdit","strength"]),e,"h").w(' </span></div><div class="pull-left"><div class="blur-control" id="blurStrength"></div></div><div class="pull-left"><input type="number" step="1" min="0" max="100" value="25" class="blur-input" id="blurStrengthText" /></div></div><div class="pull-right text-right content-box"><a class="delete-blur delete-label" id="deleteblur">').f(e.getPath(!1,["simpleEdit","delete"]),e,"h").w("</a></div></div></div>")}function _(t,e){return t.w('<div class="se-resize-control-detail hide"><div class="se-control-detail clearfix primaryvid-control-detail hide"><input type="checkbox" class="lock-aspect-ratio primary-vid-control wiz-checkbox-blue" id="lock-three" checked /><label for="lock-three" class="cursor-pointer" >').f(e.getPath(!1,["simpleEdit","lockAspectRatioResize"]),e,"h").w('</label></div><div class="se-control-detail clearfix secondaryvid-control-detail hide"><input type="checkbox" class="lock-aspect-ratio secondary-vid-control wiz-checkbox-blue" id="lock-four" checked /><label for="lock-four">').f(e.getPath(!1,["simpleEdit","lockAspectRatioResize"]),e,"h").w("</label></div></div>")}function E(t,e){return t.f(e.get(["integrationType"],!1),e,"h").w("-se-icon-sprite")}function B(t,e){return t.w('<div class="wiz-simple-edit-btn trim-btn ').x(e.get(["isHideTrim"],!1),e,{block:P},{}).w('" id="trimBtn" tooltip="').f(e.getPath(!1,["simpleEdit","trim"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-trim"></span></div>')}function P(t,e){return t.w(" disp-none ")}function z(t,e){return t.w('<div class="wiz-simple-edit-btn crop-btn ').x(e.get(["isHideCorp"],!1),e,{block:C},{}).w('" id="cropBtn" tooltip="').f(e.getPath(!1,["simpleEdit","crop"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-crop"></span></div>')}function C(t,e){return t.w(" disp-none ")}function T(t,e){return t.h("ne",e,{block:I},{key:e.get(["text"],!1),value:"false"},"h").h("ne",e,{block:D},{key:e.get(["image"],!1),value:"false"},"h")}function I(t,e){return t.w('<div class="wiz-simple-edit-btn add-text-btn" id="addTextBtn" tooltip="').f(e.getPath(!1,["simpleEdit","text"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-text"></span></div>')}function D(t,e){return t.w('<div class="wiz-simple-edit-btn add-image-btn" id="addImageMenuBtn" tooltip="').f(e.getPath(!1,["simpleEdit","image"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-image-personalisation"></span></div>')}function R(t,e){return t.w('<div class="wiz-simple-edit-btn add-stickers-btn ').x(e.get(["isHideStickers"],!1),e,{block:S},{}).w('" id="addStickersBtn" tooltip="').f(e.getPath(!1,["simpleEdit","emoji"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-sticker"></span></div>')}function S(t,e){return t.w(" disp-none ")}function O(t,e){return t.w('<div class="wiz-simple-edit-btn add-callouts-btn ').x(e.get(["isHideCallouts"],!1),e,{block:A},{}).w('" id="addCalloutsBtn" tooltip="').f(e.getPath(!1,["simpleEdit","callout"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-callout"></span></div>')}function A(t,e){return t.w(" disp-none ")}function j(t,e){return t.w('<div class="wiz-simple-edit-btn add-blur-btn ').x(e.get(["isHideBlur"],!1),e,{block:L},{}).w('" id="blurBtn" tooltip="').f(e.getPath(!1,["simpleEdit","blur"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-blur"></span></div>')}function L(t,e){return t.w(" disp-none ")}function H(t,e){return t.w('<div class="wiz-simple-edit-btn resize-draggable-btn ').x(e.get(["isResizableNotAllowed"],!1),e,{block:M},{}).w('" id="resizeDragBtn" tooltip="').f(e.getPath(!1,["simpleEdit","resize"]),e,"h").w('" tooltip-position="bottom"><span class="simple-edit-resize"></span></div>')}function M(t,e){return t.w(" disp-none ")}t.register("templates/simple_edit/sdk_controls",e),e.__dustBody=!0,i.__dustBody=!0,n.__dustBody=!0,o.__dustBody=!0,l.__dustBody=!0,a.__dustBody=!0,r.__dustBody=!0,s.__dustBody=!0,d.__dustBody=!0,c.__dustBody=!0,p.__dustBody=!0,u.__dustBody=!0,f.__dustBody=!0,m.__dustBody=!0,g.__dustBody=!0,v.__dustBody=!0,h.__dustBody=!0,b.__dustBody=!0,w.__dustBody=!0,x.__dustBody=!0,y.__dustBody=!0,k.__dustBody=!0,_.__dustBody=!0,E.__dustBody=!0,B.__dustBody=!0,P.__dustBody=!0,z.__dustBody=!0,C.__dustBody=!0,T.__dustBody=!0,I.__dustBody=!0,D.__dustBody=!0,R.__dustBody=!0,S.__dustBody=!0,O.__dustBody=!0,A.__dustBody=!0,j.__dustBody=!0,L.__dustBody=!0,H.__dustBody=!0,M.__dustBody=!0}(t),function(e,i){var n;return t.render("templates/simple_edit/sdk_controls",e,(function(t,e){if("function"==typeof i)try{i(t,e)}catch(t){}if(t)throw t;n=e})),n}}.apply(e,n))||(t.exports=o)},24949:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return k}}),i(82526),i(41817),i(41539),i(32165),i(66992),i(78783),i(33948),i(47042),i(68309),i(91038),i(74916),i(47941),i(57327),i(38880),i(54747),i(49337);var n,o=i(4942),l=i(71002),a=i(67294),r=i(95180),s=i(71854),d=i.n(s),c=i(85614),p=i.n(c),u=i(46044),f=i(40985),m=i.n(f),g=i(30168),v=i(61233).ZP.div(n||(n=(0,g.Z)(["\n    width: ",";\n    margin-top: ",';\n    margin-left: auto;\n    margin-right: auto;\n\n    /* Because the css of image-upload-progress-container is not defined properly and you will need to import entire wiz-delivery.scss file for this to work */\n    .image-upload-progress-container {\n        display: none;\n    }\n    margin-top: 0;\n    .simple-edit-container .addcallout-control-detail .callout-scroll-hide-layer{\n        height: 12px;\n        background-color: #262B37;\n    }\n    .simple-edit-container{\n        .simple-edit-controls{\n            position: relative;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            padding-bottom: 36px;\n            min-height: 136px;\n            background-color: #262B37 !important;\n            border: 1px solid #414B5C !important;\n            .se-control-detail, .se-resize-control-detail{\n                width: 100%;\n            }\n            .simple-edit-buttons-box{\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                width: 100%;\n                background-color: #2E3542 !important;\n                .wiz-simple-edit-btn{\n                    width: 38px;\n                    height: 32px;\n                    margin: 0 10px;\n                    padding-top: 3px;\n                    background-color: transparent !important;\n                    span{\n                        margin: 0;\n                    }\n                }\n                .se-control-selected{\n                    background-color: #222832 !important;\n                    border: 1px solid #404856;\n                    border-radius: 4px;\n                }\n            }\n            .trim-control-detail{\n                position: relative;\n                align-self: flex-start;\n                font-size: 0;\n                .trim-slider{\n                    margin-top: 0 !important;\n                    background-color: #3B3A47 !important;\n                    .ui-slider-handle{\n                        margin-top: 0 !important;\n                        &:nth-child(3){\n                            transform: translateX(-10px);\n                            &:before{\n                                margin-left: 0 !important;\n                            }\n                        }\n                    }\n                }\n                .ui-slider-range{\n                    background-color: rgba(255, 255, 255, 0.3) !important;\n                    border-radius: 4px;\n                }\n                .trim-preview-container{\n                    top: 0;\n                    margin-top: -50px;\n                    transform: translateY(-100%);\n                }\n                .preview-trim-arrow{\n                    top: 0;\n                    margin-top: -50px;\n                }\n                .ruler{\n                    filter: invert(1);\n                    margin-top: 0 !important;\n                }\n            }\n            .crop-control-detail{\n                overflow: hidden;\n                .reposition-webcam-container{\n                    label{\n                        margin-left: 8px;\n                        padding-top: 0;\n                        color: #C7CBD7;\n                        &:before{\n                            top: 0;\n                        }\n                        &:after{\n                            top: 3px;\n                        }\n                    }\n                    input{\n                        margin-top: 1px;\n                        vertical-align: top;\n                    }\n                }\n                .text-right{\n                    .apply-btn{\n                        color: #eb602d;\n                    }\n                    .apply-btn, .reset-btn{\n                        cursor: pointer;\n                    }\n                }\n            }\n            .clearfix{\n                &:after{\n                    content: "";\n                    display: block;\n                    clear: both;\n                }\n            }\n        }\n        .addtext-control-detail{\n            .addtext-container{\n                .sdk-top-wrap{\n                    width: calc(100% - 33.33%);\n                    .mf-custom-selector, .alignment-selector{\n                        .select2-selection{\n                            background-color: transparent;\n                        }\n                    }\n                    .alignment-selector{\n                        .select2-selection__rendered{\n                            line-height: 28px;\n                        }\n                        .select2-selection__arrow{\n                            position: static;\n                            b{\n                                right: 5px;\n                                left: auto;\n                                margin-top: 0;\n                                margin-left: 0;\n                                transform: translateY(-7px);\n                            }\n                        }\n                    }\n                    .se-font, .se-fontsize{\n                        .select2-selection__arrow{\n                            position: absolute;\n                            top: 0;\n                            right: 0;\n                        }\n                    }\n                }\n                .for-merge-field{\n                    display: flex;\n                    flex-direction: row;\n                    justify-content: center;\n                    align-items: center;\n                    width: 33.33%;\n                }\n            }\n            .color-picker{\n                .sp-replacer{\n                    width: 18px !important;\n                    height: 18px !important;\n                    margin: 0;\n                    padding: 2px;\n                    line-height: 0;\n                    background-color: transparent !important;\n                    border: 0 !important;\n                    &:before{\n                        left: -1px !important;\n                        top: -1px !important;\n                        width: 18px !important;\n                        height: 18px !important;\n                        border: 1px solid #C7CBD7;\n                        box-sizing: border-box;\n                    }\n                }\n                .sp-preview{\n                    width: 12px;\n                    height: 12px;\n                    margin-top: 0;\n                    margin-left: 0;\n                    &-inner{\n                        width: 100% !important;\n                        height: 100% !important;\n                    }\n                }\n            }\n            .mf-custom-selector-button .select2-selection .select2-selection__rendered{\n                background-color: #484F61 !important;\n                border: 0 !important;\n            }\n            .merge-field-container{\n                width: calc(100% - 70px);\n                padding-left: 10px;\n                .mf-selector{\n                    width: calc(100% - 30px);\n                    .select2-container{\n                        width: 100% !important;\n                    }\n                }\n            }\n            .se-add-text-btn{\n                text-align: left !important;\n                cursor: pointer;\n                .add-text{\n                    color: #EB602D;\n                    white-space: nowrap;\n                }\n                img{\n                    filter: invert(1);\n                }\n            }\n            .addtext-container{\n                .select2-container .select2-selection--single .select2-selection__rendered{\n                    width: 100%;\n                    padding-right: 10px;\n                    color: #C7CBD7 !important;\n                    img{\n                        filter: invert(1);\n                        opacity: 0.7;\n                    }\n                }\n                .select2-selection__arrow b{\n                    border-color: #A1A6B4 transparent transparent transparent;\n                }\n            }\n            .se-bold-face label, .italic-face label{\n                height: auto;\n                color: #C7CBD7;\n                line-height: normal;\n                background-color: transparent;\n                cursor: pointer;\n            }\n        }\n        .merge-field-container{\n            .mf-label{\n                position: relative;\n            }\n        }\n        .select2-container--hippocategory{\n            border: 0;\n        }\n        .se-resize-control-detail{\n            label{\n                margin-left: 8px;\n                color: #C7CBD7;\n            }\n            input{\n                margin-top: 1px;\n                vertical-align: top;\n            }\n        }\n        .blur-control-detail{\n            .blur-initial{\n                color: #C7CBD7;\n            }\n            .outline-btn{\n                color: #EB602D;\n                background-color: transparent;\n                border-color: #EB602D;\n                transform: translateY(-7px);\n            }\n            .blur-selected{\n                color: #C7CBD7 !important;\n                .blur-control.lock-aspect-ratio{\n                    width: 14px;\n                    margin-top: 5px;\n                }\n                label{\n                    color: #c7cbd7 !important;\n                    transform: translateY(-5px);\n                }\n                input[type=\'number\']{\n                    height: 28px;\n                    margin-top: 0;\n                    margin-bottom: 0 !important;\n                    color: #ffffff;\n                    background-color: #242b38;\n                    border-color: #ebebeb;\n                }\n            }\n            .delete-blur{\n                color: #EB602D;\n                cursor: pointer;\n            }\n        }\n        .addcallout-control-detail{\n            .callout-btn-container{\n                .se-callout-btn{\n                    filter: invert(1);\n                }\n            }\n        }\n        .addcallout-control-detail{\n            .addcallout-selected{\n                grid-template-columns: 2fr 1fr 1fr 0.6fr;\n            }\n            label[for="callout-lock"]{\n                margin-left: 6px;\n                color: #C7CBD7;\n            }\n            span{\n                display: block;\n                margin-top: 7px;\n                color: #C7CBD7 !important;\n                line-height: normal;\n            }\n            .se-callout-internal{\n                grid-template-columns: 1fr 1.5fr;\n                div{\n                    &:first-of-type{\n                        padding-right: 8px;\n                        text-align: right;\n                    }\n                }\n                select.callout-control{\n                    width: 100%;\n                    margin-bottom: 0;\n                    padding: 6px 4px;\n                    color: #ffffff;\n                    background-color: #1E2126;\n                    border: 1px solid #363E4E;\n                    border-radius: 4px;\n                    outline: none;\n                    -webkit-appearance: auto !important;\n                    -moz-appearance: auto !important;\n                }\n            }\n            .delete-callout{\n                color: #EB602D;\n                cursor: pointer;\n            }\n        }\n        .addsticker-control-detail{\n            .addsticker-selected{\n                &>div{\n                    display: inline-block;\n                    vertical-align: middle;\n                    &:first-of-type{\n                        width: 50%;\n                    }\n                    &:nth-of-type(2){\n                        width: 35%;\n                        &>div{\n                            display: inline-block;\n                            vertical-align: middle;\n                        }\n                    }\n                    &:last-of-type{\n                        width: 15%;\n                    }\n                }\n                label[for="sticker-lock"]{\n                    margin-left: 6px;\n                    color: #C7CBD7;\n                }\n                span{\n                    display: block;\n                    color: #C7CBD7 !important;\n                    line-height: normal;\n                }\n                select.sticker-control{\n                    width: 90px;\n                    margin-bottom: 0;\n                    padding: 6px 4px;\n                    color: #ffffff;\n                    background-color: #1E2126;\n                    border: 1px solid #363E4E;\n                    border-radius: 4px;\n                    outline: none;\n                    -webkit-appearance: auto !important;\n                    -moz-appearance: auto !important;\n                }\n                .delete-label{\n                    color: #EB602D;\n                    cursor: pointer;\n                }\n            }\n        }\n    }\n'])),(function(t){return t.isFromDynamicInteg?"100%":"85%"}),(function(t){return t.showSimpleEditor?"38px":"0"})),h=i(9198),b=i(13919);function w(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return x(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?x(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,r=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){r=!0,l=t},f:function(){try{a||null==i.return||i.return()}finally{if(r)throw l}}}}function x(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function y(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function k(t){var e=t.videoPlayerView,i=t.token,n=t.tokenType,s=t.recorder,c=t.recorderApiModel,f=t.isPersonalisationEnabled,g=t.customColors,x=t.footageUrls,k=t.showSimpleEditor,_=t.projectJson,E=t.integrationType,B=t.onSimpleEditorInitialize,P=t.videoDetails,z=t.isFromDynamicInteg,C=P||s.recordDetails,T=(0,a.useState)(C),I=T[0],D=T[1],R=(0,a.useContext)(u.Z).recorderInitOptions.edit,S=(0,h._e)(),O=(0,a.useRef)(!1),A=(0,a.useRef)(),j=(0,a.useRef)(_),L=(0,a.useRef)();return(0,a.useEffect)((function(){if(!I||!I.asset_id)return s.getRecordDetails().then((function(t){D(t)})).catch((function(t){console.error("ERROR IN GETTING RECORD DETAILS ",t)})),function(){s.cancelGetRecordDetails()}}),[s]),(0,a.useEffect)((function(){A.current&&(A.current.innerHTML+=d()(b.extend(m(),function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?y(Object(i),!0).forEach((function(e){(0,o.Z)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}({shouldHideTrimTimer:"true",integrationType:E,canShowPersonalization:f,mfValues:p().personalization.defaultMergeFields,origin:S},function(){try{var t={};if(R&&"object"===(0,l.Z)(R)&&null!==R)for(var e in R)!1!==R[e]&&"false"!==R[e]||(t[e]="false");return t}catch(t){return{}}}()))),O.current=!0)}),[A]),(0,a.useEffect)((function(){e&&A.current&&I&&O.current&&function(){if(I.asset_id){var t={el:A.current,fromSDK:!0,videoPlayerView:e,integration_type:E,assetId:I&&I.asset_id,token:i,tokenType:n,recorder:s,recorderApiModel:c,isBlurEnabled:!0,embeddedDigest:I&&I.delivery_token,isPersonalizationEnabled:f,customColors:g,authoringId:I&&I.authoring_id,footageUrls:x};L.current?L.current.initialize(t):L.current=new r.default(t),B&&B(L.current)}}()}),[e,A,I,O]),(0,a.useEffect)((function(){if(L.current&&L.current.projectJson)if(k){L.current.enable();var t,e=w(A.current.getElementsByClassName("simple-edit-container"));try{for(e.s();!(t=e.n()).done;)t.value.classList.remove("hide")}catch(t){e.e(t)}finally{e.f()}L.current.height="140px"}else{var i,n=w(A.current.getElementsByClassName("simple-edit-container"));try{for(n.s();!(i=n.n()).done;)i.value.classList.add("hide")}catch(t){n.e(t)}finally{n.f()}L.current.height="0"}}),[k]),(0,a.useEffect)((function(){return j.current=_,_&&L.current&&e&&(setTimeout((function(){L.current.setProjectJson(_)}),300),e.show()),function(){}}),[_]),(0,a.useEffect)((function(){L.current&&e&&j.current&&(setTimeout((function(){L.current.setProjectJson(_)}),300),e.show())}),[L,e]),a.createElement(v,{showSimpleEditor:!0,ref:A,isFromDynamicInteg:z})}}}]);