@hippovideo/video-sdk 1.1.1-beta.1 → 1.1.1-beta.2

package/app/445-bundle-hippo-ft7m3al2v8c-b091ac72150a694355a7.js

@@ -0,0 +1 @@
+(self.webpackChunkHVRecorder=self.webpackChunkHVRecorder||[]).push([[445],{50023:function(e,n,t){var i={"./video_delivery_i18n":67581,"./video_directory_education_i18n":95675,"./video_directory_education_spanish_i18n":87107,"./video_directory_individual_i18n":6739,"./video_directory_individual_spanish_i18n":9938,"./video_education_i18n":67613,"./video_education_spanish_i18n":76235,"./video_i18n":40985,"./video_individual_i18n":10473,"./video_individual_spanish_i18n":47944,"./video_landing_i18n":7186,"./video_library_education_i18n":19096,"./video_library_education_spanish_i18n":7085,"./video_library_i18n":66305,"./video_library_individual_i18n":24026,"./video_library_individual_spanish_i18n":18801,"./video_library_spanish_i18n":39154,"./video_pages_education_i18n":16598,"./video_pages_education_spanish_i18n":28165,"./video_pages_i18n":93019,"./video_pages_individual_i18n":88925,"./video_pages_individual_spanish_i18n":55934,"./video_pages_landing_i18n":43221,"./video_pages_spanish_i18n":48914,"./video_setting_education_i18n":9740,"./video_setting_education_spanish_i18n":22405,"./video_setting_i18n":65130,"./video_setting_individual_i18n":55759,"./video_setting_individual_spanish_i18n":52312,"./video_setting_landing_i18n":29043,"./video_setting_spanish_i18n":75968,"./video_spanish_i18n":6187,"./video_subscription_education_i18n":18097,"./video_subscription_education_spanish_i18n":57734,"./video_subscription_i18n":2993,"./video_subscription_individual_i18n":94770,"./video_subscription_individual_spanish_i18n":88407,"./video_subscription_spanish_i18n":45};function o(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}o.keys=function(){return Object.keys(i)},o.resolve=a,e.exports=o,o.id=50023},61204:function(e,n,t){var i={"./video_education_i18n":67613,"./video_education_spanish_i18n":76235};function o(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}o.keys=function(){return Object.keys(i)},o.resolve=a,e.exports=o,o.id=61204},69389:function(e,n,t){var i={"./video_subscription_education_i18n":18097,"./video_subscription_education_spanish_i18n":57734,"./video_subscription_i18n":2993,"./video_subscription_individual_i18n":94770,"./video_subscription_individual_spanish_i18n":88407,"./video_subscription_spanish_i18n":45};function o(e){var n=a(e);return t(n)}function a(e){if(!t.o(i,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return i[e]}o.keys=function(){return Object.keys(i)},o.resolve=a,e.exports=o,o.id=69389},64226:function(e,n,t){var i,o;i=[t(83457),t(85927)],void 0===(o=function(e,n){return function(e){function n(e,n){return e.w('<div class="large-12 columns"><div class="large-12 columns linkedin-scr-text"><ol>').x(n.get(["isPopupWindowAllowed"],!1),n,{block:t},{}).nx(n.get(["isPopupWindowAllowed"],!1),n,{block:o},{}).w('</ol></div><div class="large-12 columns linkedin-container"><div class="large-2 columns"><label class="kq-label inline">').f(n.getPath(!1,["data","userUrl"]),n,"h").w('</label></div><div class="large-10 columns"><div class="large-8 columns l-padding-1"><input type="text" class="url-field" name="linkedin_url" id="linkedinUrl"/><label class="error disp-none" id="invalidUrl">').f(n.getPath(!1,["data","invalidInputError"]),n,"h").w('</label></div><div class="large-4 columns"><div id="getScreenshot" class="kq-button wiz-primary-btn wiz-btn-space radius linkedin-scr-btn">').f(n.getPath(!1,["data","verifyLink"]),n,"h").w('</div><div id="resetScreenshot" class="kq-button wiz-primary-btn wiz-btn-space radius linkedin-reset-btn hide">').f(n.getPath(!1,["data","resetLink"]),n,"h").w('</div></div></div></div><div class="import-website-spin-loading disp-none" id="screenshotUploadSpinner"><div class="color-loading"><span class="loading-bar"></span><span class="loading-bar"></span><span class="loading-bar"></span><span class="loading-bar"></span><span class="loading-bar"></span></div><p>').f(n.getPath(!1,["data","loadingText"]),n,"h").w('</p></div><div id="lnScreenshotRender"></div><video style="display: none;" id="lnScreenCapture" autoplay=""></video></div>')}function t(e,n){return e.s(n.getPath(!1,["data","stepsToFollow","popup"]),n,{block:i},{})}function i(e,n){return e.w("<li>").f(n.getPath(!0,[]),n,"h").w("</li>")}function o(e,n){return e.s(n.getPath(!1,["data","stepsToFollow","tab"]),n,{block:a},{})}function a(e,n){return e.w("<li>").f(n.getPath(!0,[]),n,"h").w("</li>")}e.register("templates/app/linkedin_screenshot",n),n.__dustBody=!0,t.__dustBody=!0,i.__dustBody=!0,o.__dustBody=!0,a.__dustBody=!0}(e),function(n,t){var i;return e.render("templates/app/linkedin_screenshot",n,(function(e,n){if("function"==typeof t)try{t(e,n)}catch(e){}if(e)throw e;i=n})),i}}.apply(n,i))||(e.exports=o)},13119:function(e){var n={__root:{hippo:{topbar:{home:"Getting Started",home_tab:"Home",testimonials:"Testimonials",library:"Assets",library_only:"Videos",documents_only:"Documents",library_tab:"Library",contacts:"Contacts",settings:"Settings",guest:"Guest",users:"Users",usersManagement:"User Management",more:"More..",video_pages:"Video pages",assignments:"Assignments",recent_videos:"Recent videos",sales:"Sales",integration:"Integrations",salesDashboard:"Dashboard",gettingStarted:"Getting Started",quickRecord:"Quick Record",salesPages:"Sales Pages",videoTask:"1:1 Video Emails",prospectingEmails:"Prospecting Video Emails",upgrade:"Upgrade",campaigns:"Campaigns",people:"People",people_tab:"Contacts 360",teleprompter:"Teleprompter Scripts",createSalesPage:"Create Sales Page",moreText:"More",hey:"Hey",tryCreatingVideos:"try creating a",prospectVideo:"prospecting video",myVideos:"My Videos",chat:"Chat with Support",videoTemplates:"Template Builder",profilePermission:"Profiles",teamReports:"Team Reports"},notification:{title:"Notification",announcement:"Announcement",new:"New"},import:{video:"Import Video",createVideo:"Create video",createGif:"Create GIF",createTeleprompter:"Create Teleprompter Asset",videoFromImages:"Create Video From Images",videoFromImagesForShopify:"Create Product Video",createProductReview:"Create Video Sandwich",importPdf:"Import Document/Image",createQuickVideo:"Create Prospecting Video",cameraOnly:"Camera Only",screenPlusCamera:"Screen + Camera",screenOnly:"Screen Only",createWebcamVideo:"Create Webcam Video",recordAndSend:"Record Screen & Send",recordAndCamera:"Record Screen & Webcam",recordScreenOnly:"Record Screen Only",createSalesPages:"Create Sales Page",christmasTemplate:"Christmas Greetings",newYearGreetings:"New Year Greetings",christmasGreetings:"Send Holiday Greetings",loremIpsum:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor",createSalesPageDesc:"Choose from a variety of existing templates and customize the sales page.",newYearGreetingsDesc:"Choose from a variety of themes to thrill your contacts with a personalized video greeting.",recordSendDesc:"Record your screen for any product demos or contract walkthroughs along with a voice-over.",createProspectVideoDesc:"Easily record and edit a 1:1 video that can be sent out with an GIF thumbnail and sales page.",importVideoDesc:"Easily upload a video from your desktop or Google drive.",createGifDesc:"Upload a video and manually select a frame from the video to form a GIF.",createProductReviewDesc:"Choose from a variety of existing templates and customize the sales page.",CreateVideoFromImagesDesc:"Upload images along with customized transitions and bg music or voice-over.",importDocumentDesc:"Easily upload documents for your sales pages from your desktop or Google drive.",thankyouTemplate:"Send Thank You Video",prospectingTemplate:"Create Prospecting Video",createcustomTemplate:"Create Custom Templates",createText:"Create",headline:"Closing deals is now just a click away",description:"It's easier to make good decisions when there are good options.",mostUsedHead:"Most used features",moreFeaturesHead:"A Few More Catered For Your Needs",btnCreate:"Create",btnImport:"Import",btnRecordSend:"Record & Send",btnCreateSend:"Create & Send",btnRecordScreen:"Record Screen",new:"New",beta:"Beta",videos:"videos & documents",salesAssets:"sales assets",templateBuilder:"template builder",templateTitleInMenu:"Create Videos Using Templates",viewMoreTemplates:"View More",addMoreTemplates:"Add",videoTooltip:"Create webcam or screen recording videos from scratch. You can also import recorded videos and customize them and they will show up in the library.",salesAssetsTooltip:"Use this option to create landing pages; upload valuable sales documents inside them, and add scripts for the teleprompter.",templateBuilderTooltip:"Create new templates or use existing templates to send quick videos. Sandwich images/videos together to make videos in less than a few mins."},settings:{landing:{integration:{title:"Integrations",description:"Seamlessly integrate with the most popular tools."},branding:{title:"Branding",description:"Let your videos speak for your brand."},email:{title:"Email configuration",description:"Configure and manage your email account."},video:{title:"Video settings",description:"Add in-video meeting link to your videos. "},profile:{title:"Profile settings",description:"Change your profile settings."},sso:{title:"SSO Configuration",description:"Setup Single Sign-On configurations with your Identity Provider here."},subscription:{title:"Subscriptions",description:"Upgrade or renew your account. ",currentlyIn:"Currently in ",changeRole:"CHANGE ROLE"},referal:{title:"Referral",description:"Refer your friends from other companies to enjoy the benefits."},campaigns:{title:"Email templates",description:"Choose from a wide range of business email templates"},videoScript:{title:"Teleprompter Scripts",description:"Get a script prompter for video assistance."},rbacPermissions:{title:"Profiles and Permissions",description:"Configure user profiles to set org level permissions to access videos, folders, documents, and other assets."},manageTags:{title:"Tags",description:"Arrange, organize and rearrange your videos in your library by using suitable tags."},recorderToken:{title:"Recorder Token",description:"Manage Recorder Token and Domain access for SDK"}}},profilePanel:{profileSettings:"Profile settings",subscriptions:"subscriptions",changePassword:"Change password",help:"Help",whatsnew:"What's new",faq:"FAQ's",contactus:"Chat with us",support:"Contact us",signout:"Sign out",upgrade:"Upgrade",startQuickTour:"Take quick tour",changeTrail:"Change trial",howto:"Video Tips",videoReview:"Submit Video for Review",availableOn:"Available on",downloadMacApp:"Download MacOS Application",checkList:"Open Get Started",userPersonaTrial:"You are currently on the trial version of Hippo Video",outOf:"out of",videosLeftText:"videos are left on your premium trial version",upgradeNow:"Upgrade now"},helpPanel:{howToUseHV:"How to Use Videos",howToUseHVDesc:"Your complete video help guide",article:"Knowledgebase",articleDesc:"Knowledgebase to find right answers",hippoHacks:"Hippo Hacks",hippoHacksDesc:"1-min video hacks to get most out of our platform",blog:"Blogs",blogDesc:"Ultimate guide to get better with videos",contactUs:"Contact Us",contactUsDesc:"Start a chat with our support heroes",scheduleDemo:"Schedule a Demo with a Product Expert",scheduleDemoDesc:"A demo from our product expert is all you need",videoTip:"Video Tips",videoTipDesc:"Tips from the King of Sales Jeffrey Gitomer"},common:{cancel:"Cancel",save:"Save"},Campaign:{campaign_url_parse_error:"Invalid Url, Please check and rectify the url.",create_campaign:"Create Campaign",title:"Campaign",search_campaign:"Search campaigns",search_video:"Search for videos",search_landing:"Search for sales page",loadMore:"Load More",exit:"Exit",copyLink:"Copy Link",copyCode:"Copy Code",editTemplate:"Edit Template",previous:"Previous",save_next:"Save And Next",next:"Next",proceed:"Proceed",sendNow:"Send Now",scheduleAt:"Schedule At",Finished:"Finish Campaign",importVideo:"Import Video",recordVideo:"Record Video",videoCategoires:"Video Categories",allVideos:"All Videos",Launch_Camapign:"Launch Campaign",Schedule_Camapign:"Schedule Campaign",Reschedule_Camapign:"Reschedule Campaign",edit_video:"Personalize Your Video",Back_to_contact:"RETURN TO CONTACTS",totalContactsStatsTitle:"Total number of contacts sourced: ",video_tab:{personalize:"Personalized video",video:"Video Library"},Gmail:{sender:"Sender Name",senderEmail:"Sender Email",senderEmailTemplate:"Email Template",editMfForm:"Create new template",senderEmailSubject:"Subject",senderEmailContent:"Content",setFieldDescription:"Send campaign via Gmail / Outlook / SMTP",insertMergeField:"Insert Merge Field",here:"here",campaignsEmailBulbTipContent:"Try adding a few lines of text along with the Video to land safely in the inbox. A quick recap of the video you’re sending or maybe an introduction will work wonders. Find more video tips from Jeffrey Gitomer - King of Sales "},Progress:{video:"Video",account:"Configure",contacts:"Contacts",send:"Send"},tab:{video:"Video",landing:"Sales Pages"},totalContactsTitle:"Total number of contacts imported",importFromTitle:"Contacts imported from",contacts:"Contacts",fieldMappingDescription:"Map the field names with the variables in the CSV file.",statusMessage:"Check your campaign progress here.",Default_Screen:{title:"Send a personalized video campaign",description:"Launch your personalized video email campaign in 4 simple steps."},Instruction:{title:"Choose to send just personalized videos or personalized videos with sales pages",description:"Create personalized videos for your campaign.",video:{title:"Personalize videos",description:"Choose from a library of videos, add personalized text and images, to connect better with your audience"},landing:{title:"Personalize Sales Page",description:"Personalize name, title, and add Call-to-action at scale with personalized sales page."},account:{title:"Configure Emails",description:"Connect to the email account that will be used to launch your campaign."},contacts:{title:"Add Contacts",description:" Import or add contacts (email recipients) using google sheets, google contacts, or upload them directly from your desktop."},send:{title:"Send Campaigns",description:"Preview campaign details and launch your personalized video campaign."}},landing:{title:"Sales Pages",description:"Select a sales page that you would like to include in your campaign.",createNewLanding:"Create New Sales Page"},Delivery:{website:"Website",landingPage:"Sales Pages",deliveryPage:"Delivery page"},video_selection_description:"Select a personalized video that you would like to include in your campaign. You can also choose one from the Video Library and personalize in the next step.",video_empty_state_msg:"You do not have any personalized videos.",video_edit_msg:"Preview your video and edit if required",page_edit:"Preview your sales page and edit if required",delivery_description:"Where do you want to embed your video ?",embed_snippent_description:"Copy and paste the inline embed code on your website.",embed_rediect_description:"Enter the web page URL where the above video embed code is added",landing_empty_state_msg:"You do not have any sales page. Click on “CREATE NEW SALES PAGE” to create one.",delivery_embed_description:"Copy and paste the link in a new tab to view the video on your delivery page.",Configure:{title:" Choose your email service provide to distribute campaign",description:"not given",Others:{title:"Others",description:"Select your email marketing software from the drop-down below. Select Email Marketing Software",combo_title:"Email Marketing Software"},personalize_description:"How do you want to render your video. Choose to render videos that are personalized in advance or at the time of delivery.",pre_personalised:{title:"PRE-PERSONALIZE VIDEOS",description:"Your video will be personalized (based on the merge fields you’ve used) to all the contacts on your campaign beforehand. The videos will be rendered instantly and the recipient will not experience any time-lag. We recommend pre-personalized videos for better customer experience."},on_demand:{title:"ON-DEMAND VIDEOS",description:"Your video will be personalized (based on the merge fields you’ve used) if and only when your contacts open your emails. The videos take a few seconds to render. Time taken depends on the number of merge fields used."},Gmail:{description:"Complement your communication by establishing a Gmail, Outlook, or SMTP account and sending personalized videos",connect:"Connect account",connected:"Connected account:"},Hubspot:{description:"Unleash the true essence of effective emailing by setting up your Hubspot account."}},Contacts:{title:"Import or add contacts",google_sheet_descriptions:" Hippo Video captures all merge fields from Google Sheets.",google_sheet_subtitle_descriptions:"For Excel and CSV files, convert them to Google Sheets to connect. (Ex:ContactsPersonalization.xlsx) or you can directly upload it using the ‘DESKTOP’ tab.",google_contacts_descriptions:"Import your contact list directly from Google Contacts.",tabs:{GSHEET:"GOOGLE SHEETS",GCONTACTS:"GOOGLE CONTACTS",LOCAL:"DESKTOP",MANUAL:"ADD CONTACTS MANUALLY",PEOPLE:"PEOPLE"},stats_title:"Constituents of Contact Mapping Fields",stats:{whole:"contacts are wholly imported",limitReached:"Total number of contacts in the sheet cannot be more than 500",success:"contacts are successfully imported for ",partial:"contacts are lacking the data of ",missing:"Missing data field for "},file_imported:"FILE IMPORTED",change:"Change"},People:{PEOPLE:"PEOPLE",filterBy:"Filter by",none:"None",search:"Search",name:"Name",email:"Email",selectAll:"Select All",empty_results_msg:"No More Record"},Launch:{description:"Preview your campaign",video:{title:"Personalized video"},landing:{title:"Personalized Sales Page"},emded_snipped_msg:"Copy the code and paste it in your mail client/campaign template to send personalize video and thumbnail.",name:"Name: ",display:"To be display on:",link:"Link: ",configureSetup:"Account",provider:"Email provider:",account:"Account:",account_description:"need to check",changeAccount:"Change Account",contactAdded:"Contacts Added",contactAddedDescription:"Number of contacts added:",contactSourceTitle:"Source:",send:"Send Campaign",responsive:"Responsive",centerAlign:"Center Align",editCopyLinkMf:"If you’ve added any custom fields in your email marketing software, please copy and paste the same custom field inside the box given below to replace the merge fields inside the code.",editCopyLinkMfErr:"* Merge Fields can't be empty",thumSize:"Thumbnail size",emailMergeTag:"Email merge tag",campaignLinkInfo:"Video thumbnail will not be generated on pasting this code in your platform. However, the receiver will be able to view the video thumbail and play the video."},import_error:"No email ids found. Ensure to include recipient email-ids in the CSV. Please refer to the sample file.",campaign_success:"Campaign launch successful!",campaign_initiated:"Campaign initiated successfully. You’ll get an email after the processing is done!",reschedule_success:"Campaign reschedule successful!",campaign_error:"Campaign unsuccessful. Value missing for one or more customizable merge fields (Ex. First Name, Company Name). Please review merge fields and try again.",campaign_delete:"Are you sure you want to delete the campaign? Deleting campaign will permanently erase all associated content.",campaign_limit_exceed:"You have exceeded your send email limit.",campaign_upgrade_needed:"Your current plan does not qualify personalization. Please upgrade your plan to enable this feature.",somethingWentWrong:"Something went wrong. Please contact support@hippovideo.io",testEmail:{popHeader:"Send test campaign email",afterSendHeader:"Test campaign email",testMailTitle:"It is always good to have a trial run before the actual run.",testMailSubTitle:"Sending a test email might give you a clear idea of what the receiver would see.",testEmailLabel:"The test mail will be sent to",testDataLabel:"Choose a prospect's email to replace their respective merge field values in the test email",cancel:"CANCEL",send:"SEND",close:"CLOSE",afterSendTitle:'A test email was sent successfully to "',enterEmailId:"Enter email id"}},Video_Templates:{uploadDocumentText:"Upload Document",replaceDocumentText:"Replace Document",recordWithWebcamCta:"Start Webcam Recording",recordWithDocumentCta:"Start Screen Recording",recordWithWebcam:"Record a personalized video outro with appropriate CTAs and meeting links to increase conversions.",recordWithDocument:"Walk your prospects through your business proposal via an interactive screen share video and highlight the necessary details with precision.",saveVideoTitle:"Video Title Saved Successfully",template_delete_pop_content:"Are you sure you want to delete this video flow?",template_delete_pop_title:"Delete Template Builder",yes:"Yes",no:"No",deleteVideoPopContent:"Are you sure you want to delete?",deleteVideoPopContentInteractiveCta:"This card has an Interactive video CTA linked to it. Deleting this card will delete the CTA as well. Are you sure you want to delete?",deleteAndRetakeVideoPopContent:"Are you sure you want to delete & retake the video?",deleteVideoPopTitle:"Delete Video",exitPopupTitle:"Exit Template",exitPopupContent:"Are you sure you want to exit this Flow?",cloneTemplatePopTitle:"Clone Template",cloneTemplatePopContent:"Are you sure you want to clone?",virtualBgWrapperContent:"You can easily add a virtual background to the video using the below options!",customTemplatesCategoryText:"Custom Flows",virtualBgProcessing:"Your video will be ready soon...",templateCategories:["All Flows","Prospecting","Deal Progression","Follow Up","Closure","Sales Enablement","Account Management","Marketing","Greetings","Others"],popularCategory:"Greetings",newCategories:["Closure"],newTemplates:["Personalized Website Video Background","Personalized LinkedIn Video Background","AI Avatar Video","PPT to Video"],ThankyouTemplateTitle:"Make your thank you notes interactive and personalized with your talking head videos and amazing themes.",ThankyouTemplateDescription:"If you’re sending a thank-you note to your prospects, then this time send them a personalized thank-you video. No matter what the purpose of your thank-you message is, don’t waste their time with long email messages. Instead, humanize your message and make deeper customer connections through small but impactful clips.",GreetingsTemplateTitle:"Send holiday greetings that convert and don’t get lost in the shuffle. Pick from our array of holiday templates and make personalized greeting videos in minutes.",GreetingsTemplateDescription:"With the holiday season around the corner, how can your message get noticed in your prospect’s crowded inbox? The answer is simple, video holiday greetings. Along with a touch of holiday cheer you can show the human side of your band and instantly grab their attention with these professionally designed holiday greetings templates.",LinkedinScreenshot:{modalTitle:"Set a LinkedIn Profile as Your Video Background",apply:"Apply",cancel:"Cancel",stepsToFollow:{popup:["Ensure that you're logged in to your LinkedIn account.","Enter your prospect's LinkedIn profile URL below and click on 'Verify.' You will get a screen-share pop-up. Select 'LinkedIn Window' and then 'Share' to get the desired profile screenshot.","Works best on Chrome."],tab:["Ensure that you're logged in to your LinkedIn account.","Enter your prospect's LinkedIn profile URL below and click on 'Verify.' You will get a screen-share pop-up and your prospect's LinkedIn profile will open as new tab.","Go to the previous tab and select 'LinkedIn tab' and then 'Share' to get the desired profile screenshot.","Works best on Chrome."]},userUrl:"User URL",invalidInputError:"Please enter a valid LinkedIn Profile URL",verifyLink:"Verify link",resetLink:"Reset",loadingText:"Your LinkedIn screenshot is being processed...",screenshotError:"Error while saving LinkedIn Screenshot.",safariException:"Sorry, This functionality doesn't work well with Safari yet. Please use chrome browser for best experience.",safariCloseText:"Got it"},videoOptions:{retake:"Retake",delete:"Delete",addVirtualBg:"Add Virtual Background",changeVirtualBg:"Change Virtual Background"}}}},init:function(e){e||(e="undefined"!=typeof window&&window._i18n&&window._i18n.locale?window._i18n.locale:"undefined"!=typeof document&&document.documentElement.lang?document.documentElement.lang:"undefined"!=typeof navigator&&(navigator.languages||navigator.language||navigator.userLanguage)?((e=navigator.languages&&navigator.languages[0]||navigator.language||navigator.userLanguage)||"root").toLowerCase():"root");var n=this["__"+e]||this.__root;if(n)for(var t in n)this[t]=n[t];var i=function(e,n){for(var t in n)switch(typeof e[t]){case"undefined":e[t]=n[t];break;case"object":i(e[t],n[t])}};i(this,this.__root)}};n.init(),e.exports=n},29352:function(e){var n={__root:{hippo:{topbar:{home:"Getting Started",home_tab:"Home",testimonials:"Testimonials",library:"Assets",library_only:"Videos",documents_only:"Documents",library_tab:"Library",contacts:"Contacts",settings:"Settings",guest:"Guest",users:"Users",usersManagement:"User Management",more:"More..",video_pages:"Video pages",assignments:"Assignments",recent_videos:"Recent videos",sales:"Sales",integration:"Integrations",salesDashboard:"Dashboard",gettingStarted:"Getting Started",quickRecord:"Quick Record",salesPages:"Landing Pages",videoTask:"1:1 Video Emails",prospectingEmails:"Prospecting Video Emails",upgrade:"Upgrade",campaigns:"Campaigns",people:"People",people_tab:"Contacts 360",teleprompter:"Teleprompter Scripts",createSalesPage:"Create Sales Page",moreText:"More",hey:"Hey",tryCreatingVideos:"try creating a",prospectVideo:"prospecting video",myVideos:"My Videos",chat:"Chat with Support",videoTemplates:"Template Builder",profilePermission:"Profiles",teamReports:"Team Reports"},notification:{title:"Notification",announcement:"Announcement",new:"New"},import:{video:"Import Video",createVideo:"Create video",createGif:"Create GIF",createTeleprompter:"Create Teleprompter Asset",videoFromImages:"Create Video From Images",videoFromImagesForShopify:"Create Product Video",createProductReview:"Create Video Sandwich",importPdf:"Import Document/Image",createQuickVideo:"Create Prospecting Video",cameraOnly:"Camera Only",screenPlusCamera:"Screen + Camera",screenOnly:"Screen Only",createWebcamVideo:"Create Webcam Video",recordAndSend:"Record Screen & Send",recordAndCamera:"Record Screen & Webcam",recordScreenOnly:"Record Screen Only",createSalesPages:"Create Landing Page",christmasTemplate:"Christmas Greetings",newYearGreetings:"New Year Greetings",christmasGreetings:"Send Holiday Greetings",loremIpsum:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor",createSalesPageDesc:"Choose from a variety of existing templates and customize the sales page.",newYearGreetingsDesc:"Choose from a variety of themes to thrill your contacts with a personalized video greeting.",recordSendDesc:"Record your screen for any product demos or contract walkthroughs along with a voice-over.",createProspectVideoDesc:"Easily record and edit a 1:1 video that can be sent out with an GIF thumbnail and sales page.",importVideoDesc:"Easily upload a video from your desktop or Google drive.",createGifDesc:"Upload a video and manually select a frame from the video to form a GIF.",createProductReviewDesc:"Choose from a variety of existing templates and customize the sales page.",CreateVideoFromImagesDesc:"Upload images along with customized transitions and bg music or voice-over.",importDocumentDesc:"Easily upload documents for your sales pages from your desktop or Google drive.",thankyouTemplate:"Send Thank You Video",createcustomTemplate:"Create Custom Templates",createText:"Create",headline:"Closing deals is now just a click away",description:"It's easier to make good decisions when there are good options.",mostUsedHead:"Most used features",moreFeaturesHead:"A Few More Catered For Your Needs",btnCreate:"Create",btnImport:"Import",btnRecordSend:"Record & Send",btnCreateSend:"Create & Send",btnRecordScreen:"Record Screen",new:"New",beta:"Beta",videos:"videos",salesAssets:"landing assets",templateBuilder:"template builder",viewMoreTemplates:"View More Templates",videoTooltip:"Create webcam or screen recording videos from scratch. You can also import recorded videos and customize them and they will show up in the library.",salesAssetsTooltip:"Use this option to create landing pages; upload valuable sales documents inside them, and add scripts for the teleprompter.",templateBuilderTooltip:"Create new templates or use existing templates to send quick videos. Sandwich images/videos together to make videos in less than a few mins."},settings:{landing:{integration:{title:"Integrations",description:"Seamlessly integrate with the most popular tools."},branding:{title:"Branding",description:"Let your videos speak for your brand."},email:{title:"Email configuration",description:"Configure and manage your email account."},video:{title:"Video settings",description:"Add in-video meeting link to your videos. "},profile:{title:"Profile settings",description:"Change your profile settings."},sso:{title:"SSO Configuration",description:"Setup Single Sign-On configurations with your Identity Provider here."},subscription:{title:"Subscriptions",description:"Upgrade or renew your account. ",currentlyIn:"Currently in ",changeRole:"CHANGE ROLE"},referal:{title:"Referral",description:"Refer your friends from other companies to enjoy the benefits."},campaigns:{title:"Email templates",description:"Choose from a wide range of business email templates"},videoScript:{title:"Teleprompter Scripts",description:"Get a script prompter for video assistance."},rbacPermissions:{title:"Profiles and Permissions",description:"Configure user profiles to set org level permissions to access videos, folders, documents, and other assets."},manageTags:{title:"Tags",description:"Arrange, organize and rearrange your videos in your library by using suitable tags."},recorderToken:{title:"Recorder Token",description:"Manage Recorder Token and Domain access for SDK"}}},profilePanel:{profileSettings:"Profile settings",subscriptions:"subscriptions",changePassword:"Change password",help:"Help",whatsnew:"What's new",faq:"FAQ's",contactus:"Chat with us",support:"Contact us",signout:"Sign out",upgrade:"Upgrade",startQuickTour:"Take quick tour",changeTrail:"Change trial",howto:"Video Tips",videoReview:"Submit Video for Review",availableOn:"Available on",downloadMacApp:"Download MacOS Application",checkList:"Open Get Started",userPersonaTrial:"You are currently on the trial version of Hippo Video",outOf:"out of",videosLeftText:"videos are left on your premium trial version",upgradeNow:"Upgrade now"},helpPanel:{howToUseHV:"How to Use Videos",howToUseHVDesc:"Your complete video help guide",article:"Knowledgebase",articleDesc:"Knowledgebase to find right answers",hippoHacks:"Hippo Hacks",hippoHacksDesc:"1-min video hacks to get most out of our platform",blog:"Blogs",blogDesc:"Ultimate guide to get better with videos",contactUs:"Contact Us",contactUsDesc:"Start a chat with our support heroes",scheduleDemo:"Schedule a Demo with a Product Expert",scheduleDemoDesc:"A demo from our product expert is all you need",videoTip:"Video Tips",videoTipDesc:"Tips from the King of Sales Jeffrey Gitomer"},common:{cancel:"Cancel",save:"Save"},Campaign:{campaign_url_parse_error:"Invalid Url, Please check and rectify the url.",create_campaign:"Create Campaign",title:"Campaign",search_campaign:"Search campaigns",search_video:"Search for videos",search_landing:"Search for landing page",loadMore:"Load More",exit:"Exit",copyLink:"Copy Link",copyCode:"Copy Code",editTemplate:"Edit Template",previous:"Previous",save_next:"Save And Next",next:"Next",proceed:"Proceed",sendNow:"Send Now",scheduleAt:"Schedule At",Finished:"Finish Campaign",importVideo:"Import Video",recordVideo:"Record Video",videoCategoires:"Video Categories",allVideos:"All Videos",Launch_Camapign:"Launch Campaign",Schedule_Camapign:"Schedule Campaign",Reschedule_Camapign:"Reschedule Campaign",edit_video:"Personalize Your Video",Back_to_contact:"RETURN TO CONTACTS",totalContactsStatsTitle:"Total number of contacts sourced: ",video_tab:{personalize:"Personalized video",video:"Video Library"},Gmail:{sender:"Sender Name",senderEmail:"Sender Email",senderEmailTemplate:"Email Template",editMfForm:"Create new template",senderEmailSubject:"Subject",senderEmailContent:"Content",setFieldDescription:"Send campaign via Gmail / Outlook / SMTP",insertMergeField:"Insert Merge Field",here:"here",campaignsEmailBulbTipContent:"Try adding a few lines of text along with the Video to land safely in the inbox. A quick recap of the video you’re sending or maybe an introduction will work wonders. Find more video tips from Jeffrey Gitomer - King of Sales "},Progress:{video:"Video",account:"Configure",contacts:"Contacts",send:"Send"},tab:{video:"Video",landing:"Landing Pages"},totalContactsTitle:"Total number of contacts imported",importFromTitle:"Contacts imported from",contacts:"Contacts",fieldMappingDescription:"Map the field names with the variables in the CSV file.",statusMessage:"Check your campaign progress here.",Default_Screen:{title:"Send a personalized video campaign",description:"Launch your personalized video email campaign in 4 simple steps."},Instruction:{title:"Choose to send just personalized videos or personalized videos with landing pages",description:"Create personalized videos for your campaign.",video:{title:"Personalize videos",description:"Choose from a library of videos, add personalized text and images, to connect better with your audience"},landing:{title:"Personalize Sales Page",description:"Personalize name, title, and add Call-to-action at scale with personalized sales page."},account:{title:"Configure Emails",description:"Connect to the email account that will be used to launch your campaign."},contacts:{title:"Add Contacts",description:" Import or add contacts (email recipients) using google sheets, google contacts, or upload them directly from your desktop."},send:{title:"Send Campaigns",description:"Preview campaign details and launch your personalized video campaign."}},landing:{title:"Landing Pages",description:"Select a landing page that you would like to include in your campaign.",createNewLanding:"Create New Landing Page"},Delivery:{website:"Website",landingPage:"Landing Pages",deliveryPage:"Delivery page"},video_selection_description:"Select a personalized video that you would like to include in your campaign. You can also choose one from the Video Library and personalize in the next step.",video_empty_state_msg:"You do not have any personalized videos.",video_edit_msg:"Preview your video and edit if required",page_edit:"Preview your landing page and edit if required",delivery_description:"Where do you want to embed your video ?",embed_snippent_description:"Copy and paste the inline embed code on your website.",embed_rediect_description:"Enter the web page URL where the above video embed code is added",landing_empty_state_msg:"You do not have any sales page. Click on “CREATE NEW SALES PAGE” to create one.",delivery_embed_description:"Copy and paste the link in a new tab to view the video on your delivery page.",Configure:{title:" Choose your email service provide to distribute campaign",description:"not given",Others:{title:"Others",description:"Select your email marketing software from the drop-down below. Select Email Marketing Software",combo_title:"Email Marketing Software"},personalize_description:"How do you want to render your video. Choose to render videos that are personalized in advance or at the time of delivery.",pre_personalised:{title:"PRE-PERSONALIZE VIDEOS",description:"Your video will be personalized (based on the merge fields you’ve used) to all the contacts on your campaign beforehand. The videos will be rendered instantly and the recipient will not experience any time-lag. We recommend pre-personalized videos for better customer experience."},on_demand:{title:"ON-DEMAND VIDEOS",description:"Your video will be personalized (based on the merge fields you’ve used) if and only when your contacts open your emails. The videos take a few seconds to render. Time taken depends on the number of merge fields used."},Gmail:{description:"Complement your communication by establishing a Gmail, Outlook, or SMTP account and sending personalized videos",connect:"Connect account",connected:"Connected account:"},Hubspot:{description:"Unleash the true essence of effective emailing by setting up your Hubspot account."}},Contacts:{title:"Import or add contacts",google_sheet_descriptions:" Hippo Video captures all merge fields from Google Sheets.",google_sheet_subtitle_descriptions:"For Excel and CSV files, convert them to Google Sheets to connect. (Ex:ContactsPersonalization.xlsx) or you can directly upload it using the ‘DESKTOP’ tab.",google_contacts_descriptions:"Import your contact list directly from Google Contacts.",tabs:{GSHEET:"GOOGLE SHEETS",GCONTACTS:"GOOGLE CONTACTS",LOCAL:"DESKTOP",MANUAL:"ADD CONTACTS MANUALLY",PEOPLE:"PEOPLE"},stats_title:"Constituents of Contact Mapping Fields",stats:{whole:"contacts are wholly imported",limitReached:"Total number of contacts in the sheet cannot be more than 500",success:"contacts are successfully imported for ",partial:"contacts are lacking the data of ",missing:"Missing data field for "},file_imported:"FILE IMPORTED",change:"Change"},People:{PEOPLE:"PEOPLE",filterBy:"Filter by",none:"None",search:"Search",name:"Name",email:"Email",selectAll:"Select All",empty_results_msg:"No More Record"},Launch:{description:"Preview your campaign",video:{title:"Personalized video"},landing:{title:"Personalized Sales Page"},emded_snipped_msg:"Copy the code and paste it in your mail client/campaign template to send personalize video and thumbnail.",name:"Name: ",display:"To be display on:",link:"Link: ",configureSetup:"Account",provider:"Email provider:",account:"Account:",account_description:"need to check",changeAccount:"Change Account",contactAdded:"Contacts Added",contactAddedDescription:"Number of contacts added:",contactSourceTitle:"Source:",send:"Send Campaign",responsive:"Responsive",centerAlign:"Center Align",editCopyLinkMf:"If you’ve added any custom fields in your email marketing software, please copy and paste the same custom field inside the box given below to replace the merge fields inside the code.",editCopyLinkMfErr:"* Merge Fields can't be empty",thumSize:"Thumbnail size",emailMergeTag:"Email merge tag",campaignLinkInfo:"Video thumbnail will not be generated on pasting this code in your platform. However, the receiver will be able to view the video thumbail and play the video."},import_error:"No email ids found. Ensure to include recipient email-ids in the CSV. Please refer to the sample file.",campaign_success:"Campaign launch successful!",campaign_initiated:"Campaign initiated successfully. You’ll get an email after the processing is done!",reschedule_success:"Campaign reschedule successful!",campaign_error:"Campaign unsuccessful. Value missing for one or more customizable merge fields (Ex. First Name, Company Name). Please review merge fields and try again.",campaign_delete:"Are you sure you want to delete the campaign? Deleting campaign will permanently erase all associated content.",campaign_limit_exceed:"You have exceeded your send email limit.",campaign_upgrade_needed:"Your current plan does not qualify personalization. Please upgrade your plan to enable this feature.",somethingWentWrong:"Something went wrong. Please contact support@hippovideo.io",testEmail:{popHeader:"Send test campaign email",afterSendHeader:"Test campaign email",testMailTitle:"It is always good to have a trial run before the actual run.",testMailSubTitle:"Sending a test email might give you a clear idea of what the receiver would see.",testEmailLabel:"The test mail will be sent to",testDataLabel:"Choose a prospect's email to replace their respective merge field values in the test email",cancel:"CANCEL",send:"SEND",close:"CLOSE",afterSendTitle:'A test email was sent successfully to "',enterEmailId:"Enter email id"}},Video_Templates:{uploadDocumentText:"Upload Document",replaceDocumentText:"Replace Document",recordWithWebcamCta:"Start Webcam Recording",recordWithDocumentCta:"Start Screen Recording",recordWithWebcam:"Record a personalized video outro with appropriate CTAs and meeting links to increase conversions.",recordWithDocument:"Walk your prospects through your business proposal via an interactive screen share video and highlight the necessary details with precision.",saveVideoTitle:"Video Title Saved Successfully",template_delete_pop_content:"Are you sure you want to delete this video flow?",template_delete_pop_title:"Delete Template Builder",yes:"Yes",no:"No",deleteVideoPopContent:"Are you sure you want to delete?",deleteVideoPopContentInteractiveCta:"This card has an Interactive video CTA linked to it. Deleting this card will delete the CTA as well. Are you sure you want to delete?",deleteAndRetakeVideoPopContent:"Are you sure you want to delete & retake the video?",deleteVideoPopTitle:"Delete Video",exitPopupTitle:"Exit Template",exitPopupContent:"Are you sure you want to exit this Flow?",cloneTemplatePopTitle:"Clone Template",cloneTemplatePopContent:"Are you sure you want to clone?",virtualBgWrapperContent:"You can easily add a virtual background to the video using the below options!",customTemplatesCategoryText:"Custom Flows",virtualBgProcessing:"Your video will be ready soon...",templateCategories:["All Flows","Prospecting","Deal Progression","Follow Up","Closure","Sales Enablement","Account Management","Marketing","Greetings","Others"],popularCategory:"Greetings",newCategories:["Closure"],newTemplates:["Personalized Website Video Background","Personalized LinkedIn Video Background","AI Avatar Video","PPT to Video"],LinkedinScreenshot:{modalTitle:"Set a LinkedIn Profile as Your Video Background",apply:"Apply",cancel:"Cancel",stepsToFollow:{popup:["Ensure that you're logged in to your LinkedIn account.","Enter your prospect's LinkedIn profile URL below and click on 'Verify.' You will get a screen-share pop-up. Select 'LinkedIn Window' and then 'Share' to get the desired profile screenshot.","Works best on Chrome."],tab:["Ensure that you're logged in to your LinkedIn account.","Enter your prospect's LinkedIn profile URL below and click on 'Verify.' You will get a screen-share pop-up and your prospect's LinkedIn profile will open as new tab.","Go to the previous tab and select 'LinkedIn tab' and then 'Share' to get the desired profile screenshot.","Works best on Chrome."]},userUrl:"User URL",invalidInputError:"Please enter a valid LinkedIn Profile URL",verifyLink:"Verify link",resetLink:"Reset",loadingText:"Your LinkedIn screenshot is being processed...",screenshotError:"Error while saving LinkedIn Screenshot.",safariException:"Sorry, This functionality doesn't work well with Safari yet. Please use chrome browser for best experience.",safariCloseText:"Got it"},videoOptions:{retake:"Retake",delete:"Delete",addVirtualBg:"Add Virtual Background",changeVirtualBg:"Change Virtual Background"}}}},init:function(e){e||(e="undefined"!=typeof window&&window._i18n&&window._i18n.locale?window._i18n.locale:"undefined"!=typeof document&&document.documentElement.lang?document.documentElement.lang:"undefined"!=typeof navigator&&(navigator.languages||navigator.language||navigator.userLanguage)?((e=navigator.languages&&navigator.languages[0]||navigator.language||navigator.userLanguage)||"root").toLowerCase():"root");var n=this["__"+e]||this.__root;if(n)for(var t in n)this[t]=n[t];var i=function(e,n){for(var t in n)switch(typeof e[t]){case"undefined":e[t]=n[t];break;case"object":i(e[t],n[t])}};i(this,this.__root)}};n.init(),e.exports=n},9445:function(e,n,t){"use strict";t.r(n),t.d(n,{AddToLibraryButton:function(){return Me},StyledVideoPlayerFooter:function(){return De},default:function(){return ze}});var i,o=t(30168),a=t(67294),r=t(67165),s=t(28038),l=t(99754),d=(t(69358),t(59749),t(38077),t(60228),t(81919),t(47522),t(99474),t(84069)),c=r.ZP.div.attrs({className:"vf-audio-player"})(i||(i=(0,o.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 12.75rem;\n  position: relative;\n  .vf-audio-player {\n    &__container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: #fff;\n      padding: 0.25rem 0.5rem;\n      box-shadow: 0px 0px 4px rgb(0 0 0 / 12%);\n      border-radius: 0.5rem;\n      width: 9.675rem;\n      position: absolute;\n      left: 0;\n      &__play-btn {\n        background: #ea551f;\n        border-radius: 100%;\n        width: 1.5rem;\n        height: 1.5rem;\n        img {\n          margin-right: 0 !important;\n        }\n        @media screen and (max-width: 81rem) {\n          width: 1rem;\n          height: 1rem;\n          img {\n            width: 0.625rem !important;\n            height: 0.625rem !important;\n          }\n        }\n        margin: 0;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &__audio-name {\n        color: #40444f;\n        font-weight: 600;\n        font-size: 0.75rem;\n        margin-left: 0.5rem;\n        max-width: 75px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        @media screen and (max-width: 81rem) {\n          font-size: 0.625rem;\n        }\n      }\n\n      .sound-icon {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      .sound-wave {\n        width: 1.5rem;\n        height: 1rem;\n        display: flex;\n        justify-content: space-around;\n        align-items: center;\n        margin-left: 0.5rem;\n        .bar {\n          display: block;\n          width: 2px;\n          border-radius: 10px;\n          margin-right: 1px;\n          height: 15px;\n          background: #525766;\n          animation: sound 0ms -780ms linear infinite alternate;\n          transition: height 1s;\n          animation-play-state: ",";\n        }\n      }\n      @keyframes sound {\n        0% {\n          height: 6px;\n        }\n        100% {\n          height: 15px;\n        }\n      }\n      .bar:nth-child(1) {\n        height: 2px;\n        animation-duration: 580ms;\n      }\n      .bar:nth-child(2) {\n        height: 4px;\n        animation-duration: 600ms;\n      }\n      .bar:nth-child(3) {\n        height: 6px;\n        animation-duration: 620ms;\n      }\n      .bar:nth-child(4) {\n        height: 8px;\n        animation-duration: 640ms;\n      }\n      .bar:nth-child(5) {\n        height: 10px;\n        animation-duration: 660ms;\n      }\n    }\n    &__volume-control {\n      padding: 0.25rem 0.5rem;\n      background: #fff;\n      box-shadow: 0px 0px 4px rgb(0 0 0 / 12%);\n      border-radius: 8px;\n      margin-left: 0.5rem;\n      display: flex;\n      align-items: center;\n      position: absolute;\n      right: 0;\n      img {\n        margin-right: 0 !important;\n      }\n      @media screen and (max-width: 81rem) {\n        img {\n          width: 1rem;\n          height: 1rem;\n        }\n      }\n      .volume-slider {\n        display: none;\n        transition: all 0.3s ease-in-out;\n        margin: 0 0.375rem 0 0.75rem;\n        -webkit-appearance: none;\n        width: 6rem;\n        height: 0.175rem;\n        background: linear-gradient(\n          to right,\n          #ea551f 0%,\n          #ea551f ","%,\n          #c6cad2 ","%,\n          #c6cad2 ","%\n        );\n        outline: none;\n        @media screen and (-webkit-min-device-pixel-ratio: 0) {\n          ::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            height: 1rem;\n            width: 1rem;\n            border-radius: 100%;\n            background: #ea551f;\n            cursor: pointer;\n          }\n        }\n      }\n      .volume {\n        display: none;\n        font-weight: 600;\n        font-size: 0.75rem;\n        color: #121316;\n        @media screen and (max-width: 81rem) {\n          font-size: 0.625rem;\n        }\n      }\n      &:hover {\n        transform: rotate(270deg);\n        z-index: 999;\n        top: -5.375rem;\n        right: -4.375rem !important;\n        .volume-slider,\n        .volume {\n          display: block;\n        }\n        .volume {\n          transform: rotate(90deg);\n          padding: 5px 0;\n        }\n      }\n    }\n  }\n"])),(function(e){return e.audioPlaying?"running":"paused"}),(function(e){return e.currentVolume}),(function(e){return e.maxVolume-e.currentVolume}),(function(e){return e.maxVolume})),u=function(e){var n,t,i=e.bgAudioId,o=e.bgmName,r=e.bgmVolume,s=e.setBgmVolumeCallback,l=e.setBgmDurationCallback,u=(0,a.useRef)(),p=(0,a.useState)(null),m=p[0],g=p[1],h=(0,a.useState)(r||15),f=h[0],v=h[1],b=(0,a.useState)(!1),y=b[0],w=b[1],_=(0,a.useState)(!1),k=_[0],C=_[1];return(0,a.useEffect)((function(){var e,n,t;(e={assetId:i},n=e.assetId,t="/video/get_video_url/".concat(n),d.Z.get({endpoint:t}).then((function(e){return e.data}))).then((function(e){g(e.signed_url),u.current.pause(),C(!1),u.current.load(),w(!0)}))}),[i]),null==u||null===(n=u.current)||void 0===n||n.addEventListener("pause",(function(){C(!1)})),null==u||null===(t=u.current)||void 0===t||t.addEventListener("play",(function(){C(!0)})),(0,a.useEffect)((function(){u.current&&(u.current.volume=f/100),window.audioPlayerRef=u;var e=setTimeout((function(){var e;s(f),null!=u&&null!==(e=u.current)&&void 0!==e&&e.duration&&l({duration:u.current.duration}),w(!1)}),2e3);return function(){return clearTimeout(e)}}),[s,f,y,l]),a.createElement(c,{maxVolume:"100",currentVolume:f,audioPlaying:k},m&&a.createElement("audio",{ref:u},a.createElement("source",{src:m,type:"audio/mpeg"}),a.createElement("track",{kind:"captions"})),u.current&&a.createElement(a.Fragment,null,a.createElement("div",{className:"vf-audio-player__container"},a.createElement("button",{type:"button",onClick:k?function(){u.current.pause(),u.current.currentTime=0,C(!1)}:function(){u.current.play(),window.audioPlayerRef=u,C(!0)},className:"vf-audio-player__container__play-btn"},a.createElement("img",{src:"/svg/vf-play-icon.svg"})),a.createElement("div",{className:"sound-icon"},a.createElement("div",{className:"sound-wave"},a.createElement("i",{className:"bar"}),a.createElement("i",{className:"bar"}),a.createElement("i",{className:"bar"}),a.createElement("i",{className:"bar"}),a.createElement("i",{className:"bar"}))),a.createElement("span",{className:"vf-audio-player__container__audio-name"},o||"background_music.mp3")),a.createElement("div",{className:"vf-audio-player__volume-control"},a.createElement("img",{src:"/svg/vf-volume-icon.svg"}),a.createElement("input",{type:"range",min:"0",max:"100",onChange:function(e){return function(e){v(e.target.value)}(e)},className:"volume-slider",value:f}),a.createElement("span",{className:"volume"},f,"%"))))},p=t(30247),m=t(87462),g=t(8317),h=t(15861),f=t(15785),v=t(4942),b=t(64687),y=t.n(b),w=(t(50886),t(12826),t(34284),t(28436),t(34338),t(73964),t(73935)),_=t(45697),k=t.n(_),C=t(37723),S="hv-sidebar",E=r.ZP.div.withConfig({displayName:"styles",componentId:"RC__sc-12i0x5f-0"})(["font-family:var(--asset-font-opensans-name);.sidebar-backdrop{width:100vw;height:100vh;content:'';background-color:#000;opacity:0.6;position:absolute;top:0;left:0;z-index:99999;transition:opacity 0.3s ease-in;overflow:hidden;}.sidebar-inner{position:absolute;right:0;top:0;transition:transform 0.3s ease-in;background-color:#fff;content:' ';z-index:99999;width:",";height:",";overflow:hidden;&__header{padding:19px 16px;border-bottom:1px solid #cbcbcb;position:sticky;top:0;width:",";background:white;}&__footer{padding:10px 16px;border-top:1px solid #cbcbcb;text-align:right;position:fixed;bottom:0;width:",";background:white;","}&__back-icon{cursor:pointer;margin-right:20px;vertical-align:middle;}&__title{text-transform:uppercase;font-weight:600;color:var(--color-font-base);padding:0;margin:0;font-size:14px;margin-top:6px;display:inline-block;}&__close-icon{float:right;cursor:pointer;}&__body{"," height:100%;overflow:scroll;&::-webkit-scrollbar{display:none;}}}&.","-enter{.sidebar-inner{transform:translateX(100%);}.sidebar-backdrop{opacity:0;pointer-events:none;}}&.","-enter-active{.sidebar-inner{transform:translateX(0);}.sidebar-backdrop{opacity:0.75;pointer-events:all;}}&.","-exit{.sidebar-inner{transform:translateX(0);}.sidebar-backdrop{opacity:0.75;pointer-events:all;}}&.","-exit-active{.sidebar-inner{transform:translateX(100%);}.sidebar-backdrop{opacity:0;pointer-events:none;}}"],(function(e){return e.sidebarWidth}),(function(e){return e.isLocalSidebar?"100%":"100vh"}),(function(e){return e.sidebarWidth}),(function(e){return e.sidebarWidth}),(function(e){return e.isLocalSidebar&&(0,r.iv)(["transform:translateY(-100%);"])}),(function(e){return e.isFooterPresent&&(0,r.iv)(["padding-bottom:20vh;"])}),S,S,S,S);function P(e){return function(e){if(Array.isArray(e))return V(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||T(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,o,a,r,s=[],l=!0,d=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(i=a.call(t)).done)&&(s.push(i.value),s.length!==n);l=!0);}catch(e){d=!0,o=e}finally{try{if(!l&&null!=t.return&&(r=t.return(),Object(r)!==r))return}finally{if(d)throw o}}return s}}(e,n)||T(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}var I=function(e){return a.createElement("svg",e,a.createElement("path",{"'data-name'":"Icon ionic-ios-arrow-round-back",d:"M7.334.258a.919.919 0 0 1 .007 1.294L3.073 5.834h16.263a.914.914 0 0 1 0 1.828H3.073l4.275 4.286a.925.925 0 0 1-.007 1.294.91.91 0 0 1-1.287-.007L.26 7.395a1.026 1.026 0 0 1-.19-.288.872.872 0 0 1-.07-.352.916.916 0 0 1 .26-.64L6.054.279a.9.9 0 0 1 1.28-.021z",fill:"#5b6872"}))};I.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"20.243",height:"13.501",viewBox:"0 0 20.243 13.501"};var A=function(e){return a.createElement("svg",e,a.createElement("path",{d:"M4.33 3.499l2.5-2.5a.586.586 0 1 0-.828-.828l-2.5 2.5-2.5-2.5a.586.586 0 1 0-.828.828l2.5 2.5-2.5 2.5a.586.586 0 0 0 .828.828l2.5-2.5 2.5 2.5a.586.586 0 0 0 .828-.828z",fill:"#30546f"}))};A.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"7",height:"6.998",viewBox:"0 0 7 6.998"};var L=function(e){var n=e.children,t=e.isShown,i=e.onCloseComplete,o=e.title,r=e.footer,s=e.size,l=e.shouldCloseOnOverlayClick,d=e.shouldCloseOnEscapePress,c=e.localContainerId,u=x((0,a.useState)([]),2),p=u[0],m=u[1],h=x((0,a.useState)(!0),2),f=h[0],v=h[1],b=(0,a.useCallback)((function(e){var n=e.name,t=e.title,i=e.footer;m((function(e){var o=P(e);return o.push({name:n,title:t,footer:i}),o}))}),[]),y=(0,a.useCallback)((function(){m((function(e){var n=P(e);return n.pop(),n}))}),[]),_=(0,a.useCallback)((function(){i(),m([])}),[i]),k=(0,a.useCallback)((function(){l&&_()}),[_,l]),S=(0,a.useCallback)((function(e){d&&"Escape"===e.key&&_()}),[_,d]),T=(0,a.useMemo)((function(){return"small"===s?"45vw":"medium"===s?"60vw":"80vw"}),[s]),V=(0,a.useMemo)((function(){return p.length<1?{name:"MAIN"}:p[p.length-1]}),[p]);(0,a.useEffect)((function(){t?(document.body.style.height="100%",document.body.style.overflowY="hidden"):(document.body.style.height="unset",document.body.style.overflowY="auto")}),[t]),(0,a.useEffect)((function(){return t&&document.body.addEventListener("keydown",S,!1),function(){document.body.removeEventListener("click",S,!1)}}),[S,t]),(0,a.useEffect)((function(){return function(){document.body.removeEventListener("keydown",S,!1)}}),[]),(0,a.useEffect)((function(){f&&t&&v(!1)}),[t,f]);var L=(0,a.useCallback)((function(){return a.createElement(C.Z,{in:t,timeout:300,classNames:"hv-sidebar",onExited:_,unmountOnExit:!0},a.createElement(E,{sidebarWidth:T,isFooterPresent:r||(null==V?void 0:V.footer),isLocalSidebar:!!c},a.createElement("div",{className:"sidebar-backdrop",onClick:k,onKeyDown:S,role:"button","aria-label":"Close sidebar",tabIndex:-1}),a.createElement("div",{className:"sidebar-inner"},(o||(null==V?void 0:V.title))&&a.createElement("div",{className:"sidebar-inner__header"},"MAIN"!==V.name&&a.createElement("span",{className:"sidebar-inner__back-icon",onClick:function(){y()},onKeyDown:function(){y()},role:"button","aria-label":"Close sub sidebar",tabIndex:0},a.createElement(I,{className:"hv-arrow",width:"1em",height:"1em"})),a.createElement("h2",{className:"sidebar-inner__title"},(null==V?void 0:V.title)||o),"MAIN"===V.name&&a.createElement("span",{className:"sidebar-inner__close-icon",onClick:k,onKeyDown:S,role:"button","aria-label":"Close sidebar",tabIndex:0},a.createElement(A,{className:"hv-arrow",width:"1em",height:"1em"}))),a.createElement("div",{className:"sidebar-inner__body"},"function"==typeof n?n({pushSubSidebar:b,popSubSidebar:y,presentView:V}):n),((null==V?void 0:V.footer)||r)&&a.createElement("div",{className:"sidebar-inner__footer"},(null==V?void 0:V.footer)||r))))}),[n,r,k,S,_,t,c,y,V,b,o,T]);return c?!t&&f?null:w.createPortal(L(),document.getElementById(c)):a.createElement(g.Z,null,L())};L.propTypes={children:k().oneOfType([k().node,k().func]).isRequired,isShown:k().bool.isRequired,onCloseComplete:k().func,title:k().string,footer:k().oneOfType([k().node,k().string]),size:k().string.isRequired,shouldCloseOnOverlayClick:k().bool,shouldCloseOnEscapePress:k().bool,localContainerId:k().string},L.defaultProps={onCloseComplete:function(){},title:null,shouldCloseOnOverlayClick:!0,shouldCloseOnEscapePress:!0,footer:null,localContainerId:null};var N=L,O=t(41865),B=t(12352),R=(t(30050),t(15671)),D=t(43144),M=t(60136),z=t(82963),F=t(61120),G=(t(752),t(21694),t(76265),t(78730),t(79307),t(64043),t(57267),t(19755)),U=t.n(G),j=t(13919),W=t(72316),H=t.n(W),Y=t(38482),Z=t.n(Y),q=t(64226),K=t.n(q),J=t(45925),Q=t.n(J),$=t(7020),X=t.n($),ee=t(73368),ne=t.n(ee),te=t(83958),ie=t(81460),oe=t(96467),ae=t.n(oe),re=t(51738);var se,le,de,ce,ue=function(e){(0,M.Z)(c,e);var n,t,i,o,a,r,s,l,d=(s=c,l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,n=(0,F.Z)(s);if(l){var t=(0,F.Z)(this).constructor;e=Reflect.construct(n,arguments,t)}else e=n.apply(this,arguments);return(0,z.Z)(this,e)});function c(){return(0,R.Z)(this,c),d.apply(this,arguments)}return(0,D.Z)(c,[{key:"initialize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.linkedinTab="",this.blankTab="",this.image="",this.imageObjectUrl="",this.isFirefox=window.DesktopCheck&&!!window.DesktopCheck.Firefox(),this.isSafari=window.DesktopCheck&&!!window.DesktopCheck.Safari(),this.uploadScreenshotCallback=e.uploadScreenshotCallback||function(){},this.demoGifWrapper=e.demoGifWrapper||"body",this.lnPopupPermissionsEnabled=!1,this.asset_id="",this.authoring_id="",this.bitmapToBlobWorker="\n        self.addEventListener('message', (event) => {\n            const bitmap = event.data;\n            const blobPromise = bitmapToBlob(bitmap);\n            blobPromise.then((processedBlob) => {\n                const workerData = {\n                    blob: processedBlob,\n                    blobUrl: URL.createObjectURL(processedBlob)\n                }\n                self.postMessage(workerData);\n            });\n        });\n        function bitmapToBlob(bitmap) {\n            return new Promise((resolve, reject) => {\n              const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);\n              canvas.getContext('2d').drawImage(bitmap, 0, 0);\n              canvas.convertToBlob({ type: 'image/jpeg' }).then(resolve);\n            });\n          }\n       ",this._takeScreenshot=this._takeScreenshot.bind(this),this._saveScreenshot=this._saveScreenshot.bind(this),this._resetScreenshot=this._resetScreenshot.bind(this),this.closeModal=this.closeModal.bind(this),this.videoCompressing=this.videoCompressing.bind(this)}},{key:"render",value:function(){var e=re.jsMsgVideoTemplates.LinkedinScreenshot;this.isSafari?new(ne())({id:"lnScreenshotModal",el:U()("#lnScreenshot"),body:e.safariException,showIcon:!0,showCloseIcon:!1,okText:e.safariCloseText,showInfo:!0,size:"small"}).showModal():(this.lnScreenshotModal=new(Z())({title:e.modalTitle,body:K()(j.default.extend({},{data:e,isPopupWindowAllowed:this.isPopupWindowAllowed()})),el:U()("#lnScreenshot"),id:"lnScreenshotModal",showConfirm:!0,showIcon:!1,autoClose:!1,yesText:e.apply,noText:e.cancel,onYes:this._saveScreenshot,onNo:this.closeModal,size:"small"}),U()("body").css("overflow-y","auto"),this.lnScreenshotModal.showModal(),this.showDemoVideo(),U()("#lnScreenshotModalYesBtn").addClass("disabled"),U()("#getScreenshot").on("click",this._takeScreenshot),U()("#resetScreenshot").on("click",this._resetScreenshot))}},{key:"getLnScreenshot",value:(r=(0,h.Z)(y().mark((function e(){var n;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((n=this).lnPopupPermissionsEnabled=n.isPopupPermissionsEnabled(),!n.lnPopupPermissionsEnabled){e.next=6;break}n.render(),e.next=10;break;case 6:return n.refreshPopupBlockerState(),e.next=9,new Promise((function(e){return setTimeout(e,1e3)}));case 9:n.lnPopupPermissionsEnabled?n.render():(U()(n.demoGifWrapper).append('<div id="lnPopupPermissions"><div class="permissions-overlay"></div><div class="popup-permissions-div"><video src="https://static-assets.hippovideo.io/videos/allow_popup.mp4" id="permissionsVideo" loop="true" autoplay="true"></video><p>Please enable permissions and click on LinkedIn Screenshot button again.</p></div></div>'),setTimeout((function(){U()("#lnPopupPermissions").remove()}),7e3));case 10:case"end":return e.stop()}}),e,this)}))),function(){return r.apply(this,arguments)})},{key:"isPopupWindowAllowed",value:function(){return"true"==B.default.getLocalStorageValue("lnPopupWindowAllowed")}},{key:"isPopupPermissionsEnabled",value:function(){return"true"==B.default.getLocalStorageValue("lnPopupPermissionsEnabled")}},{key:"refreshPopupBlockerState",value:function(){var e=this;try{window.open("","_blank").close(),setTimeout((function(){var n;!(n=null==B.default.getLocalStorageValue("lnPopupWindowAllowed")?window.open("","_blank","width=100,height=100"):window.open("","_blank"))||n.closed||void 0===n.closed?(e.lnPopupPermissionsEnabled=!1,B.default.setLocalStorageValue("lnPopupPermissionsEnabled",!1)):(e.lnPopupPermissionsEnabled=!0,B.default.setLocalStorageValue("lnPopupPermissionsEnabled",!0),null==B.default.getLocalStorageValue("lnPopupWindowAllowed")?setTimeout((function(){100!=n.outerWidth?B.default.setLocalStorageValue("lnPopupWindowAllowed",!1):B.default.setLocalStorageValue("lnPopupWindowAllowed",!0),n.close()}),10):n.close())}),200)}catch(n){e.lnPopupPermissionsEnabled=!1,B.default.setLocalStorageValue("lnPopupPermissionsEnabled",!1)}}},{key:"_takeScreenshot",value:function(){try{var e=U()("#linkedinUrl").val();this.isLinkedinUrl(e)?this.getScreenshotFromLinkedInUrl(e):U()("#invalidUrl").removeClass("disp-none")}catch(e){console.error("imagePreview error: "+e)}}},{key:"getScreenshotFromLinkedInUrl",value:(a=(0,h.Z)(y().mark((function e(n){var t;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:U()("#invalidUrl").addClass("disp-none"),-1===(t=n.split("?")[0]).indexOf("://")&&(t="https://"+t),this.requestScreenPermissions(t);case 4:case"end":return e.stop()}}),e,this)}))),function(e){return a.apply(this,arguments)})},{key:"closeModal",value:function(){this.lnScreenshotModal.hideModal()}},{key:"_resetScreenshot",value:function(){this.showDemoVideo(),U()("#resetScreenshot").hide(),U()("#lnScreenshotModalYesBtn").addClass("disabled"),U()("#getScreenshot").show(),U()("#linkedinUrl").val("")}},{key:"requestScreenPermissions",value:(o=(0,h.Z)(y().mark((function e(n){var t,i;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=this,e.prev=1,i=document.querySelector("#lnScreenCapture"),setTimeout((0,h.Z)(y().mark((function e(){return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.isPopupWindowAllowed()){e.next=9;break}return t.linkedinTab=window.open(n,"","fullscreen=yes"),e.next=4,new Promise((function(e){return setTimeout(e,500)}));case 4:t.blankTab=window.open("",""),t.blankTab.focus(),t.blankTab.close(),e.next=10;break;case 9:t.linkedinTab=window.open(n,"");case 10:case"end":return e.stop()}}),e)}))),1e3),e.next=6,navigator.mediaDevices.getDisplayMedia({video:{displaySurface:t.isPopupWindowAllowed()?"window":"browser"}});case 6:return i.srcObject=e.sent,e.next=9,new Promise((function(e){return setTimeout(e,1e3)}));case 9:t.captureImage(),t.linkedinTab.close(),e.next=16;break;case 13:e.prev=13,e.t0=e.catch(1),console.error("imagePreview error: "+e.t0);case 16:case"end":return e.stop()}}),e,this,[[1,13]])}))),function(e){return o.apply(this,arguments)})},{key:"captureImage",value:(i=(0,h.Z)(y().mark((function e(){var n,t,i;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,n=document.getElementById("lnScreenCapture"),t=n.srcObject,i=t.getVideoTracks()[0],e.next=6,this.generateImageWithBitmap(i,n);case 6:t.getTracks().forEach((function(e){return e.stop()})),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),console.error("imageCapture error: "+e.t0);case 12:case"end":return e.stop()}}),e,this,[[0,9]])}))),function(){return i.apply(this,arguments)})},{key:"generateImageWithBitmap",value:(t=(0,h.Z)(y().mark((function e(n,t){var i,o,a,r,s,l,d;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:i=this,o=n.getSettings(),a=o.width,r=o.height,s=createImageBitmap(t,{resizeWidth:a||100,resizeHeight:r||100}),l=new Blob([this.bitmapToBlobWorker],{type:"text/javascript"}),d=new Worker(URL.createObjectURL(l)),s.then((function(e){d.postMessage(e)})),d.onmessage=function(e){return new Promise((function(n,t){i.imageObjectUrl=e.data.blobUrl,i.image=e.data.blob;var o=document.createElement("img");o.setAttribute("src",i.imageObjectUrl),U()("#lnScreenshotRender").html(o),U()("#lnScreenshotModalYesBtn").removeClass("disabled"),U()("#getScreenshot").hide(),U()("#resetScreenshot").show(),n()}))};case 7:case"end":return e.stop()}}),e,this)}))),function(e,n){return t.apply(this,arguments)})},{key:"showDemoVideo",value:function(){this.isFirefox?U()("#lnScreenshotRender").html('<video loop autoplay src="https://static-assets.hippovideo.io/videos/linkedinScreenshotFirefox.mp4"></video>'):this.isPopupWindowAllowed()?U()("#lnScreenshotRender").html('<video loop autoplay src="https://static-assets.hippovideo.io/videos/linkedinScreenshotChrome.mp4"></video>'):U()("#lnScreenshotRender").html('<video loop autoplay src="https://static-assets.hippovideo.io/videos/linkedInDemoVideoTab.mp4"></video>')}},{key:"isLinkedinUrl",value:function(e){var n=e.split("?")[0];return/((https?:\/\/)?((www|\w\w)\.)?linkedin\.com\/)((([\w]{2,3})?)|([^\/]+\/(([\w|\d-&#?=])+\/?){1,}))$/gm.test(n)}},{key:"_saveScreenshot",value:function(){var e=U()("#linkedinUrl").val().replace(/\/$/,"").split("/").pop();U()("#screenshotUploadSpinner").removeClass("disp-none"),U()("#lnScreenshotRender").hide();var n=this.image,t=new File([n],e,{type:"image/jpeg"}),i=new FormData;i.append("initiator","hippo-vt-linkedin"),i.append("skip_import_doc_validation",!0),i.append("file_name",t.name),i.append("file_type","image"),i.append("size",((t.size||1)/1024).toString());var o=t.name.split(".").pop().toLowerCase();i.append("file_ext",o),this.uploadScreenshotToS3(i,t)}},{key:"uploadScreenshotToS3",value:(n=(0,h.Z)(y().mark((function e(n,t){var i,o,a;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:i=this,o=new(Q()),a=re.jsMsgVideoTemplates.LinkedinScreenshot,o.documentImport(n,(function(e){var n={bucket:e.upload_bucket,key:e.upload_key,acl:"private",contentType:"image"};new(X())(n).uploadFile(t,(function(e){}),(function(n){if(e&&e.authoring_asset_id){var t={response:{asset_id:e.authoring_asset_id,status:53,video_token:e.delivery_token,data:{thumbnailurl:i.imageObjectUrl}}};i.uploadScreenshotCallback(t)}i.authoring_id=e.authoring_id,i.asset_id=e.authoring_asset_id,o.compressVideo(e.authoring_asset_id,!1,!0,i.videoCompressing,i.errorHandling),i.closeModal()}),(function(e){U()("#screenshotUploadSpinner").addClass("disp-none"),U()("#lnScreenshotRender").show(),te.default.showBannerAlert(a.screenshotError,4e3,"error")}))}),(function(e){U()("#screenshotUploadSpinner").addClass("disp-none"),U()("#lnScreenshotRender").show(),te.default.showBannerAlert(a.screenshotError,4e3,"error")}));case 4:case"end":return e.stop()}}),e,this)}))),function(e,t){return n.apply(this,arguments)})},{key:"videoCompressing",value:function(e){var n=this,t=new(Q());this.hippoYogaLoader=new ie.Z({id:"lnScreenshotRender"}),ae().initialize(2e3).getStatus(e.video,(function(e){n.hippoYogaLoader.updateValues(0,e)}),(function(e,t){n.hippoYogaLoader.updateValues(t,e)}),(function(e){n.hippoYogaLoader.updateProgress(100);var i={authoring_id:n.authoring_id,asset_id:n.asset_id,file_type:"image"};t.updateDocState(i,(function(e){window.onbeforeunload=function(){},n.isMediaUploading=!1,n.hippoYogaLoader.updateProgress(100),console.log("response file upload",e)}),(function(e){te.default.showBannerAlert(VideoI18N.t.progressMessages.errorUpdatingState,3e3,"error")})),console.log("video Compressing success")}),(function(e){console.log("video Compressing error")}))}},{key:"errorHandling",value:function(e){te.default.showBannerAlert(defaultErrorMsg,4e3,"error"),te.default.postErrorsToLog({error:"Error while importing Video :: ",stackTrace:JSON.stringify(e)})}}]),c}(H().View),pe=r.ZP.div(se||(se=(0,o.Z)(["\n  display: grid;\n  grid-row-gap: 20px;\n  margin-bottom: 30px;\n  overflow-x: hidden;\n  \n  .sidebar-virtualbg-preview {\n    text-align: center;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    background: white;\n    padding-top: 24px;\n\n    .masked-preview {\n      position: relative;\n      max-width: 24rem;\n      width: 100%;\n      min-height: 11.625rem;\n      margin: auto;\n      img, video{\n        border-radius: 16px;\n      }\n      img {\n        width: 100%;\n        -o-object-fit: contain;\n        object-fit: contain;\n      }\n      .sidebar-virtualbg-custombg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: calc(100% - 6px) !important;\n        -o-object-fit: cover !important;\n        object-fit: cover !important;\n        -o-object-position: center !important;\n        object-position: center !important;\n      }\n      .sidebar-virtualbg-imgoverlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: calc(100% - 6px) !important;\n        -o-object-fit: contain !important;\n        object-fit: contain !important;\n        -o-object-position: center !important;\n        object-position: center !important;\n      }\n    }\n    .sidebar-virtualbg-note {\n      display: block;\n      font-size: 0.75rem;\n      font-weight: 400;\n      color: rgba(126, 126, 126, 1);\n      text-align: center;\n      padding: 1.5rem 0;\n      border-bottom: 1px solid rgba(233, 233, 233, 1);\n    }\n  }\n  ul.virtualbg-option-lists{\n    list-style: none;\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    background: transparent;\n    padding: 1.5rem 1.5rem 0;\n    gap: 1.5rem;\n\n    li{\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      z-index: 0;\n\n      &:last-child{\n        margin: 0\n      }\n\n      .virtualbg-add-cancel{\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background: white;\n        border-radius: 0.5rem;\n        border: 1px solid #F2F2F2;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);\n        max-width: 9rem;\n        min-height: 3rem;\n        width: 100%;\n        padding: 0 0.75rem;\n        \n        &:hover{\n          box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.16);\n        }\n\n        &.selected-virtualbg {\n          border: 2px solid rgba(255, 84, 84, 1);\n          box-shadow: 0px 0px 0px 4px rgba(255, 84, 84, 0.12);\n        }\n\n        img{\n          position: relative;\n          width: calc(1.125rem + 0.5rem);\n          padding-right: 0.5rem;\n          border-right: 1px solid #F2F2F2;\n          @media screen and (max-width: 81rem) {\n            width: calc(1rem + 0.5rem);\n          }\n        }\n        \n        p{\n          margin-bottom: 0;\n          font-size: 0.75rem;\n          padding-left: 0.5rem;\n          @media screen and (max-width: 81rem) {\n            font-size: 0.625rem;\n          }\n        }\n      }\n    }\n  }\n  span.presets-details{\n    padding: 1.5rem 1.5rem 0;\n    display: block;\n  }\n  .sidebar-virtualbg-lists {\n    max-height: unset;\n    height: 100%;\n    /* margin-top: 2.625rem;*/\n    /* max-height: 17.5rem; */\n    overflow-y: auto;\n    /* padding-left: 20px;\n    padding-right: 20px; */\n    ul {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-orient: horizontal;\n      -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n      flex-direction: row;\n      -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n      margin: 1.5rem 1.5rem 0;\n      list-style: none;\n      justify-content: flex-start;\n    }\n    ul,\n    ol,\n    dl {\n      font-family: inherit;\n      font-size: 1rem;\n      line-height: 1.6;\n    }\n    ul{\n      li{\n        position: relative;\n        width: calc(33.33% - 10px);\n        margin: 0 0.313rem 0.9375rem;\n        /*height: 7.125rem;*/\n        -webkit-box-shadow: 0 0.1875rem 0.375rem rgb(0 0 0 / 13%);\n        box-shadow: 0 0.1875rem 0.375rem rgb(0 0 0 / 13%);\n        cursor: pointer;\n        z-index: 0;\n      }\n    }\n    .virtualbg-selection {\n      position: relative;\n      border-radius: 0.5rem;\n      border: 1px solid rgba(241, 241, 241, 1);\n      background: transparent;\n\n      img{\n        border-radius: 0.5rem;\n      }\n      span {\n        position: absolute;\n        left: 0.25rem;\n        top: 0.25rem;\n        padding: 0.125rem 0.375rem;\n        font-size: 0.625rem;\n        font-weight: 600;\n        color: #ffffff;\n        border-radius: 4px;\n        background: rgba(3, 3, 3, 0.75);\n      }\n      div {\n        margin: 0;\n        padding: 0.5rem;\n        font-size: 0.75rem;\n        line-height: 1rem;\n        font-weight: 600;\n        color: #373F48;\n        background: #fff;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0.438rem;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n      &:hover{\n        background: #FFFFFF;\n        border: 1px solid #B0B4BF;\n        box-shadow: 0px 0px 0px 4px rgba(180, 180, 180, 0.12);\n      }\n      &.selected-virtualbg{\n        border: 1px solid rgba(255, 84, 84, 1);\n        box-shadow: 0px 0px 0px 4px rgba(255, 84, 84, 0.12);\n      }\n    }\n\n    .selected-virtualbg {\n      /*border: 0.125rem solid #68ca93;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n      border: 1px solid rgba(255, 84, 84, 1);\n      box-shadow: 0px 0px 0px 4px rgba(255, 84, 84, 0.12);\n      border-radius: 10px;\n      cursor: default;*/\n      /*span{\n        left: 8px;\n        top: 8px;\n      }*/\n      /*::after {\n        content: url(/svg/tick.svg);\n        position: absolute;\n        top: -0.125rem;\n        left: -0.125rem;\n        width: 1.875rem;\n        z-index: 10;\n      }*/\n    }\n\n    p {\n      margin-top: 0.1875rem;\n      margin-bottom: 0;\n      font-size: 0.8125rem;\n      color: #bcbcbc;\n    }\n    img {\n      width: 100%;\n      -o-object-fit: cover;\n      object-fit: cover;\n      height: 100%;\n      aspect-ratio: 16 / 9;\n    }\n    .virtualbg-add-cancel {\n      border: 0.125rem solid rgba(112, 112, 112, 0.3);\n      img {\n        width: 1.625rem;\n        height: 1.625rem;\n      }\n    }\n\n    .virtualbg-add-cancel,\n    .sidebar-virtualbg-lists ul li .virtualbg-change {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n      -ms-flex-pack: center;\n      justify-content: center;\n      -webkit-box-align: center;\n      -ms-flex-align: center;\n      align-items: center;\n      -webkit-box-orient: vertical;\n      -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n      flex-direction: column;\n    }\n  }\n  .listsEmpty {\n    margin: 1.5rem;\n    padding: 20px;\n    max-width: calc(100% - 20px);\n    border: 1px solid #e7e7e7;\n    border-radius: 6px;\n    text-align: center;\n    img {\n      width: auto;\n      height: 30px;\n      display: inline-block;\n      vertical-align: middle;\n    }\n    p {\n      margin: 10px 0 0;\n      font-size: 14px;\n      font-weight: 400;\n      color: #626262;\n    }\n  }\n  .sidebar-virtualbg-loadmore{\n    width: 100%;\n    position: relative;\n    &.is-loading{\n      filter:grayscale(100%);\n      pointer-events: none;\n      cursor: not-allowed;\n    }\n    &:after{\n      content: '';\n      width: 100%;\n      border-bottom: 1px solid #f47a58;\n      position: absolute;\n      left: 0;\n      top: 50%;\n      z-index: -1;\n    }\n    p{\n      display: inline-block;\n      position: absolute;\n      line-height: 1.4;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 1;\n      color: #f47a58;\n      border-radius: 1.25rem;\n      padding: 0.5rem 1.0625rem;\n      text-align: center;\n      font-size: 0.8125rem;\n      border: 0.0625rem solid #f47a58;\n      background-image: url(/img/rectangle-bg.png);\n      cursor: pointer;\n      margin: auto; \n      transition: 0.7s;\n      &:hover{\n        background-image: linear-gradient(to right, #ff9a44 0%, #ff9a44 51%, #fc6076 101%);\n        color: #ffffff;\n      }\n    }  \n  }\n}\n"]))),me=r.ZP.div(le||(le=(0,o.Z)(["\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  .content-type {\n    display: flex;\n    padding: 1.5rem 1.5rem 0;\n    h5 {\n      display: inline-block;\n      vertical-align: middle;\n      margin: 0;\n      font-size: 12px;\n      font-weight: 400;\n      color: #626262;\n      padding: 0;\n    }\n    input {\n      display: none;\n    }\n\n    label {\n      vertical-align: middle !important;\n      font-size: 12px;\n      font-weight: 400;\n      margin: 0 0 0 10px !important;\n      cursor: pointer;\n      padding: 0;\n    }\n  }\n  .categoryContainer {\n    display: flex;\n    min-height: 60px;\n    padding: 1.5rem 1.5rem 0;\n    &__filter {\n      display: flex;\n      align-items: center;\n    }\n    &__tagsFilter {\n      width: 100%;\n      margin-top: 2px;\n      /*z-index: 1;*/\n      .overlay {\n        div:nth-child(2) {\n          max-height: 200px;\n          overflow: auto;\n        }\n      }\n      .hv-tag-input {\n        padding: 0.438rem 0.438rem 0.438rem 0;\n        .hv-tag {\n          border-radius: 0.75rem;\n          font-size: 0.75rem;\n        }\n        &__add {\n          padding: 0;\n          width: 1.5rem;\n          height: 1.5rem;\n          border-radius: 4px;\n          background: #f7f8f9;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n    &__label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0;\n      font-size: 12px;\n      font-weight: 400;\n      color: #626262;\n      margin-right: 0.5rem;\n    }\n    img {\n      width: 20px;\n      margin-left: 20px;\n    }\n    select {\n      width: 10rem;\n      height: 2.5rem;\n      border: 1px solid #c9c9c9;\n      border-radius: 8px !important;\n      cursor: pointer;\n    }\n  }\n"]))),ge=r.ZP.div(de||(de=(0,o.Z)(["\n  display: flex;\n  gap: 20px;\n  justify-content: flex-end;\n  button {\n    margin: 5px 0;\n  }\n  .disable-apply {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n"]))),he=r.ZP.div(ce||(ce=(0,o.Z)([""]))),fe=t(44873),ve=t(87406),be=t(45907);var ye={ACCEPTED_VIDEO_TYPES:["video/quicktime","video/mp4","video/x-flv","video/*"],SUPPORTED_DOC_FORMATS:[".pdf",".ppt",".pptx",".doc",".docx",".txt",".rtf"],SUPPORTED_IMAGE_FORMATS:[".png",".jpg",".jpeg",".bmp",".gif"]},we=function(e){(0,M.Z)(o,e);var n,t,i=(n=o,t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,i=(0,F.Z)(n);if(t){var o=(0,F.Z)(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return(0,z.Z)(this,e)});function o(){return(0,R.Z)(this,o),i.apply(this,arguments)}return(0,D.Z)(o,[{key:"componentDidMount",value:function(){var e=this,n=this.props,t=n.callBack,i=n.closeCallBack,o=n.isWeblink,a=n.isDefaultCatVb,r=n.defaultCategoryId;this.importVirtualMediaCallback=t,this.closeImportCallback=i;var s=ye.ACCEPTED_VIDEO_TYPES.concat(ye.SUPPORTED_IMAGE_FORMATS);this.importMediaView=new be.Z({type:"custom",customParams:{name:o?"webLink":"videoOrImage",acceptedFormats:s,isDocOrVideoImport:!0},canShowImportFromLocal:!o,canShowGdriveImport:!o,virtualBGFromWeblink:!!o,canShowWebLink:!!o,canShowRecentlyUsed:!1,isMultiple:!1,maximumFilesAllowed:1,maximumPerFileSize:500,handleOneFileUpload:!0,mediaCategoryId:a?r:null,canShowShopify:!1,skipImportDocValidation:!0,canShowVideoLibrary:!1,actionType:"virtual_bg",importMediaCallback:function(n){document.getElementById("importMediaContainer").classList.add("hide"),document.getElementById("importMediaContainer").style.display="none",e.importVirtualMediaCallback(n)},closeImportCallback:function(){e.closeImportCallback()}})}},{key:"render",value:function(){return a.createElement("div",null)}}]),o}(a.PureComponent),_e=we;function ke(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Ce(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ke(Object(t),!0).forEach((function(n){(0,v.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ke(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Se=function(e){var n,t,i=e.json,o=e.assetId,r=e.initiator,d=e.hostURL,c=e.localContainerId,u=e.isVirtualBgSidebarShown,p=e.setIsVirtualBgSidebarShown,m=e.onApplyHandler,g=e.revertVirtualBgApiHandler,v=e.getMaskedImagesApiHandler,b=e.fetchLibraryVideosHandler,w=e.searchLibraryHandler,_=e.getManageTagsApiHandler,k=(0,a.useState)([]),C=k[0],S=k[1],E=(0,a.useState)(null),P=E[0],x=E[1],T=(0,a.useState)({}),V=T[0],I=T[1],A=(0,a.useState)({}),L=A[0],R=A[1],D=(0,a.useState)({}),M=D[0],z=D[1],F=(0,a.useState)(null),G=F[0],U=F[1],j=(0,a.useState)([]),W=j[0],H=j[1],Y=(0,a.useState)(!1),Z=Y[0],q=Y[1],K=(0,a.useState)(!1),J=K[0],Q=K[1],$=(0,a.useState)(!1),X=$[0],ee=$[1],ne=(0,a.useRef)(0),te=(0,a.useRef)(0),ie=(0,a.useMemo)((function(){return W.length!==ne.current}),[W,ne]),oe=(0,a.useRef)(!1),ae=(0,a.useRef)(null),re=(0,a.useRef)(null),se=(0,a.useRef)(null),le=(0,a.useState)(!0),de=le[0],ce=le[1],fe=(0,a.useMemo)((function(){return JSON.parse(JSON.stringify(W||[]))}),[W]),ve=(0,a.useMemo)((function(){var e;return null==M||null===(e=M.assets)||void 0===e?void 0:e.categories}),[null==M||null===(n=M.assets)||void 0===n?void 0:n.categories]);(0,a.useEffect)((function(){if(!((null==fe?void 0:fe.length)>0||oe.current)){oe.current=!0,v({assetId:o,show_direct_thumbnail:!0}).then((function(e){z(e.data)})).catch((function(){console.log("virtualbg getMaskedImagesApi fail")}));var e={offset:te.current,categoryId:0,imageOnly:!0,show_direct_thumbnail:!0};b(e).then((function(e){ne.current=e.num_videos,q(!1),H(null==e?void 0:e.libraries)}))}}),[o,fe,b,v]),(0,a.useEffect)((function(){_({}).then((function(e){var n=e.rows;S(n)}))}),[_]);var be=(0,a.useCallback)((function(e){0===(null==e?void 0:e.id)?R(Ce(Ce({},e),{},{img_url:null==i?void 0:i.video_thumbnail_link,token:null==i?void 0:i.delivery_token})):R(Ce(Ce({},e),{},{img_url:e.thumb}))}),[i]),ye=(0,a.useCallback)((function(e,n){var t,i,o;U(e),q(!0),te.current=0;var a,r={offset:te.current,categoryId:e,fetch_documents:!1,show_direct_thumbnail:!0};r.imageOnly=null==se||null===(t=se.current)||void 0===t?void 0:t.checked,r.videoOnly=null==re||null===(i=re.current)||void 0===i?void 0:i.checked,null!=P&&P.length&&(r.filterByTags=null===(a=P.map((function(e){return e.id})))||void 0===a?void 0:a.toString()),null!==(o=ae.current)&&void 0!==o&&o.value&&(ae.current.value=""),b(r).then((function(e){ne.current=e.num_videos,q(!1),H(null==e?void 0:e.libraries),n&&null!=e&&e.libraries[0]&&be(e.libraries[0])}))}),[b,be,P]);(0,a.useEffect)((function(){if("csod"===r||"dynamic_integration"===r){var e,n=null==M||null===(e=M.assets)||void 0===e?void 0:e.categories;if(n)for(var t=0;t<n.length;t++)if("Virtual Backgrounds"===n[t].name){ye(n[t].id);break}}}),[ye,null==M||null===(t=M.assets)||void 0===t?void 0:t.categories]),(0,a.useEffect)((function(){P&&ye(G)}),[ye,G,P]);var we=(0,a.useCallback)((function(){g({assetId:o}).then((function(e){if("csod"===r){var n={initiator:"hippovideo",type:"csod_vbg_reverted",detail:{vbg_src_url:e.virtualsrc}};document.getElementById("hv-embed-iframe").contentWindow.postMessage(JSON.stringify(n),"*")}p(!1)})).catch((function(){s.Z.danger("Something went wrong. Please contact support@hippovideo.io")}))}),[o]),ke=(0,a.useCallback)((function(){var e=document.querySelector(".virtual-bg-apply");e.classList.add("disable-apply"),B.default.trackInThirdPartyTools("video_preview_virtualBG_apply_isPPR",{assetId:o}),null==(null==L?void 0:L.id)&&(console.log(L.id),e.classList.remove("disable-apply")),0===(null==L?void 0:L.id)&&we().then((function(){e.classList.remove("disable-apply")})),null!=L&&L.id&&m({selectedImg:L,assetId:o}).then((function(){e.classList.remove("disable-apply")}))}),[o,m,we,L]),Se=(0,a.useCallback)((function(e){var n,t=encodeURIComponent(e),i=0===G?null:G;"csod"===r||"dynamic_integration"===r?(n={search_token:t},i>0&&(n.cat_id=i)):((n=new FormData).append("search_token",t),i>0&&n.append("cat_id",i)),Q(!0),w(n,{from:0,searchType:1}).then((function(e){H(e.libraries||[]),Q(!1)}))}),[G]),Ee=((0,a.useCallback)((function(e){var n=e.target.value;13===e.keyCode&&null!==n&&""!==n.trim()&&Se(n)}),[Se]),(0,a.useCallback)((function(e){""===e.target.value.trim()&&ye(G)}),[ye,G]),(0,a.useCallback)((function(){var e;ce(null==se||null===(e=se.current)||void 0===e?void 0:e.checked),ye(G)}),[ye,G])),Pe=(0,a.useCallback)((function(e){var n=e.response,t=e.categories;if(53===n.status){var i=(null==t?void 0:t.length)>0?t[0]:0;se.current.checked=!1,re.current.checked=!1,ye(i,"from_import")}else console.log("Error while importing slideshow for user.");I({isBgOpen:!1})}),[ye]),xe=(0,a.useCallback)((function(e){x((function(n){return[].concat((0,f.Z)(n||[]),[e.entry])}))}),[x]),Te=(0,a.useCallback)((function(e){x((function(n){return null==n?void 0:n.filter((function(n){return n.id!==e.id}))}))}),[x]),Ve=function(e){var n=e.response;if(53===n.status){var t=n.data.thumbnaillink?n.data.thumbnaillink:n.data.thumbnailurl;!t&&n.data&&n.data.data&&(t=n.data.data[0].thumbnaillink?n.data.data[0].thumbnaillink:n.data.data[0].thumbnailurl),R({img_url:t,preview:"",id:n.asset_id,token:n.video_token})}else console.log("error")},Ie=function(){var e=(0,h.Z)(y().mark((function e(){var n;return y().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(X){e.next=8;break}return e.next=3,new Promise((function(e){return setTimeout(e,0)}));case 3:n=new ue({uploadScreenshotCallback:function(e){Ve(e)}}),ee(n),n.getLnScreenshot(),e.next=9;break;case 8:X.getLnScreenshot();case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return a.createElement(he,null,a.createElement(N,{isShown:u,onCloseComplete:function(){ye(G),p(!1)},title:"Add Virtual Background",size:"small",shouldCloseOnOverlayClick:!0,shouldCloseOnEscapePress:!0,localContainerId:c,footer:a.createElement(a.Fragment,null,a.createElement(ge,null,a.createElement(l.Z,{appearance:"secondary",type:"button",onClick:function(){ye(G),p(!1)}},"cancel"),a.createElement(l.Z,{appearance:"primary virtual-bg-apply",type:"button",onClick:ke},"apply")))},(function(){var e;return a.createElement(pe,null,a.createElement("div",null,a.createElement("div",{className:"sidebar-virtualbg-preview reactfoundationcssreject"},a.createElement("div",{className:"masked-preview"},a.createElement("video",{crossOrigin:"anonymous",id:"virtualBgVideoPreview",src:(null==L?void 0:L.preview_url)||"https://hippolms-wiz-static.s3-accelerate.amazonaws.com/virtualbg/preview/1.mp4",autoPlay:!0,muted:!0,loop:!0},a.createElement("track",{kind:"captions"})),((null==L?void 0:L.img_url)||(null==L?void 0:L.token))&&!(null!=L&&L.preview_url)&&a.createElement("img",{src:"".concat(d,"/video/thumbnail/").concat(null==L?void 0:L.token,"?is_play=false"),alt:"",className:"sidebar-virtualbg-custombg"}),a.createElement("img",{src:"".concat(d,"/img/spokesperson.gif"),alt:"",className:"sidebar-virtualbg-imgoverlay"})),a.createElement("span",{className:"sidebar-virtualbg-note"},"Note : Here is a preview of how your video will look with the selected background"),a.createElement("span",{className:"sidebar-virtualbg-progress-note disp-none"},"Once the video is processed, your video background will change as per your requirements")),a.createElement("ul",{className:"virtualbg-option-lists"},a.createElement("li",{className:"virtualbg-cancel virtualbg-selection","data-id":"0"},a.createElement("div",{className:"virtualbg-add-cancel ".concat(0===(null==L?void 0:L.id)?"selected-virtualbg":""),onClick:function(){B.default.trackInThirdPartyTools("video_preview_virtualBG_none_isPPR",{assetId:o}),be({id:0})},onKeyPress:function(e){"Enter"===e.key&&(B.default.trackInThirdPartyTools("video_preview_virtualBG_none_isPPR",{assetId:o}),be({id:0}))},role:"button",tabIndex:0},a.createElement("img",{src:"".concat(d,"/svg/cancel-black.svg"),alt:""}),a.createElement("p",null,"Default (None)"),a.createElement("br",null))),a.createElement("li",{className:"virtualbg-selection virtualbg-add","data-id":"add"},a.createElement("div",{className:"virtualbg-add-cancel virtualbg-add-bg",onClick:function(){B.default.trackInThirdPartyTools("video_preview_virtualBG_add_background_isPPR",{assetId:o}),I({isBgOpen:!0,isWeblink:!1})},onKeyPress:function(e){"Enter"===e.key&&(B.default.trackInThirdPartyTools("video_preview_virtualBG_add_background_isPPR",{assetId:o}),I({isBgOpen:!0,isWeblink:!1}))},role:"button",tabIndex:0},a.createElement("img",{src:"".concat(d,"/svg/add-black.svg"),alt:""}),a.createElement("div",{className:"thumb-loading custombg-loading hide"},a.createElement("div",{className:"color-loading"},a.createElement("div",{className:"loading-bar"}),a.createElement("div",{className:"loading-bar"}))),a.createElement("p",null,"Add Background"))),a.createElement("li",{className:"virtualbg-selection","data-id":"add"},a.createElement("div",{className:"virtualbg-add-cancel virtualbg-add-bg",onClick:function(){B.default.trackInThirdPartyTools("video_preview_virtualBG_add_background_isPPR",{assetId:o}),Ie()},onKeyPress:function(e){"Enter"===e.key&&(B.default.trackInThirdPartyTools("video_preview_virtualBG_add_background_isPPR",{assetId:o}),Ie())},role:"button",tabIndex:0},a.createElement("img",{src:"".concat(d,"/svg/linkedin-black.svg"),alt:""}),a.createElement("div",{className:"thumb-loading custombg-loading hide"},a.createElement("div",{className:"color-loading"},a.createElement("div",{className:"loading-bar"}),a.createElement("div",{className:"loading-bar"}))),a.createElement("p",null,"LinkedIn Background"))),a.createElement("li",{className:"virtualbg-selection","data-id":"add"},a.createElement("div",{className:"virtualbg-add-cancel virtualbg-add-bg",onClick:function(){B.default.trackInThirdPartyTools("video_preview_virtualBG_add_background_isPPR",{assetId:o}),I({isBgOpen:!0,isWeblink:!0})},onKeyPress:function(e){"Enter"===e.key&&(B.default.trackInThirdPartyTools("video_preview_virtualBG_add_background_isPPR",{assetId:o}),I({isBgOpen:!0,isWeblink:!0}))},role:"button",tabIndex:0},a.createElement("img",{src:"".concat(d,"/svg/globe-black.svg"),alt:""}),a.createElement("div",{className:"thumb-loading custombg-loading hide"},a.createElement("div",{className:"color-loading"},a.createElement("div",{className:"loading-bar"}),a.createElement("div",{className:"loading-bar"}))),a.createElement("p",null,"Website Background")))),a.createElement("div",{id:"lnScreenshot"}),a.createElement("span",{className:"presets-details"},"Choose From Our Presets"),a.createElement("div",{className:"sidebar-virtualbg-lists"},a.createElement(me,{catFilterVideos:re,catFilterImages:se},a.createElement("div",{className:"hvworkflow-sidebar-virtualbg-optionslist categoryContainer"},a.createElement("div",{className:"categoryContainer__filter"},a.createElement("h5",null,"Folder")),a.createElement("div",{className:"categoryContainer__filter"},a.createElement("select",{onChange:function(e){return ye(e.target.value)},value:G},a.createElement("option",{"data-name":"All Videos",value:"0"},"All Videos"),null==ve?void 0:ve.map((function(e){return a.createElement("option",{"data-name":e.name,value:e.id},e.name)})))),a.createElement("span",{className:"categoryContainer__label"},"Tags"),a.createElement("div",{className:"categoryContainer__tagsFilter"},a.createElement(O.Z,{placeholder:"Enter something",dropdownPlaceholder:"Choose one or more tags",title:"",selectedOptions:{objectArr:P||[],valueKey:"name",idKey:"id"},availableOptions:{objectArr:C,valueKey:"name",idKey:"id"},maxChars:22,onAdd:xe,onRemove:Te,testId:"vbg-tags",isStrict:!0})),J&&a.createElement("div",{className:"hvworkflow-sidebar-virtualbg-optionstypeload"},a.createElement("img",{src:"".concat(d,"/images/loading-more.svg"),alt:""}),a.createElement("span",null,"searching"))),a.createElement("div",{className:"content-type"},a.createElement("h5",null,"Show Content Type"),a.createElement("label",{htmlFor:"catFilterVideos",style:{color:null!=re&&null!==(e=re.current)&&void 0!==e&&e.checked?"#227bc0":"#afafaf"}},a.createElement("input",{type:"checkbox",onChange:Ee,ref:re,name:"",id:"catFilterVideos"}),"Videos+"),a.createElement("label",{htmlFor:"catFilterImages",style:{color:de?"#227bc0":"#afafaf"}},a.createElement("input",{type:"checkbox",ref:se,onChange:Ee,name:"",id:"catFilterImages",checked:de}),"Images+"))),Z&&a.createElement("div",{className:"loading-container reactfoundationcss",style:{position:"relative"}},a.createElement("div",{className:"color-loading"},a.createElement("div",{className:"loading-bar"}),a.createElement("div",{className:"loading-bar"}),a.createElement("div",{className:"loading-bar"}),a.createElement("div",{className:"loading-bar"}))),!Z&&0!==(null==fe?void 0:fe.length)&&a.createElement("ul",null,null==fe?void 0:fe.map((function(e){return a.createElement("li",{className:"virtualbg-selection ".concat(e.id===(null==L?void 0:L.id)?"selected-virtualbg":""),"data-id":e.id,"data-previewlink":e.preview_url,onClick:function(){return be(e)},onKeyPress:function(n){"Enter"===n.key&&be(e)},role:"button",tabIndex:0},a.createElement("img",{src:e.thumb?e.thumb:" ",alt:"",onError:function(n){null==n.target.errorHandled&&(n.target.src="".concat(d,"/video/thumbnail/").concat(e.token,"?is_play=false"),n.target.errorHandled=!0)}}),a.createElement("span",null,e.is_image?"Image":"Video"),a.createElement("div",null,e.title))}))),!Z&&0===(null==fe?void 0:fe.length)&&a.createElement("div",{className:"listsEmpty"},a.createElement("img",{src:"".concat(d,"/svg/warning-grey.svg"),alt:""}),a.createElement("p",null,"No results found")))),ie&&a.createElement("div",{onClick:function(){!function(){var e,n;q(!0);var t=te.current+20;te.current=t;var i,o={offset:t,categoryId:G,fetch_documents:!1,show_direct_thumbnail:!0};o.imageOnly=null==se||null===(e=se.current)||void 0===e?void 0:e.checked,o.videoOnly=null==re||null===(n=re.current)||void 0===n?void 0:n.checked,null!=P&&P.length&&(o.filterByTags=null===(i=P.map((function(e){return e.id})))||void 0===i?void 0:i.toString()),b(o).then((function(e){ne.current=e.num_videos,q(!1);var n=(0,f.Z)(fe);e.libraries.length>0&&e.libraries.forEach((function(e){n.push(e)})),H(n)}))}()},className:"sidebar-virtualbg-loadmore ".concat(Z?"is-loading":"")},a.createElement("p",null,"Load More")))})),(null==V?void 0:V.isBgOpen)&&a.createElement(_e,{callBack:Pe,isWeblink:V.isWeblink,isDefaultCatVb:M.is_default_cat_vb,defaultCategoryId:M.default_category_id||0,closeCallBack:function(){I({isBgOpen:!1})}}))};Se.defaultProps={initiator:"ppr",hostURL:"",revertVirtualBgApiHandler:fe.tD,getMaskedImagesApiHandler:fe.Ce,fetchLibraryVideosHandler:fe.mS,searchLibraryHandler:fe.qd,getManageTagsApiHandler:ve.wo,localContainerId:null};var Ee,Pe,xe,Te,Ve=Se,Ie=(t(25728),t(952)),Ae=t.n(Ie),Le=function(){function e(n,t,i,o,a,r,s){var l=this;(0,R.Z)(this,e),(0,v.Z)(this,"virtualBGApply",(function(){var e=l.props,n=e.assetId,t=e.vID,i=e.showVirtualBGProcessing,o={assetId:n,videoid:t};l.setState(l.defaultState),0!=t?(new(Q())).applyVirtualBg(n,o,(function(e){l.pollForVirtualBGVideo(),l.setVirtualBGJSON({virtual_videoid:e.virtual_videoid,virtualsrc:e.virtualsrc})}),(function(e){console.log(e),i(!1),te.default.showBannerAlert(Ae().virtualBgError,4e3,"error")})):l.revertBGSelection()})),(0,v.Z)(this,"setVirtualBGJSON",(function(e){l.vbgJSON=e})),(0,v.Z)(this,"getVirtualBgJSON",(function(){return l.vbgJSON})),(0,v.Z)(this,"revertBGSelection",(function(){var e=l.props.assetId,n={assetId:e};l.setState({percent:10,message:"Reverting Virtual BG.....",loading:!1});var t=l;(new(Q())).revertVirtualBg(e,n,(function(e){t.props.callback(t.getIndex(),e)}),(function(e){te.default.showBannerAlert(Ae().virtualBgError,4e3,"error")}))})),this.props={index:n,assetId:t,vID:i,callback:o,setVirtualBGStats:a,noNeedToCheckForVideoReadyStatus:r,percent:10,showVirtualBGProcessing:s},this.defaultState={loading:!0,percent:"10",message:"Video waiting to be processed with background..."}}return(0,D.Z)(e,[{key:"getIndex",value:function(){return this.props.index}},{key:"process",value:function(){this.renderAndApplyVirtualBG(),this.props.showVirtualBGProcessing(!0)}},{key:"renderAndApplyVirtualBG",value:function(){var e=ae().initialize(2e3),n=this.props,t=n.assetId,i=n.noNeedToCheckForVideoReadyStatus,o=this;if(i)return o.setState({percent:10,message:"Virtual Background is waiting to be processed...",loading:!1}),void o.virtualBGApply();e.getAssetStatus(t,(function(e){o.setState(o.defaultState)}),(function(e,n,t){e&&o.setState({percent:10,message:e||"Virtual Background is waiting to be processed...",loading:!1})}),(function(){o.virtualBGApply()}),(function(e){console.log("error",e)}),ae().COMPRESS_REQUEST)}},{key:"pollForVirtualBGVideo",value:function(){var e=ae().initialize(2e3),n=this,t=this.props.assetId;e.getAssetStatus(t,(function(e){n.updateVirtualBgProgress(10,e)}),(function(e,t,i){null==t&&isNaN(t)||(t*=.75),n.updateVirtualBgProgress(t,e)}),(function(){n.updateVirtualBgProgress(75),setTimeout((function(){n.pollforVirtualBgRender()}),2e3)}),(function(e){n.updateVirtualBgProgress(0,e.reason),n.props.showVirtualBGProcessing(!1)}),ae().VIRTUAL_BG_OPERATION)}},{key:"pollforVirtualBgRender",value:function(){var e=ae().initialize(2e3),n=this,t=this.props.assetId,i="Processing final video please wait…";e.getAssetStatus(t,(function(e){n.updateVirtualBgProgress(75,i)}),(function(e,t,o){null==t&&isNaN(t)||(t=75+.25*t),n.updateVirtualBgProgress(t,i)}),(function(){n.updateVirtualBgProgress(100,i),setTimeout((function(){n.props.callback(n.getIndex(),n.getVirtualBgJSON())}),1e3)}),(function(e){n.updateVirtualBgProgress(0,e.reason),n.props.showVirtualBGProcessing(!1)}),ae().MERGE_RENDER_REQUEST)}},{key:"updateVirtualBgProgress",value:function(e,n){var t=this.props.percent;(null==e||isNaN(e)||e<10)&&(e=10),null==n&&(n="Updating the video background");var i=Math.max(e,t);this.setState({percent:i,message:n,loading:!1})}},{key:"setState",value:function(e){this.props.setVirtualBGStats(this.getIndex(),e)}}]),e}(),Ne=r.ZP.div(Ee||(Ee=(0,o.Z)(["\n  position: absolute;\n  top: 0;\n  z-index: 99;\n  left: 0;\n  text-align: left;\n  width: 100%;\n  background: rgba(0, 0, 0, 0.6) !important;\n  height: 100%;\n  padding: 0 30px !important;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-radius: 24px;\n  h1 {\n    z-index: 999999 !important;\n    color: white;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 22px;\n    border: none;\n  }\n  .progress {\n    border-radius: 8px;\n    height: 4px;\n    border: none;\n    width: 90%;\n    display: inline-block;\n    .bar {\n      height: 100%;\n      background: #eb602d;\n      border-radius: inherit;\n    }\n  }\n  .percent {\n    color: #fff;\n    position: relative;\n    left: 5px;\n    top: 2px;\n  }\n"]))),Oe=function(e){var n=e.assetId,t=e.virtualBgAssetId,i=e.videoPlayerView,o=e.virtualBgProcessing,r=e.setIsVirtualBgProcessing,s=e.selectedCardId,l=e.isFromEditWidget,d=e.handleVirtualBgCallback,c=e.setProjectJson,u=e.recorderView,p=e.editorView,m=null==i?void 0:i.$el,g=(0,a.useCallback)((function(e){var n=e.state;null!=u&&u.current?u.current.handlePredefinedVbgProcess("predefined_vbg_process",{state:n}):null!=p&&p.current&&p.current.handlePredefinedVbgProcess("predefined_vbg_process",{state:n})}),[p,u]),h=(0,a.useMemo)((function(){return(null==u?void 0:u.current)||(null==p?void 0:p.current)}),[p,u]),f=(0,a.useRef)(),v=(0,a.useCallback)((function(e,t){e&&(g({state:!1}),U()(f.current).remove(),(new(Q())).getProjectJson(n,null,(function(e){m.find("#primary-video").attr("src",t.virtualsrc);var n=e.project_json;void 0!==c?c(n):null!=u&&u.current?u.current.updateProjectJson("update_project_json",n):null!=p&&p.current&&p.current.updateProjectJson("update_project_json",n)}),(function(){console.log("Uncaught Err while fetching project json")})),r(!1),d(!1))}),[n,p,g,d,u,r,c,m]),b=function(e,n){var t=f.current;t&&(U()(t).find("h1").html(n.message),U()(t).find(".percent").html("".concat(n.percent,"%")),U()(t).find(".bar").css("width","".concat(n.percent,"%")))},y=(0,a.useCallback)((function(e){e&&!h&&w.render(w.createPortal(a.createElement(Ne,{ref:f},a.createElement("h1",null,"Video waiting to be processed with background..."),a.createElement("div",null,a.createElement("div",{className:"progress"},a.createElement("div",{style:{width:"10%"},className:"bar"})),a.createElement("span",{className:"percent"},"10%"))),m[0]),document.createElement("div"))}),[h,m]),_=(0,a.useCallback)((function(){g({state:!0}),new Le(n,n,t,v,b,!!l,y).process()}),[n,v,g,l,y,t]),k=(0,a.useCallback)((function(){var e;(e="#videoPreviewSdk-".concat(s," #preview-video"),new Promise((function(n){if(document.querySelector(e))return n(document.querySelector(e));var t=new MutationObserver((function(i){document.querySelector(e)&&(n(document.querySelector(e)),t.disconnect())}));t.observe(document.body,{childList:!0,subtree:!0})}))).then((function(e){e&&(m=U()(e),_())}))}),[]);return(0,a.useEffect)((function(){o&&(m?_():k())}),[_,k,m,o]),a.createElement(a.Fragment,null)},Be=(0,r.vJ)(Pe||(Pe=(0,o.Z)(["\n  body {\n    .vf-add-virtual-bg{\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      position: relative;\n      img {\n        margin-right: 0.5rem;\n      }\n      span {\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: #40444f;\n      }\n      &.hide{\n        display:none;\n      }\n    }\n    .reveal-modal-bg{\n      z-index: 99999 !important;\n    }\n    #lnScreenshotModal{\n      z-index: 99999 !important;\n    }\n    #importMediaContainer{\n      z-index: 999999 !important\n    }\n}\n"]))),Re=function(e){var n=e.assetId,t=e.videoPlayerView,i=e.isFromEditWidget,o=e.virtualBgProcessing,r=e.setIsVirtualBgProcessing,s=e.handleVirtualBgCallback,l=e.setProjectJson,d=(0,a.useState)(!1),c=d[0],u=d[1],p=(0,a.useState)(!1),h=p[0],f=p[1],v=(0,a.useCallback)((function(e){var n=e.selectedImg;null!=n&&n.id&&(f(n.id),r(!0),s(!0)),u(!1)}),[s,r]),b=(0,a.useCallback)((function(e){e.assetId,f(0),r(!0),s(!0),u(!1)}),[s,r]),y=(0,a.useMemo)((function(){return{assetId:n,hostUrl:"",initiator:"ppr",isVirtualBgSidebarShown:c,onApplyHandler:v,revertVirtualBgApiHandler:b}}),[n,v,b,c]);return a.createElement(a.Fragment,null,a.createElement(Oe,{assetId:n,virtualBgAssetId:h,virtualBgProcessing:o,videoPlayerView:t,setIsVirtualBgProcessing:r,handleVirtualBgCallback:s,isFromEditWidget:i,setProjectJson:l}),a.createElement(g.Z,null,a.createElement(Be,null),a.createElement(Ve,(0,m.Z)({},y,{setIsVirtualBgSidebarShown:u}))),!o&&a.createElement("div",{className:"vf-add-virtual-bg"},a.createElement("div",{onClick:function(){u(!0)}},a.createElement("img",{src:"/svg/vf-add-virtual-bg.svg",alt:"Virtual Bg Icon"}),a.createElement("span",null,"Add Virtual Background"))))},De=r.ZP.div.attrs({className:"video-player-footer"})(xe||(xe=(0,o.Z)(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 4.5rem;\n  padding: 0 1.25rem;\n  background: #fff;\n  box-shadow: 0px 2px 16px rgb(110 110 133 / 24%);\n  border-radius: 0 0 1.5rem 1.5rem;\n  .predefined-vbg {\n    background: #f4f4f6;\n    border-radius: 4px;\n    padding: 0.313rem 0.938rem;\n    text-align: left;\n    &.completed {\n      background: #53b88b;\n      label {\n        color: #fff;\n      }\n    }\n  }\n  .video-option {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    position: relative;\n    .footer-save-spinner {\n      width: 0.938rem;\n      height: 0.938rem;\n      border: 0.125rem solid rgba(153, 159, 173, 1);\n      border-right-color: transparent;\n      animation: rotate 0.8s infinite linear;\n      border-radius: 50%;\n      margin-right: 0.5rem;\n    }\n    &.disabled {\n      background: #f4f4f6;\n      border-radius: 4px;\n      padding: 0.313rem 0.938rem;\n      justify-content: flex-start;\n      pointer-events: none;\n      cursor: progress;\n      span {\n        color: rgba(153, 159, 173, 1);\n      }\n    }\n    img {\n      margin-right: 0.5rem;\n    }\n    span {\n      font-size: 0.875rem;\n      font-weight: 600;\n      color: #40444f;\n    }\n  }\n  &.small-size {\n    .predefined-vbg {\n      max-width: 12.5rem;\n      padding: 0.35rem 0.05rem;\n      label {\n        max-width: calc(100% - 35px);\n      }\n    }\n    .vf-delete-button {\n      span {\n        display: none;\n      }\n    }\n    .vf-audio-player {\n      width: 8.75rem;\n      &__container {\n        width: 5rem;\n        &__audio-name {\n          display: none;\n        }\n      }\n    }\n  }\n  .video-player-footer {\n    &__left {\n      cursor: pointer;\n      .delete-icon:after {\n        content: '';\n        height: 1.5rem;\n        border: 0.5px solid #dddfe4;\n        right: -1.5rem;\n        position: absolute;\n        width: 0;\n      }\n    }\n\n    &__right {\n      display: flex;\n      align-items: center;\n      gap: ",";\n      button {\n        margin-bottom: 0;\n        text-transform: none;\n        border-radius: 8px;\n        font-size: 0.875rem;\n      }\n      button.primary {\n        background: #eb602d;\n      }\n      button.secondary {\n        background: #ffffff;\n        color: #40444f;\n        border: 1px solid #82899b;\n      }\n      .video-option:after {\n        content: '';\n        height: 1.5rem;\n        border: 0.5px solid #dddfe4;\n        right: -1.5rem;\n        position: absolute;\n        width: 0;\n      }\n      &__virtualbg {\n        img {\n          max-width: 1.375rem;\n        }\n      }\n      &__edit {\n        &:after {\n          border: none !important;\n        }\n        span {\n          color: #40444f;\n        }\n      }\n    }\n  }\n"])),(function(e){return e.showSimpleEditor?"1rem":"3.125rem"})),Me=r.ZP.div.attrs({className:"hv-add-library-link"})(Te||(Te=(0,o.Z)(["\n  display: flex;\n  align-items: center;\n  color: #eb602d;\n  font-size: 14px;\n  img {\n    margin-right: 0.5rem;\n  }\n  &.added {\n    cursor: default;\n    background: #dffcf0;\n    padding: 8px;\n    border-radius: 8px;\n    span {\n      color: #172b4d;\n      font-weight: 600;\n    }\n  }\n"]))),ze=function(e){var n=e.recorderAPIUtils,t=e.handleDeleteCallback,i=e.assetId,o=e.videoPlayerView,r=e.isFromEditWidget,d=e.showSimpleEditor,c=e.setShowSimpleEditor,m=e.simpleEditCancel,g=e.simpleEditSave,h=e.bgAudioId,f=e.bgmName,v=e.cardOptions,b=e.setBgmVolumeCallback,y=e.setBgmDurationCallback,w=e.enableEditButton,_=e.internalConfiguration,k=e.setOverlay,C=e.isSimpleEditEnabled,S=(e.isLocked,e.handleVirtualBgCallback),E=e.setProjectJson,P=e.predefinedVbgProcessing,x=e.simpleEditorView,T=e.setIsVirtualBgProcessing,V=e.virtualBgProcessing,I=e.editSettings,A=e.isAddedToLibrary,L=(0,a.useState)(!1),N=L[0],O=L[1],B=(0,a.useRef)(null),R=(0,a.useState)(""),D=R[0],M=R[1],z=(0,a.useMemo)((function(){return P||N}),[P,N]),F=(0,a.useCallback)((function(){A||n.sendEvent("add_library_clicked")}),[A,n]),G=(0,a.useMemo)((function(){return"function"==typeof t}),[t]);return(0,a.useLayoutEffect)((function(){var e=function(){var e;(null==B||null===(e=B.current)||void 0===e?void 0:e.offsetWidth)<950&&z?M("small-size"):M("")};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[z]),(0,a.useEffect)((function(){P||null==P||(O(!0),s.Z.success("Virtual background processed successfully."),setTimeout((function(){O(!1)}),2e3))}),[P]),a.createElement(De,{showSimpleEditor:d,ref:B,className:D},a.createElement("div",{className:"video-player-footer__left"},a.createElement("div",{className:"video-player-footer__left  delete-icon"},!d&&!V&&!v.locked&&G&&a.createElement(p.ZP,{recorderAPIUtils:n,handleDeleteCallback:t,isImageCardFromVideoFlows:G})),!G&&a.createElement("div",{className:"video-player-footer__left"},a.createElement(Me,{isAddedToLibrary:A,style:{display:d?"none":"flex"},className:A?"added":"",onClick:F,id:"addCardToLibrary-".concat(v.id)},a.createElement("img",{src:"/svg/".concat(A?"tik-icon":"add-icon",".svg")}),a.createElement("span",null," ",A?"Available in":"Add to"," Media Library")))),a.createElement("div",{className:"video-player-footer__right"},!d&&v.asset_id&&h&&a.createElement("div",{className:"video-option"},a.createElement(u,{bgAudioId:h,bgmName:f,bgmVolume:v.bgm_volume_percent,setBgmVolumeCallback:b,setBgmDurationCallback:y})),P&&!d&&a.createElement("div",{className:"video-player-footer__right__virtualbg video-option predefined-vbg"},a.createElement("span",{className:"footer-save-spinner"})),N&&!d&&a.createElement("div",{className:"video-player-footer__right__virtualbg video-option predefined-vbg completed"},a.createElement("img",{src:"/svg/vf-custom-footer-checkmark.svg"})),!d&&(null==_?void 0:_.virtual_bg)&&a.createElement("div",{className:"video-player-footer__right__virtualbg video-option"},a.createElement(Re,{assetId:i,videoPlayerView:o,isFromEditWidget:r,virtualBgProcessing:V,setIsVirtualBgProcessing:T,handleVirtualBgCallback:S,setProjectJson:E})),!d&&!V&&n&&C&&I&&a.createElement("div",{className:"video-player-footer__right__edit video-option ".concat(!w&&"disabled"),onClick:function(){null!=x&&x.projectJson&&(c(!d),k(!0))}},w&&a.createElement("img",{src:"/svg/edit-scissors-icon.svg"}),!w&&a.createElement("span",{className:"footer-save-spinner"}),a.createElement("span",null,"Quick Edit")),d&&a.createElement(l.Z,{appearance:"secondary",onClick:function(){m(),k(!1)}},"Cancel Edit"),d&&a.createElement(l.Z,{appearance:"primary",onClick:function(){g(),k(!1)}},"Save Edit")))}},51738:function(e,n,t){var i,o;(function(){let a={};i=[t(19755),t(85614)],void 0===(o=function(e,n){!function(e){var i=window.HippoVideo;const o=i?i.AppRegistry.planType:n.plans.BUSINESS,r=i&&i.UserProfile.userLocale||n.locales.ENGLISH,s=function(e){for(var n={},t=Object.keys(e),i=0,o=t.length;i<o;i++)if(n[e[t[i]]]instanceof Array)n[e[t[i]]].push(t[i]);else if(n[e[t[i]]]){var a=n[e[t[i]]];n[e[t[i]]]=[a,t[i]]}else n[e[t[i]]]=t[i];return n}(n.locales)[r],l=i?i.AppRegistry.individualSegment:n.individual_segment;var d=t(952),c=t(61204)(`./video_education_${r===n.locales.ENGLISH?"":s.toString().toLowerCase()+"_"}i18n`),u=t(50023)(`./video_${r===n.locales.ENGLISH?"":s.toString().toLowerCase()+"_"}i18n`),p=t(69389)(`./video_subscription_${r===n.locales.ENGLISH?"":s.toString().toLowerCase()+"_"}i18n`),m=4==o&&l!=n.individual_segment.SALES||3==o?t(29352):t(13119),g=[d,c,u,p];g.push(m);var h=i.Utils,f=i.BroadCaster,v=f.API.Publisher,b=f.EventGroup,y=f.EventName;g.forEach((function(e){h.merge(a,e,!0)})),v.publish(b.UI,y.I18N.AFTER_LOAD)}()}.apply(n,i))||(e.exports=o),e.exports={HippoVideoJsMsg:a,jsMsgCampaign:a.hippo.Campaign,jsMsgTopBar:a.hippo.topbar,jsMsgImport:a.hippo.import,jsMsgVideoTemplates:a.hippo.Video_Templates,jsMsgSettings:a.hippo.settings,jsMsgCommon:a.hippo.common,jsMsgNotification:a.hippo.notification,jsMsgProfilePanel:a.hippo.profilePanel,jsMsgHelpPanel:a.hippo.helpPanel,jsMsgWizCategory:a.wizCategory,jsMsgWizShareI18N:a.wizShareI18N}}).call(window)}}]);