https://channel.violet.io/_next/static/chunks/pages/configuration/app-18581f9670383a06.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1930],{31182:function(e,n,t){"use strict";var i,a,r=t(67294);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},o.apply(null,arguments)}n.Z=function(e){return r.createElement("svg",o({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=r.createElement("path",{d:"M9 11V8a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v3",stroke:"#8F89A3",strokeLinecap:"round",strokeLinejoin:"round"})),a||(a=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.615a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H7Zm5.44 3.22a.5.5 0 0 0-1 0v1.72a.5.5 0 1 0 1 0v-1.72Z",fill:"#8F89A3"})))}},33016:function(e,n,t){"use strict";var i,a=t(67294);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},r.apply(null,arguments)}n.Z=function(e){return a.createElement("svg",r({viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.354 1.354a.914.914 0 0 1 1.292 1.293l-.34.34a1.5 1.5 0 0 1-1.293-1.292l.34-.341ZM6.208 2.5 3.224 5.483c-.522.522-.739.742-.91.987a3.5 3.5 0 0 0-.387.724c-.103.26-.164.542-.29 1.169.627-.126.908-.187 1.169-.29a3.5 3.5 0 0 0 .724-.387c.246-.171.465-.388.987-.91L7.5 3.792A2.51 2.51 0 0 1 6.208 2.5ZM9.354.647a1.914 1.914 0 0 0-2.707 0l-4.13 4.13-.036.035c-.475.475-.76.76-.987 1.086a4.5 4.5 0 0 0-.498.931c-.146.37-.225.764-.357 1.424l-.01.05-.12.6a.5.5 0 0 0 .59.587l.599-.12.049-.01c.66-.131 1.053-.21 1.424-.355a4.5 4.5 0 0 0 .931-.499c.327-.228.61-.511 1.086-.987l.036-.035 4.13-4.13a1.914 1.914 0 0 0 0-2.707Z",fill:"#8F89A3"})))}},2187:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/configuration/app",function(){return t(11578)}])},41972:function(e,n,t){"use strict";t.d(n,{I:function(){return m}});var i=t(85893),a=t(67294),r=t(11163),o=t(60334),s=t(11321),l=t(72343),c=t(11841),p=t.n(c),d=[{label:"App Details",path:"app"},{label:"Violet Connect",path:"violet-connect"},{label:"Beam Connection",path:"beam",requiresBeam:!0}],u=function(e){var n=e.children,t=(0,r.useRouter)(),o=t.asPath,c=(0,s.y)(),u=(0,a.useMemo)((function(){return d.filter((function(e){return!e.requiresBeam||c}))}),[c]),m=(0,a.useMemo)((function(){var e=u.findIndex((function(e){return o.includes("/".concat(e.path))}));return-1!==e?e:0}),[o,u]);return(0,i.jsxs)("div",{className:p().configLayoutContainer,children:[(0,i.jsx)("span",{className:p().title,children:"Configuration"}),(0,i.jsx)("div",{className:p().tabNavigation,children:(0,i.jsx)(l.Z,{value:m,values:u.map((function(e){return e.label})),onChange:function(e){t.push("/configuration/".concat(u[e].path))},widthPerOption:160,lockIconOnDisable:!1,testIdKey:"config-tabs"})}),n]})},m=function(){return function(e){return(0,o.a)()((0,i.jsx)(u,{children:e}))}}},72343:function(e,n,t){"use strict";t.d(n,{Z:function(){return p}});var i=t(67573),a=t(85893),r=t(94184),o=t.n(r),s=t(31182),l=t(70358),c=t.n(l),p=function(e){var n=e.value,t=e.values,r=e.onChange,l=e.disabled,p=void 0!==l&&l,d=e.lockIconOnDisable,u=void 0===d||d,m=e.widthPerOption,f=void 0===m?160:m,_=e.testIdKey,v=e.classes;return(0,a.jsxs)("div",{className:o()(c().permissionSelector,(0,i.Z)({},c().disabled,p),null===v||void 0===v?void 0:v.permissionSelector),style:{width:t.length*f},children:[(0,a.jsx)("div",{className:c().selectedSlider,style:{width:f,left:n*f}}),t.map((function(e,t){var l,d=function(e){return{key:"string"===typeof e?e:Object.keys(e)[0],displayValue:"string"===typeof e?e:Object.values(e)[0]}}(e),m=d.key,g=d.displayValue;return(0,a.jsxs)("div",{"data-testid":"options-select-".concat(t,"-").concat(_),className:o()(c().option,(l={},(0,i.Z)(l,c().selected,n===t),(0,i.Z)(l,c().disabled,p&&n!==t),l),null===v||void 0===v?void 0:v.option),style:{width:f},onClick:function(){null===r||void 0===r||r(t)},children:[g,p&&u&&n===t&&(0,a.jsx)(s.Z,{className:c().lockIcon})]},m)}))]})}},11321:function(e,n,t){"use strict";t.d(n,{y:function(){return a}});var i=t(94522),a=function(){var e=(0,i.CG)((function(e){return e.common.selectedAppId})),n=Number("11205");return Boolean(e&&n&&e===n)}},11578:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return ie}});var i,a=t(85893),r=t(11163),o=t(52702),s=t(34727),l=t(14251),c=t(44747),p=t(34051),d=t.n(p),u=t(67294),m=t(40221),f=t(94184),_=t.

