https://paycall.me/js/settings-social.c637f370.chunk.js

1"use strict";(self.webpackChunkmy_app=self.webpackChunkmy_app||[]).push([[7016],{38392:(e,a,t)=>{t.r(a),t.d(a,{default:()=>p});var r=t(96540),l=t(54625),c=t(98466),n=t(41327),s=t(10536),o=t(58067),i=t(17773),m=t(90550);function d(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}return t}function b(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?d(Object(t),!0).forEach(function(a){u(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}function u(e,a,t){return(a=function(e){var a=function(e){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof a?a:a+""}(a))in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}const p=e=>{const[a,t]=(0,r.useState)([]),[d,u]=(0,r.useState)([]),[p,f]=(0,r.useState)(!0),[g,v]=(0,r.useState)({});(0,r.useEffect)(()=>{const e=document.createElement("style");return e.textContent="\n    ",document.head.appendChild(e),()=>{document.head.removeChild(e)}},[]),(0,r.useEffect)(()=>{(async()=>{f(!0);try{const e=await i.default.getAvailablePlatforms();if(e&&Array.isArray(e)){const a=e.map(e=>({value:e.value,label:e.label,logoUrl:e.logoUrl,baseUrl:e.baseUrl,exampleUrl:e.exampleUrl}));u(a)}else u([]);const a=await i.default.getMyLinks();if(a&&Array.isArray(a)){const e=[...a].sort((e,a)=>e.order-a.order);t(e)}}catch(e){m.oR.error("The social media data could not be loaded."),u([{value:"facebook",label:"Facebook",baseUrl:"https://www.facebook.com/",exampleUrl:""},{value:"linkedin",label:"LinkedIn",baseUrl:"https://www.linkedin.com/in/",exampleUrl:""},{value:"twitter",label:"Twitter",baseUrl:"https://twitter.com/",exampleUrl:""},{value:"instagram",label:"Instagram",baseUrl:"https://www.instagram.com/",exampleUrl:""}])}finally{f(!1)}})()},[]);const h=()=>{if(a.some(e=>!e.platform||!e.url))return void m.oR.warning("Please complete the empty form before adding a new one");if(a.length>=20)return void m.oR.warning("You can have a maximum of 20 social media links");const e=a.length>0?Math.max(...a.map(e=>e.order||0)):-1;t([...a,{platform:"",url:"",order:e+1}])},E=(e,r,l)=>{const c=[...a];if(c[e][r]=l,"platform"===r){const a=d.find(e=>e.value===l);a&&(a.baseUrl&&(c[e].baseUrl=a.baseUrl),a.exampleUrl&&(c[e].exampleUrlFormat=a.exampleUrl));const t=b({},g);delete t[e],v(t)}"url"===r&&y(c[e],e),t(c)},y=(e,a)=>{const t=b({},g);e.platform&&e.baseUrl&&e.url&&(e.url.startsWith(e.baseUrl)?delete t[a]:t[a]="The URL must start with ".concat(e.baseUrl)),v(t)},x=async e=>{try{const a=e.filter(e=>e.id).map((e,a)=>({id:e.id,order:a}));await i.default.reorderLinks(a)}catch(a){m.oR.error("The order could not be saved")}};return r.createElement("div",null,r.createElement(c.A,e),r.createElement(r.Fragment,null,r.createElement("div",{className:"breadcrumb-bar",style:{backgroundColor:"var(--pc-accent)"}},r.createElement("div",{className:"container"},r.createElement("div",{className:"row align-items-center inner-banner"},r.createElement("div",{className:"col-md-12 col-12 text-center"},r.createElement("nav",{"aria-label":"breadcrumb",className:"page-breadcrumb"},r.createElement("ol",{className:"breadcrumb",style:{color:"white"}},r.createElement("li",{className:"breadcrumb-item"},r.createElement("span",{className:"white-text",onClick:()=>window.location.href="/",style:{color:"white !important",cursor:"pointer"}},"Home")),r.createElement("li",{className:"breadcrumb-item","aria-current":"page",style:{color:"white"}},"Dashboard"),r.createElement("li",{className:"breadcrumb-item active",style:{color:"white"}},"Social Media")),r.createElement("h2",{className:"breadcrumb-title",style:{color:"white"}},"Social Media"))))),r.createElement("div",{className:"breadcrumb-bg"},r.createElement(o.A,{src:"assets/img/opt/breadcrumb-bg-01.webp",alt:"img",className:"breadcrumb-bg-01"}),r.createElement(o.A,{src:"assets/img/opt/breadcrumb-bg-02.webp",alt:"img",className:"breadcrumb-bg-02"}),r.createElement(o.A,{src:"assets/img/opt/breadcrumb-icon.webp",alt:"img",className:"breadcrumb-bg-03"}),r.createElement(o.A,{src:"assets/img/opt/breadcrumb-icon.webp",alt:"img",className:"breadcrumb-bg-04"})))),r.createElement("div",{className:"content doctor"},r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-lg-4 col-xl-3 theiaStickySidebar"},r.createElement(n.A,null)),r.createElement("div",{className:"col-lg-8 col-xl-9"},r.createElement("div",{className:"dashboard-header"},r.createElement("h3",null,"Social Media")),r.createElement("div",{className:"add-btn text-end mb-4"},r.createElement(l.N_,{to:"#",className:"btn btn-success prime-btn add-social-media ".concat(a.some(e=>!e.platform||!e.url)||a.length>=20?"disabled":""),onClick:h},r.createElement("i",{className:"fas fa-plus-circle me-2"}),"Add New Social Media Link")),p?r.createElement("div",{className:"text-center my-4"},r.createElement("div",{className:"spinner-border",role:"status"},r.createElement("span",{className:"visually-hidden"},"Loading..."))):r.createElement("div",{className:"social-media-form"},r.createElement("div",{className:"card"},r.createElement("div",{className:"card-body"},a.map((e,l)=>r.createElement("div",{className:"social-media-links rounded p-3 mb-3",style:{backgroundColor:"#f8f9fa",boxShadow:"0 1px 3px rgba(0,0,0,0.08)",borderLeft:"4px solid var(--pc-primary)"},key:l},r.createElement("div",{className:"row align-items-center"},r.createElement("div",{className:"col-auto"},r.createElement("div",{className:"d-flex align-items-center justify-content-center",style:{width:"36px",height:"36px",borderRadius:"50%",backgroundColor:"var(--pc-primary)",color:"white",fontWeight:"bold"}},l+1)),r.createElement("div",{className:"col-md-3 col-sm-6 mb-2 mb-md-0"},r.createElement(s.Ay,{className:"select-social-img",value:d.find(a=>a.value===e.platform),options:d,placeholder:"Select Platform",isSearchable:!0,onChange:e=>E(l,"platform",e.value),formatOptionLabel:e=>r.createElement("div",{style:{display:"flex",alignItems:"center"}},e.logoUrl?r.createElement("img",{src:e.logoUrl,alt:e.label,style:{width:"24px",height:"24px",marginRight:"8px",borderRadius:"4px"}}):r.createElement("div",{style:{width:"24px",height:"24px",marginRight:"8px",backgroundColor:"#f8f9fa",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",color:"#6c757d",border:"1px solid #dee2e6"}}

1,"?"),e.label),menuPosition:"fixed",maxMenuHeight:300,styles:{control:e=>b(b({},e),{},{minHeight:"44px",borderRadius:"8px",boxShadow:"none",borderColor:"#ddd","&:hover":{borderColor:"var(--pc-primary)"}}),menu:e=>b(b({},e),{},{zIndex:9999,borderRadius:"8px",boxShadow:"0 4px 12px rgba(0,0,0,0.1)"}),option:(e,a)=>b(b({},e),{},{backgroundColor:a.isSelected?"var(--pc-primary)":a.isFocused?"#e8f5e8":"white",padding:"10px 15px"})}})),r.createElement("div",{className:"col mb-2 mb-md-0"},r.createElement("div",{className:"position-relative"},r.createElement("input",{type:"text",className:"form-control ".concat(g[l]?"is-invalid":""),style:{height:"44px",borderRadius:"8px",paddingLeft:"12px"},placeholder:e.exampleUrlFormat?"Example: ".concat(e.exampleUrlFormat):"Enter URL",value:e.url||"",onChange:e=>E(l,"url",e.target.value)}),g[l]&&r.createElement("div",{className:"invalid-feedback d-block",style:{fontSize:"12px"}},g[l]))),r.createElement("div",{className:"col-md-auto col-sm-12 mt-2 mt-md-0 d-flex justify-content-end"},r.createElement("div",{className:"btn-group me-2"},r.createElement("button",{className:"btn btn-outline-secondary",onClick:()=>(e=>{if(0===e)return;const r=[...a],l=r[e].order;r[e].order=r[e-1].order,r[e-1].order=l,[r[e],r[e-1]]=[r[e-1],r[e]],t(r),r[e].id&&r[e-1].id&&x(r)})(l),disabled:0===l,title:"Move up",style:{borderRadius:"6px 0 0 6px"}},r.createElement("i",{className:"fas fa-arrow-up"})),r.createElement("button",{className:"btn btn-outline-secondary",onClick:()=>(e=>{if(e===a.length-1)return;const r=[...a],l=r[e].order;r[e].order=r[e+1].order,r[e+1].order=l,[r[e],r[e+1]]=[r[e+1],r[e]],t(r),r[e].id&&r[e+1].id&&x(r)})(l),disabled:l===a.length-1,title:"Move down",style:{borderRadius:"0 6px 6px 0"}},r.createElement("i",{className:"fas fa-arrow-down"}))),r.createElement("div",{className:"btn-group"},r.createElement("button",{className:"btn btn-success",onClick:()=>(async e=>{const r=a[e];if(r.platform&&r.url)if(y(r,e),g[e])m.oR.error(g[e]);else try{let l;l=r.id?await i.default.updateLink(r.id,{platform:r.platform,url:r.url,order:r.order}):await i.default.createLink({platform:r.platform,url:r.url,order:r.order||e});const c=[...a];c[e]=l,t(c),m.oR.success("Link saved successfully")}catch(l){m.oR.error("The link could not be saved")}else m.oR.warning("Please fill in all fields")})(l),title:"Save link",style:{borderRadius:"6px 0 0 6px"}},r.createElement("i",{className:"fas fa-save"})),e.url&&r.createElement("button",{className:"btn btn-info",onClick:()=>window.open(e.url,"_blank"),title:"Open link in new tab",style:{color:"white"}},r.createElement("i",{className:"fas fa-external-link-alt"})),r.createElement("button",{className:"btn btn-danger",onClick:()=>(async e=>{const r=a[e];if(!r.id){const r=[...a];return r.splice(e,1),void t(r)}try{await i.default.deleteLink(r.id);const l=[...a];l.splice(e,1);const c=l.map((e,a)=>b(b({},e),{},{order:a}));t(c),c.some(e=>e.id)&&x(c),m.oR.success("Link deleted successfully")}catch(l){m.oR.error("The link could not be deleted")}})(l),title:"Delete link",style:{borderRadius:e.url?"0 6px 6px 0":"6px"}},r.createElement("i",{className:"fas fa-trash-alt"}))))))),0===a.length&&r.createElement("div",{className:"text-center p-5 rounded",style:{backgroundColor:"#f8f9fa",border:"1px dashed #ccc"}},r.createElement("i",{className:"fas fa-share-alt mb-3",style:{fontSize:"48px",color:"#aaa"}}),r.createElement("p",{className:"mb-2"},"No social media links available."),r.createElement("button",{className:"btn btn-outline-primary btn-sm",onClick:h},r.createElement("i",{className:"fas fa-plus-circle me-1"})," Add New Social Media Link"),r.createElement("div",{className:"mt-3"},r.createElement("span",{className:"badge bg-light text-dark"},r.createElement("i",{className:"fas fa-info-circle me-1"}),"You can add up to 20 social media links"))),a.length>0&&r.createElement("div",{className:"text-center mt-4"},r.createElement("span",{className:"text-muted me-2",style:{fontSize:"14px"}},r.createElement("i",{className:"fas fa-info-circle me-1"}),"Drag using the up and down arrows to reorder your links."),r.createElement("div",{className:"mt-2"},r.createElement("span",{className:"badge ".concat(a.length>=20?"bg-danger":"bg-info")},a.length,"/20 links used")))))))))))}}}]);