https://cdn-prod-react.jooraccess.com/1.1614.1/static/js/83.26865845.chunk.js

1(this["webpackJsonpjoor-react"]=this["webpackJsonpjoor-react"]||[]).push([[83],{1769:function(e,t,n){"use strict";n.d(t,"b",function(){return a}),n.d(t,"a",function(){return o});let a=function(e){return e.iStaging="ISTAGING",e.matterport="MATTERPORT",e}({}),o=function(e){return e.Provider="provider",e.Name="name",e.Url="url",e}({})},1895:function(e,t,n){"use strict";n.d(t,"d",function(){return O}),n.d(t,"a",function(){return m}),n.d(t,"c",function(){return p}),n.d(t,"e",function(){return f}),n.d(t,"b",function(){return S});var a,o,r,i=n(5),l=n(3),d=n(134),c=n(236),s=n(45),u=n(13),b=n(21),j=n(23),h=n(267),v=n(1769);const O=()=>{const e=Object(s.useFlags)(),t=e.vrShowroom3D,n=e.istaging;return[...t?[{label:"Matterport",value:v.b.matterport}]:[],...n?[{label:"iStaging",value:v.b.iStaging}]:[]]},m=Object(j.a)(a||(a=Object(l.a)(["#graphql\n  query Url3dShowroomQuery($filter: Url3dShowroomFilter) {\n    url3dShowroom(filter: $filter) {\n      id\n      name\n      url\n      provider\n      displayUrl\n    }\n  }\n"]))),p=()=>{const e=Object(d.b)(m,{client:b.a}),t=e.loading,n=e.data,a=e.refetch;return{loading:t,showroomLinks:(null===n||void 0===n?void 0:n.url3dShowroom)||[],refetchShowroomLinks:a}},g=Object(j.a)(o||(o=Object(l.a)(["#graphql\n  mutation UpsertUrl3dShowroom($input: UpsertUrl3dShowroomInput!) {\n    upsertUrl3dShowroom(input: $input) {\n      id\n    }\n  }\n"]))),f=()=>{const e=Object(u.c)(),t=Object(c.a)(g,{client:b.a}),n=Object(i.a)(t,2),a=n[0];return{handleUpsert3dShowroom:async t=>{try{const n=await a({variables:{input:{Url3dShowrooms:t}}});return n.errors?e(Object(h.a)("There was an error in the process. Try again later")):e(Object(h.c)("Updates have been saved")),!Boolean(n.errors)}catch(n){return e(Object(h.a)("There was an error in the process. Try again later")),!1}},loading:n[1].loading}},w=Object(j.a)(r||(r=Object(l.a)(["#graphql\n  mutation DeleteUrl3dShowroom($input: DeleteUrl3dShowroomInput!) {\n    deleteUrl3dShowroom(input: $input) {\n      ids\n    }\n  }\n"]))),S=()=>{const e=Object(u.c)(),t=Object(c.a)(w,{client:b.a}),n=Object(i.a)(t,2),a=n[0];return{handleDelete3dShowroom:async t=>{try{const n=await a({variables:{input:{ids:t}}});return n.errors?e(Object(h.a)("There was an error in the process. Try again later")):e(Object(h.c)("Links have been removed")),!Boolean(n.errors)}catch(n){return e(Object(h.a)("There was an error in the process. Try again later")),!1}},loading:n[1].loading}}},2450:function(e,t,n){e.exports={actionBar:"ManageShowroom_actionBar__2n0Db",saveButton:"ManageShowroom_saveButton__16-F4",addButton:"ManageShowroom_addButton__3YMXy"}},2812:function(e,t,n){"use strict";n.r(t);var a,o,r,i,l,d=n(28),c=n(2),s=n(5),u=n(0),b=n.n(u),j=n(6),h=(n(224),n(35)),v=n.n(h),O=n(669),m=n.n(O),p=n(69),g=n.n(p),f=n(202),w=n.n(f),S=n(972),x=n.n(S),k=n(522),U=n.n(k),y=n(42),B=n(25),T=n(11),L=n(3),D=n(4);const N=D.default.div(a||(a=Object(L.a)(["\n  margin-top: 16px;\n  display: flex;\n"]))),P=D.default.div(o||(o=Object(L.a)(["\n  width: 210px;\n"]))),_=D.default.div(r||(r=Object(L.a)(["\n  width: 243px;\n  margin-left: 8px;\n"]))),M=D.default.div(i||(i=Object(L.a)(["\n  width: 328px;\n  margin-left: 8px;\n"]))),C=D.default.div(l||(l=Object(L.a)(["\n  border-radius: 50%;\n  border: 1px solid var(--color-accent-alpha-600);\n  height: 50%;\n  display: flex;\n  padding: 5px;\n  margin-left: 5px;\n  margin-top: 23px;\n  cursor: pointer;\n"])));var $=n(1895),I=n(1769),V=n(1);const q=/^https?:\/\/[\w\-]+(\.[\w\-]+)+[\/#?]?.*$/;var A,F,G,E,J=e=>{const t=e.name,n=e.id,a=e.onChangeValue,o=e.onDeleteLink,r=e.provider,i=e.url,l=Object(u.useState)(!1),d=Object(s.a)(l,2),c=d[0],b=d[1],h=Object($.d)();return Object(V.jsxs)(N,{"data-testid":"LinkForm-".concat(n),children:[Object(V.jsx)(P,{children:Object(V.jsx)(j.v,{label:"Provider",options:h,defaultValue:h.find(e=>e.value===r),onSelect:e=>{let t=e.selected;return a(n,t.value,I.a.Provider)}})}),Object(V.jsx)(_,{children:Object(V.jsx)(j.Kb,{"data-testid":"showroom-name",label:"Give showroom link a name",placeholder:"Showroom name",defaultValue:t,onBlur:e=>{let t=e.target.value;return a(n,t,I.a.Name)}})}),Object(V.jsx)(M,{children:Object(V.jsx)(j.Kb,{"data-testid":"showroom-url",label:"Showroom Link",placeholder:"Add link here",defaultValue:i,onBlur:e=>{let t=e.target.value;const o=!t.match(q);b(o),a(n,t,I.a.Url,o)},errorMessage:c?"Please add a valid link":"",caption:c?"Please add a valid link":""})}),Object(V.jsx)(C,{children:Object(V.jsx)(j.D,{"data-testid":"delete-icon",iconName:"trash",onClick:()=>o(n)})})]})},K=n(2450),R=n.n(K);const Q=Object(D.css)(A||(A=Object(L.a)(["\n  margin-top: 16px;\n"]))),X=D.default.div(F||(F=Object(L.a)(["\n  padding: 0 1.5em;\n  font-family: var(--font-family-alpha);\n"]))),Y=D.default.div(G||(G=Object(L.a)(["\n  ","\n  font-weight: var(--font-weight-regular);\n"])),Q),z=D.default.div(E||(E=Object(L.a)(["\n  ","\n  font-weight: var(--font-weight-medium);\n"])),Q),H=["id"];var W=()=>{const e=Object($.c)(),t=e.loading,n=e.showroomLinks,a=e.refetchShowroomLinks,o=Object($.e)(),r=o.loading,i=o.handleUpsert3dShowroom,l=Object($.b)(),h=l.loading,O=l.handleDelete3dShowroom,p=Object(u.useState)([]),f=Object(s.a)(p,2),S=f[0],k=f[1],L=Object(u.useState)({}),D=Object(s.a)(L,2),N=D[0],P=D[1],_=Object(u.useState)([]),M=Object(s.a)(_,2),C=M[0],q=M[1],A=Object(u.useState)({}),F=Object(s.a)(A,2),G=F[0],E=F[1],K=(e,t,n,a)=>{const o=S.findIndex(t=>t.id===e);k(o>-1?[...w()(S,0,o),Object(c.a)(Object(c.a)({},S[o]),{},{id:e,[n]:t}),...w()(S,o+1)]:[...S,{[n]:t}]),E(Object(c.a)(Object(c.a)({},G),{},{[e]:Boolean(a)}))},Q=(e,t,a,o)=>{const r=n.find(t=>

1t.id===e),i=null===r||void 0===r?void 0:r[a];(null!==N&&void 0!==N&&N[e]||t!==i)&&P(Object(c.a)(Object(c.a)({},N),{},{[e]:Object(c.a)(Object(c.a)(Object(c.a)({},N[e]),i&&{id:e}),{},{[a]:t})})),E(Object(c.a)(Object(c.a)({},G),{},{[e]:Boolean(o)}))},W=(e,t)=>{if(E(Object(c.a)(Object(c.a)({},G),{},{[e]:!1})),t){const t=S.filter(t=>t.id!==e);k(t)}else q([...C,e])};return Object(V.jsxs)(X,{children:[Object(V.jsx)(B.C,{active:t||r||h}),Object(V.jsx)(B.r,{children:" Manage Showroom Links "}),Object(V.jsx)(Y,{children:"Input your account's showroom links below. All user accounts will be able to select and use the showrooms for their The Edit Templates"}),Object(V.jsx)(z,{children:"3D Showrooms"}),null===n||void 0===n?void 0:n.map((e,t)=>{const n=(null===e||void 0===e?void 0:e.id)||t.toString();if(C.find(e=>e===n))return Object(V.jsx)(b.a.Fragment,{},n);const a=null===N||void 0===N?void 0:N[n];return Object(V.jsx)(J,{id:n,name:(null===a||void 0===a?void 0:a[I.a.Name])||(null===e||void 0===e?void 0:e[I.a.Name]),url:(null===a||void 0===a?void 0:a[I.a.Url])||(null===e||void 0===e?void 0:e[I.a.Url]),provider:(null===a||void 0===a?void 0:a[I.a.Provider])||(null===e||void 0===e?void 0:e[I.a.Provider]),onChangeValue:Q,onDeleteLink:()=>W(n,!1)},n)}),null===S||void 0===S?void 0:S.map((e,t)=>{const n=(null===e||void 0===e?void 0:e.id)||t.toString();return Object(V.jsx)(J,{id:n,name:null===e||void 0===e?void 0:e[I.a.Name],url:null===e||void 0===e?void 0:e[I.a.Url],provider:null===e||void 0===e?void 0:e[I.a.Provider],onChangeValue:K,onDeleteLink:()=>W(n,!0)},n)}),Object(V.jsx)(j.e,{"data-testid":"add-button",className:R.a.addButton,onClick:()=>{var e;const t=S.length?(U()(null===(e=m()(S))||void 0===e?void 0:e.id)+1).toString():null===n||void 0===n?void 0:n.length.toString();k([...S,{id:t}])},children:"Add another Link"}),Object(V.jsxs)(B.b,{className:R.a.actionBar,children:[Object(V.jsx)(y.a,{to:T.qc,"data-testid":"back-template",children:Object(V.jsx)(j.e,{children:" Back to Templates"})}),Object(V.jsx)(j.e,{"data-testid":"save-button",className:R.a.saveButton,disabled:v()(N)&&v()(S)&&v()(C)||x()(G,Boolean),onClick:async()=>{const e=g()(N,e=>e);let t=!1,n=!1;if(e.length||S.length){const n=null===S||void 0===S?void 0:S.map(e=>{e.id;return Object(d.a)(e,H)});t=await i([...e,...n]),t&&(k([]),P({}),E({}))}C.length&&(n=await O(C),n&&q([])),(t||n)&&a()},children:"Save Updates"})]})]})};t.default=()=>Object(V.jsx)(W,{})}}]);
2//# sourceMappingURL=83.26865845.chunk.js.map