1n(f),v=t(77378),g=t(49619),h=t(67573),x=t(87536),S=t(47533),j=t(50589),A=t(23074),C=t(16310),b=(0,C.Ry)({name:(0,C.Z_)().required("Please enter an app name"),description:(0,C.Z_)().max(300,(function(e){var n=e.max;return"Description cannot exceed ".concat(n," characters")}))}),N=b.shape({infoUrl:(0,C.Z_)().url("Info URL must be a valid URL")}),y=t(14736),Z=t.n(y),w=function(e){var n=e.onCancel,t=e.onSubmit,i=(0,c.Z)(e,["onCancel","onSubmit"]),r=i.name,o=i.infoUrl,s=i.description,l=(0,x.cI)({resolver:(0,S.X)(N),defaultValues:{name:r||"",infoUrl:o||"",description:s||""}}),p=l.control,d=l.handleSubmit,u=l.formState,m=u.errors,f=u.isSubmitting,_=l.reset,v=function(e){return m.description?m.description.message:"".concat((e||"").length,"/").concat(300)};return(0,a.jsxs)("form",{className:Z().mainAppSettings,onSubmit:d((function(e){return t(e,_)})),children:[(0,a.jsx)(x.Qr,{name:"name",control:p,render:function(e){var n=e.field,t=n.onChange,i=n.value;return(0,a.jsx)(j.ZP,{label:"App Name",required:!0,value:i,onChange:t,helperText:m.name&&m.name.message,errors:Boolean(m.name),cx:[Z().input]})}}),(0,a.jsx)(x.Qr,{name:"infoUrl",control:p,render:function(e){var n=e.field,t=n.onChange,i=n.value;return(0,a.jsx)(j.ZP,{label:"Info URL",value:i,onChange:t,helperText:m.infoUrl&&m.infoUrl.message,errors:Boolean(m.infoUrl),cx:[Z().input]})}}),(0,a.jsx)(x.Qr,{name:"description",control:p,render:function(e){var n=e.field,t=n.onChange,i=n.value;return(0,a.jsx)(j.ZP,{label:"Description",value:i,onChange:t,multiline:!0,rows:4,maxLength:300,helperText:v(i),cx:[Z().input,(0,h.Z)({},Z().helperTextWhite,!Boolean(m.description))],errors:Boolean(m.description)})}}),(0,a.jsxs)("div",{className:Z().actions,children:[(0,a.jsx)(A.Z,{variant:"secondary",onClick:n,children:"Cancel"}),(0,a.jsx)(A.Z,{type:"submit",loading:f,children:"Save Changes"})]})]})},I=t(21249),D=t(96299),M=t(33016),k=t(61407),E=t(94522),R=t(50211),P=t(38799),U=t(88175),O=t(30641),L=t(85118),H=t(35961),T=t.n(H),V=function(e){var n=e.open,t=void 0!==n&&n,i=e.handleEditDialogClose,r=e.handleEditDialogSave,o=(0,c.Z)(e,["open","handleEditDialogClose","handleEditDialogSave"]);return(0,a.jsx)(g.Z,{hideCloseIcon:!0,className:_()(T().editDialog),open:t,onClose:i,header:"Edit App Info",content:(0,a.jsx)(w,(0,l.Z)({onCancel:i,onSubmit:r},o))})},B=function(){var e,n,t,i,r=(0,E.TL)(),o=(0,E.CG)((function(e){return e.app.apps[e.common.selectedAppId]})),l=(0,L.Z)(),c=(0,E.CG)((function(e){return e.developer.name})),p=(null===l||void 0===l?void 0:l.name)||c,f=(0,u.useRef)(null),_=(0,u.useState)(!1),g=_[0],h=_[1],x=function(){var e=(0,s.Z)(d().mark((function e(n,t){return d().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all([r((0,P.KT)({id:o.id,app:{name:n.name,description:n.description}})),r((0,P.i9)({id:o.id,configuration:{infoUrl:n.infoUrl}}))]);case 2:t(n),h(!1);case 4:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),S=function(){var e=(0,s.Z)(d().mark((function e(n){var t;return d().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!((null===n||void 0===n?void 0:n.size)>parseInt("10485760"))){e.next=5;break}return e.next=4,(0,m.Z)(n,{maxSizeMB:k.xx});case 4:n=e.sent;case 5:return e.next=7,r((0,P.wg)({appId:o.id,fileBlob:n}));case 7:null===(t=f.current)||void 0===t||t.closeCropper();case 8:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(V,{open:g,handleEditDialogClose:function(){h(!1)},handleEditDialogSave:x,name:o.name,companyName:p,infoUrl:null===(e=o.configuration)||void 0===e?void 0:e.infoUrl,description:o.description}),(0,a.jsxs)("div",{className:T().mainAppSettingsCard,children:[(0,a.jsxs)("div",{className:T().firstRow,children:[(0,a.jsx)("div",{className:T().iconUpload,children:(0,a.jsx)(I.Z,{ref:f,displayImage:(null===(n=o.configuration)||void 0===n?void 0:n.logoUrl)||null,placeholder:(0,a.jsx)(D.Z,{}),onUploadClicked:function(e){S(e)},disabled:!(0,O.ut)(null===l||void 0===l?void 0:l.permissions,U.MI.DEVELOPER,U.gX.WRITE)})}),(0,a.jsx)("div",{className:T().appName,children:(0,a.jsxs)("div",{className:T().appName,children:[(0,a.jsx)(v.xv,{size:"lg",color:"inherit",children:o.name}),(0,a.jsx)("div",{className:T().appLink,children:(null===(t=o.configuration)||void 0===t?void 0:t.infoUrl)?(0,a.jsxs)("a",{className:T().infoUrl,href:(null===(i=o.configuration)||void 0===i?void 0:i.infoUrl)||"/",target:"_blank",rel:"noreferrer",children:[p,(0,a.jsx)(R.Z,{className:T().externalLinkIcon})]}):(0,a.jsx)(v.xv,{size:"sm",color:"inherit",className:T().infoUrl,children:p})})]})}),(0,O.ut)(null===l||void 0===l?void 0:l.permissions,U.MI.DEVELOPER,U.gX.WRITE)&&(0,a.jsx)("div",{"data-testid":"pencil-icon",className:T().edit

1Container,children:(0,a.jsx)(M.Z,{className:T().editContainer__editAppIcon,onClick:function(){return h(!0)}})})]}),(0,a.jsxs)("div",{className:T().descriptionContainer,children:[(0,a.jsx)(v.xv,{size:"sm",color:"inherit",className:T().descriptionContainer__label,children:"Description"}),(0,a.jsx)(v.xv,{size:"sm",color:"inherit",className:T().descriptionContainer__description,children:o.description||"Add your App's Description"})]})]})]})};function F(){return F=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},F.apply(null,arguments)}var z=function(e){return u.createElement("svg",F({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.5 2a.5.5 0 0 0-1 0v2.5H3.58c-.263 0-.49 0-.678.015a1.527 1.527 0 0 0-.583.148 1.5 1.5 0 0 0-.656.656c-.096.19-.132.386-.148.583-.015.188-.015.415-.015.679V11.42c0 .263 0 .49.015.678.016.197.052.394.148.583a1.5 1.5 0 0 0 .656.655c.19.097.386.133.583.149.188.015.415.015.679.015H8.42c.263 0 .49 0 .678-.015.197-.016.394-.052.583-.149a1.5 1.5 0 0 0 .655-.655c.097-.19.133-.386.149-.583.015-.188.015-.415.015-.679V6.58c0-.263 0-.49-.015-.678a1.526 1.526 0 0 0-.149-.583 1.5 1.5 0 0 0-.655-.656 1.527 1.527 0 0 0-.583-.148C8.91 4.5 8.683 4.5 8.419 4.5H6.5V2Zm0 14a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Zm12 3.5h1.92c.263 0 .49 0 .677-.015.198-.016.395-.052.584-.148a1.5 1.5 0 0 0 .655-.656c.097-.19.133-.386.149-.584.015-.187.015-.414.015-.678V12.58c0-.263 0-.49-.015-.678a1.526 1.526 0 0 0-.148-.583 1.5 1.5 0 0 0-.656-.655 1.526 1.526 0 0 0-.584-.149c-.187-.015-.414-.015-.678-.015H15.58c-.263 0-.49 0-.678.015a1.526 1.526 0 0 0-.583.149 1.5 1.5 0 0 0-.655.655c-.097.19-.133.386-.149.583-.015.188-.015.415-.015.679V17.42c0 .263 0 .49.015.677.016.198.052.395.149.584a1.5 1.5 0 0 0 .655.655c.19.097.386.133.583.149.188.015.415.015.679.015H17.5V22a.5.5 0 0 0 1 0v-2.5Zm-.5-18a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V2a.5.5 0 0 1 .5-.5Z",fill:"#DCD8E4"})))},G=t(19963),Q=t(4164),W=t(65513),X=t(25402),q=t.n(X),K=function(){var e=(0,E.CG)((function(e){return e.app.apps[e.common.selectedAppId]})),n=(0,E.TL)(),t=(0,u.useState)(!1),i=t[0],r=t[1],o=(0,x.cI)({reValidateMode:"onSubmit"}),l=o.control,c=o.handleSubmit,p=o.formState.errors,m=o.reset,f=function(){r(!1),m()},_=function(){var t=(0,s.Z)(d().mark((function t(){return d().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,n((0,P.P2)({id:e.id})).unwrap();case 3:r(!1),t.next=9;break;case 6:t.prev=6,t.t0=t.catch(0),r(!0);case 9:case"end":return t.stop()}}),t,null,[[0,6]])})));return function(){return t.apply(this,arguments)}}();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g.Z,{cx:[q().deleteAppDialog],open:i,onClose:f,header:"Delete App",content:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:q().deleteMessage,children:"This action is permanent and cannot be undone. All order data, product data, and merchant connections from this app will become unavailable."}),(0,a.jsx)(x.Qr,{name:"name",control:l,rules:{required:"Please confirm the app name",validate:{appNameMatches:function(n){return n===e.name||"Please ensure you typed your app's name correctly"}}},defaultValue:"default",render:function(e){var n=e.field.onChange;return(0,a.jsx)(j.ZP,{cx:[q().confirmAppNameInput],label:"Type app name to confirm",required:!0,onChange:n,helperText:p.name&&p.name.message,errors:Boolean(p.name)})}})]}),actions:(0,a.jsxs)("div",{className:q().deleteActions,children:[(0,a.jsx)(A.Z,{variant:"secondary",onClick:f,children:"Cancel"}),(0,a.jsx)(A.Z,{variant:"error",type:"submit",onClick:c(_),children:"Delete App"})]})}),(0,a.jsxs)("div",{className:q().deleteAppSection,children:[(0,a.jsx)("span",{className:q().dangerHeader,children:"Delete App"}),(0,a.jsx)("span",{className:q().dangerDescription,children:"Permanently delete this app and all associated data including orders, products, and merchant connections. This action cannot be undone."}),(0,a.jsx)(A.Z,{"data-testid":"delete-app-button",variant:"error",onClick:function(){return r(!0)},children:"Request App Deletion"}),(0,a.jsx)("span",{className:q().dangerFooter,children:"Once deleted, this app and its data cannot be recovered."})]})]})},J=t(29473),Y=t(55837),$=t(41972),ee=t(56713),ne=t.n(ee),te=function(){var e=(0,r.useRouter)(),n=(0,Q.h0)(),t=(0,E.CG)((function(e){return e.app.apps[e.common.selectedAppId]})),i=(0,L.Z)(),s=(0,E.CG)((function(e){return e.auth}));return(0,O.ut)(null===i||void 0===i?void 0:i.permissions,U.MI.DEVELOPER,U.gX.READ)?t?

1(0,a.jsxs)("div",{className:ne().appSettingsPage,children:[(0,a.jsxs)("div",{className:ne().pageHeader,children:[(0,a.jsx)("span",{className:ne().title,children:"App Settings"}),(0,a.jsxs)("div",{className:ne().subtitleRow,children:[(0,a.jsx)("span",{className:ne().subtitle,children:"View credentials and manage your app."}),(0,a.jsxs)("div",{className:ne().credentials,children:[(0,a.jsx)(W.ZP,{label:W.fN,copyMessage:W.Cj,value:t.id}),(0,a.jsx)(W.ZP,{masked:!0,fade:!0,label:W.v$,copyMessage:W.Le,value:null===t||void 0===t?void 0:t.appSecret,emptyMessage:(null===t||void 0===t?void 0:t.appSecret)?"Insufficient Permissions to view this page. Contact the Admin to change your \u2018Read\u2019 Developer permission.":k.v1,onCopied:function(){(0,Y.R)(J.vb,{appId:t.id,userId:s.id})},permissionToCopy:t.appSecret!==U.ls})]})]})]}),(0,a.jsxs)("div",{className:ne().card,children:[(0,a.jsx)("span",{className:ne().cardHeader,children:"App Info"}),(0,a.jsx)(B,{})]}),(0,O.rU)(s.id,i)&&(0,a.jsx)(K,{})]}):(0,a.jsx)(o.Z,{width:"bleed",children:(0,a.jsx)(G.Z,{section:"settings",icon:z,userType:n})}):(e.replace("/overview"),null)};te.getLayout=(0,$.I)();var ie=te},25402:function(e){e.exports={deleteAppSection:"DeleteAppSection_deleteAppSection__l1G34",dangerHeader:"DeleteAppSection_dangerHeader__icQrz",dangerDescription:"DeleteAppSection_dangerDescription__WePCY",dangerFooter:"DeleteAppSection_dangerFooter__mq3j7",deleteAppDialog:"DeleteAppSection_deleteAppDialog__gzzrC",deleteMessage:"DeleteAppSection_deleteMessage__NkhR3",deleteActions:"DeleteAppSection_deleteActions__HWCXJ",confirmAppNameInput:"DeleteAppSection_confirmAppNameInput__s0ENH"}},14736:function(e){e.exports={mainAppSettings:"MainAppSettingsForm_mainAppSettings__ybcnJ",input:"MainAppSettingsForm_input__USu_z",helperTextWhite:"MainAppSettingsForm_helperTextWhite__2Nui_",actions:"MainAppSettingsForm_actions__lQA65"}},11841:function(e){e.exports={configLayoutContainer:"ConfigurationLayout_configLayoutContainer__mXMgG",title:"ConfigurationLayout_title__TZTWZ",tabNavigation:"ConfigurationLayout_tabNavigation__oPByH"}},35961:function(e){e.exports={mainAppSettingsCard:"MainAppSettings_mainAppSettingsCard__baMW2",firstRow:"MainAppSettings_firstRow__Zb_W0",iconUpload:"MainAppSettings_iconUpload__HQD4D",appName:"MainAppSettings_appName__n6m0z",appLink:"MainAppSettings_appLink__p0Ctg",editContainer:"MainAppSettings_editContainer__QkN2G",editContainer__editAppIcon:"MainAppSettings_editContainer__editAppIcon__hI_Ce",descriptionContainer:"MainAppSettings_descriptionContainer__ZK2RH",descriptionContainer__label:"MainAppSettings_descriptionContainer__label__iyoBG",descriptionContainer__description:"MainAppSettings_descriptionContainer__description__peflI",editDialog:"MainAppSettings_editDialog__EynVx",externalLinkIcon:"MainAppSettings_externalLinkIcon__Q7x1x",infoUrl:"MainAppSettings_infoUrl__4mGQa"}},70358:function(e){e.exports={permissionSelector:"OptionsSlider_permissionSelector__b0H7y",disabled:"OptionsSlider_disabled__QC3mZ",option:"OptionsSlider_option__a75_r",selected:"OptionsSlider_selected__fSRAI",lockIcon:"OptionsSlider_lockIcon__gSir_",selectedSlider:"OptionsSlider_selectedSlider__BvUgt"}},56713:function(e){e.exports={appSettingsPage:"AppSettings_appSettingsPage__u6lt7",pageHeader:"AppSettings_pageHeader__P12R4",title:"Ap

1pSettings_title__KzI7i",subtitleRow:"AppSettings_subtitleRow__ikC0_",subtitle:"AppSettings_subtitle__fpKpX",credentials:"AppSettings_credentials__UPVBv",card:"AppSettings_card__8MUsH",cardHeader:"AppSettings_cardHeader__e430r"}}},function(e){e.O(0,[281,3714,6585,6750,842,1664,1330,2216,8516,5225,908,3102,9774,2888,179],(function(){return n=2187,e(e.s=n);var n}));var n=e.O();_N_E=n}]);