"use strict";(globalThis.webpackChunkvoice_feedback=globalThis.webpackChunkvoice_feedback||[]).push([[413],{6102:(e,t,a)=>{a.r(t),a.d(t,{default:()=>b});var o=a(1609),n=a(739),r=a(6931),l=a(8927),i=a(9367),s=a(8156),d=a.n(s),u=a(6873);const b=({globalData:e,onDataUpdate:t,openProModal:a,isPremium:s})=>{const[b,c]=(0,o.useState)(),{voiceFeedback:g,recordingTabs:T}=e,m=[{label:"SlideIn Head",value:"slideInHead"},{label:"SlideIn Content",value:"drawerContent"},g.isScreenRecord?{label:"Recording Tabs",value:"recordingTabs"}:null,{label:"Record Buttons",value:"buttons"}].filter(Boolean);return(0,o.useEffect)((()=>{!b&&m.length>0&&c(m[0].value)}),[b,m]),(0,o.createElement)(o.Fragment,null,(0,o.createElement)("div",{className:"vfd-settings-sub-tab"},m.map((e=>(0,o.createElement)("button",{key:e.value,onClick:()=>{return t=e.value,void c(t);var t},className:"vfd-settings-sub-tab-button "+(b===e.value?"active":"")},(0,o.createElement)("span",{className:"vfd-settings-sub-tab-button-text"},e.label))))),(0,o.createElement)("div",{className:"vfd-tab-settings"},"slideInHead"===b&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(l.A,{title:"Text & Background Color",value:d()(e,"drawer.colors"),onChange:e=>t("drawer.colors",e)}),(0,o.createElement)(r.A,{title:"Head Text Typography",value:d()(e,"drawer.drawerHeadlineTypo"),onChange:e=>t("drawer.drawerHeadlineTypo",e),isPremium:s,openProModal:a})),"drawerContent"===b&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(u.A,{title:"Title Text Color",isHeader:!0,value:d()(e,"globalFeedback.sharedData.colors.contentTitleColor"),onChange:e=>t("globalFeedback.sharedData.colors.contentTitleColor",e)}),(0,o.createElement)(u.A,{title:"Sub Title Color",isHeader:!0,value:d()(e,"globalFeedback.sharedData.colors.contentSubTitleColor"),onChange:e=>t("globalFeedback.sharedData.colors.contentSubTitleColor",e)}),(0,o.createElement)(r.A,{title:"Title Text Typography",value:d()(e,"globalFeedback.sharedData.contentTitleTypo"),onChange:e=>t("globalFeedback.sharedData.contentTitleTypo",e),isPremium:s,openProModal:a}),(0,o.createElement)(r.A,{title:"Subtitle Text Typography",value:d()(e,"globalFeedback.sharedData.contentSubTitleTypo"),onChange:e=>t("globalFeedback.sharedData.contentSubTitleTypo",e),isPremium:s,openProModal:a})),"recordingTabs"===b&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(u.A,{title:"Background Color",isHeader:!0,value:d()(e,"recordingTabs.bgColor"),onChange:e=>t("recordingTabs.bgColor",e),isPremium:s,openProModal:a}),T.buttons.isDisplayText&&(0,o.createElement)(r.A,{title:"Tab Text Typography",value:d()(e,"recordingTabs.buttons.typo"),onChange:e=>t("recordingTabs.buttons.typo",e),isPremium:s,openProModal:a}),T.buttons.isDisplayIcon&&!T.buttons.isDisplayText&&(0,o.createElement)(n.A,{title:"Tab Icon Size",value:d()(e,"recordingTabs.buttons.iconSize"),onChange:e=>t("recordingTabs.buttons.iconSize",e),isPremium:!0,openProModal:a,subTitle:"Icon size of Tab Icon in PX"}),(0,o.createElement)(n.A,{title:"Tab Buttons Border Radius",value:d()(e,"recordingTabs.buttons.borderRadius"),onChange:e=>t("recordingTabs.buttons.borderRadius",e),subTitle:"Border radius of the buttons in PX"}),(0,o.createElement)(i.A,{title:"Tab Buttons Padding",name:"Padding",value:d()(e,"recordingTabs.buttons.padding"),onChange:e=>t("recordingTabs.buttons.padding",e)}),(0,o.createElement)(l.A,{title:"Active Recording Tab Colors",value:d()(e,"recordingTabs.activeRecordingTab"),onChange:e=>t("recordingTabs.activeRecordingTab",e)}),(0,o.createElement)(n.A,{title:"Tab Buttons Border Radius",value:d()(e,"recordingTabs.buttons.borderRadius"),onChange:e=>t("recordingTabs.buttons.borderRadius",e),subTitle:"Border radius of the buttons in PX"})),"buttons"===b&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(r.A,{title:"Button Text Typography",value:d()(e,"buttons.typo"),onChange:e=>t("buttons.typo",e),isPremium:!0,openProModal:a}),(0,o.createElement)(i.A,{title:"Buttons Padding",name:"Padding",value:d()(e,"buttons.padding"),onChange:e=>t("buttons.padding",e)}),(0,o.createElement)(l.A,{title:"Button Colors (Normal)",value:d()(e,"buttons.normal"),onChange:e=>t("buttons.normal",e)}),(0,o.createElement)(l.A,{title:"Button Colors (Hover)",value:d()(e,"buttons.hover"),onChange:e=>t("buttons.hover",e)}),(0,o.createElement)(n.A,{title:"Buttons Border Radius",value:d()(e,"buttons.borderRadius"),onChange:e=>t("buttons.borderRadius",e),subTitle:"Border radius of the buttons in PX"}))))}}}]);