1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ab0eedbc-3255-4859-9cb4-82b9efb8ddd7",e._sentryDebugIdIdentifier="sentry-dbid-ab0eedbc-3255-4859-9cb4-82b9efb8ddd7")}catch(e){}}();var _global="u">typeof window?window:"u">typeof global?global:"u">typeof self?self:{};_global.SENTRY_RELEASE={id:"e1befdfb692b28496829f71c2490b06d48ba02c9"},(self.webpackChunkopus1io=self.webpackChunkopus1io||[]).push([["10467"],{60835:function(){},46155:function(e,t,n){var a=n(34932),i=n(47422),r=n(15389),s=n(5128),l=n(73937),o=n(27301),d=n(43714),c=n(83488),u=n(56449);e.exports=function(e,t,n){t=t.length?a(t,function(e){return u(e)?function(t){return i(t,1===e.length?e[0]:e)}:e}):[c];var p=-1;return t=a(t,o(r)),l(s(e,function(e,n,i){return{criteria:a(t,function(t){return t(e)}),index:++p,value:e}}),function(e,t){return d(e,t,n)})}},73937:function(e){e.exports=function(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}},91372:function(e,t,n){var a=n(34932);e.exports=function(e,t){return a(t,function(t){return[t,e[t]]})}},30514:function(e,t,n){var a=n(34932);e.exports=function(e,t){return a(t,function(t){return e[t]})}},53730:function(e,t,n){var a=n(44394);e.exports=function(e,t){if(e!==t){var n=void 0!==e,i=null===e,r=e==e,s=a(e),l=void 0!==t,o=null===t,d=t==t,c=a(t);if(!o&&!c&&!s&&e>t||s&&l&&d&&!o&&!c||i&&l&&d||!n&&d||!r)return 1;if(!i&&!s&&!c&&e<t||c&&n&&r&&!i&&!s||o&&n&&r||!l&&r||!d)return -1}return 0}},43714:function(e,t,n){var a=n(53730);e.exports=function(e,t,n){for(var i=-1,r=e.criteria,s=t.criteria,l=r.length,o=n.length;++i<l;){var d=a(r[i],s[i]);if(d){if(i>=o)return d;return d*("desc"==n[i]?-1:1)}}return e.index-t.index}},5344:function(e,t,n){var a=n(91372),i=n(5861),r=n(20317),s=n(70799);e.exports=function(e){return function(t){var n=i(t);return"[object Map]"==n?r(t):"[object Set]"==n?s(t):a(t,e(t))}}},70799:function(e){e.exports=function(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=[e,e]}),n}},11741:function(e,t,n){var a=n(98023);e.exports=function(e){return a(e)&&e!=+e}},98023:function(e,t,n){var a=n(72552),i=n(40346);e.exports=function(e){return"number"==typeof e||i(e)&&"[object Number]"==a(e)}},42877:function(e,t,n){var a=n(46155),i=n(56449);e.exports=function(e,t,n,r){return null==e?[]:(i(t)||(t=null==t?[]:[t]),i(n=r?void 0:n)||(n=null==n?[]:[n]),a(e,t,n))}},63560:function(e,t,n){var a=n(73170);e.exports=function(e,t,n){return null==e?e:a(e,t,n)}},18938:function(e,t,n){e.exports=n(5344)(n(95950))},35880:function(e,t,n){var a=n(30514),i=n(95950);e.exports=function(e){return null==e?[]:a(e,i(e))}},89099:function(e,t,n){"use strict";var a=n(74848);n(96540);var i=n(24930),r=n(36596),s=n(62213);t.A=e=>{var{isOpen:t,toggle:n,step:l,formData:o,canGoBack:d,hideSmsToggle:c,hideEmailToggle:u,redirectToEdit:p}=e;return(0,a.jsxs)(r.A,{modalName:"create-campaign-modal",isOpen:t,toggle:n,children:[(0,a.jsx)(i.A,{toggle:n,children:"Create Campaign"}),(0,a.jsx)(s.s,{step:l,toggle:n,formData:o,canGoBack:d,hideSmsToggle:c,hideEmailToggle:u,redirectToEdit:p})]})}},63343:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return eP}});var a=n(41374),i=n(71893),r=n(84577);n(93632),n(45336),n(23446),n(79936),n(43831),n(69861),n(5409);var s=n(74848),l=n(96540),o=n(78258),d=n(76204),c=n(2111),u=n(52956),p=n(56347),m=n(54625),f=n(6251),g=n(17378),x=n(48689),b=n(7091),h=n(26871),v=n(16517),y=n(21517),A=n(66512),T=n(52556),j=n(38566),S=n(94222),w=n(59769),_=n(89511),C=n(20615),E=n(48810),I=n(60469),N=n(70537),$=n(61963),F=n(6335),M=n(15257),D=n(4301),k=n(12163),O=n(92952),R=n(25167),L=n(69348),P=n(57682),B=n(50926),J=n(36596),U=n(84678),Y=n(77999),q=n(14
1658);function H(){var e=(0,r._)(["\n mutation sendTestTemplate($business: ID!, $id: ID!, $recipientIds: [ID]!) {\n sendTestTemplate(\n business: $business\n id: $id\n recipientIds: $recipientIds\n ) {\n status\n error\n }\n }\n"]);return H=function(){return e},e}function V(){var e=(0,r._)(["\n display: flex;\n flex-wrap: wrap;\n padding: 5px;\n"]);return V=function(){return e},e}function z(){var e=(0,r._)(["\n min-width: 280px;\n :not(:last-child) {\n margin-bottom: 10px;\n }\n"]);return z=function(){return e},e}var G=(0,o.J1)(H()),W=g.Ay.div(V()),Q=(0,g.Ay)(q.A)(z()),X=e=>{var{isOpen:t,toggle:n,templateId:i}=e,r=(0,u.useSelector)(e=>e.app.business.name),[o,d]=(0,l.useState)([]),[c,{loading:p}]=(0,j.A)(G,{successMessage:"Test sent successfully",failureMessage:"Failed to send test"});return(0,s.jsxs)(J.A,{modalName:"send-test-template",isOpen:t,toggle:n,wrapClassName:"modal-primary",size:"md",children:[(0,s.jsx)(P.default,{toggle:n,children:"Send Test Template"}),(0,s.jsx)(R.default,{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(k.A,{field:{name:"recipients",id:"recipients-input-id",title:"Recipients"},children:(0,s.jsx)(U.kS,{placeholder:"Select Staff",instanceId:"send-test-template-staff",styles:Y.VR,value:"",onChange:e=>d([...o,e])})}),(0,s.jsx)(W,{children:o.map((e,t)=>(0,s.jsx)(Q,{staff:e,id:"staff-item-".concat(t),onRemove:e=>d([...o.filter(t=>t.id!==e)])},e.id))})]})}),(0,s.jsx)(L.default,{children:(0,s.jsx)(I.A,{type:"submit",id:"submit-add-new-dependent",className:"btn btn-primary btn-rounded",loading:p,disabled:0===o.length,onClick:()=>(0,a._)(function*(){try{yield c({variables:{business:r,id:i,recipientIds:(o||[]).map(e=>e.id)}}),n()}catch(e){(0,B.Fk)(e)}})(),children:"Send Test"})})]})},K=n(65596);n(5127),n(65857),n(33676),n(97857),n(4810),n(60865),n(3101),n(39112),n(75516),n(2070),n(96030),n(92167),n(47786),n(19808),n(56059),n(78736),n(68121),n(79389),n(75927),n(72859),n(15441),n(16028),n(3182),n(39938),n(3409);var Z=n(44123),ee=n(5792),et=n(93229);function en(){var e=(0,r._)(["\n query queryTemplateTagsForSelect($business: String!, $limit: Int) {\n paginatedTemplates(business: $business, limit: $limit) {\n templates {\n id\n tags\n }\n }\n }\n"]);return en=function(){return e},e}var ea=(0,o.J1)(en()),ei=(0,et.A)({defaultVariables:{search:""},dataLabel:"paginatedTemplates",query:ea,customGetOptions:e=>[...new Set(e.templates.map(e=>e.tags).flat())].map(e=>({label:e,value:e})),queryParams:{limit:y.pA},selectProps:{instanceId:Z.XY,components:{Option:ee.A},cacheOptions:!1,isClearable:!0,isMulti:!0}}),er=n(89099),es=n(26347),el=n(53894),eo=n(45467),ed=n(61179),ec=n(69530),eu=n(65356),ep=n(84790),em=n(39041);function ef(){var e=(0,r._)(["\n mutation duplicateTemplate($business: ID!, $id: ID!) {\n duplicateTemplate(business: $business, id: $id) {\n error\n status\n template {\n id\n name\n createdAt\n updatedAt\n templateType\n tags\n }\n }\n }\n"]);return ef=function(){return e},e}function eg(){var e=(0,r._)(["\n mutation deleteTemplate($business: ID!, $id: ID!) {\n deleteTemplate(business: $business, id: $id) {\n error\n status\n }\n }\n"]);return eg=function(){return e},e}function ex(){var e=(0,r._)(["\n query paginatedTemplatesFull(\n $business: String!\n $tags: [String]\n $templateType: TemplateType\n $cursor: Cursor\n $limit: Int\n $includeCampaignTemplates: Boolean\n ) {\n paginatedTemplatesFull(\n business: $business\n tags: $tags\n templateType: $templateType\n cursor: $cursor\n limit: $limit\n includeCampaignTemplates: $includeCampaignTemplates\n ) {\n cursor\n business\n templates {\n id\n status\n name\n createdAt\n updatedAt\n contentRaw\n contentHtml\n templateType\n tags\n campaign {\n id\n name\n campaignType\n criteria {\n id\n criteriaType\n }\n }\n }\n }\n }\n"]);return ex=function(){return e},e}function eb(){var e=(0,r._)(["\n display: flex;\n width: fit-content;\n"]);return eb=function(){return e},e}function eh(){var e=(0,r._)(["\n // min-width: 300px;\n // width: 100%;\n"]);return eh=function(){return e},e}function ev(){var e=(0,r._)(["\n display: flex;
1\n align-items: center;\n ",";\n\n :not(:last-child) {\n margin-right: 10px;\n }\n"]);return ev=function(){return e},e}function ey(){var e=(0,r._)(["\n flex-wrap: wrap;\n justify-content: flex-start;\n "]);return ey=function(){return e},e}function eA(){var e=(0,r._)(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-end;\n // flex-wrap: wrap;\n gap: 10px;\n\n ","\n"]);return eA=function(){return e},e}function eT(){var e=(0,r._)(["\n width: 100%;\n\n & > * {\n width: 100%;\n max-width: 100%;\n }\n "]);return eT=function(){return e},e}function ej(){var e=(0,r._)(["\n flex-direction: column;\n "]);return ej=function(){return e},e}function eS(){var e=(0,r._)(["\n display: flex;\n gap: 10px;\n flex-grow: 1;\n\n & > * {\n width: 100%;\n max-width: 300px;\n }\n\n ","\n\n ","\n"]);return eS=function(){return e},e}function ew(){var e=(0,r._)(["\n display: flex;\n height: 38px;\n margin-bottom: 0px;\n\n *:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n *:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n"]);return ew=function(){return e},e}var e_={TEMPLATE_STATUS_ACTIVE:"Active"},eC=(0,o.J1)(ef()),eE=(0,o.J1)(eg()),eI=(0,o.J1)(ex()),eN=[{dataField:"createdAt",order:"asc"}],e$={style:{overflow:"hidden",textOverflow:"ellipsis"},classes:"d-none d-md-table-cell",headerClasses:"d-none d-md-table-cell"},eF=g.Ay.div(eb()),eM=[{dataField:"name",text:"Name",sort:!0,formatter:(e,t)=>{var n=(0,ep.J)(t,!0),a=(0,B.fP)({content:t.contentHtml||t.contentRaw,allowedMergeTags:n,strictMatch:t.templateType===v.iN});return a.length>0?(0,s.jsx)(em.A,{content:(0,s.jsxs)("p",{children:["The template contains invalid merge tags:"," ",a.join(", ")]}),children:(0,s.jsxs)(eF,{children:[(0,s.jsx)(N.A,{farIcon:"exclamation-triangle",className:"text-danger mr-2"}),(0,s.jsx)("div",{children:e})]})}):e}},{dataField:"type",text:"Type",headerStyle:{width:"80px"}},(0,i._)({dataField:"tags",text:"Tags"},e$),{dataField:"createdAt",text:"Creation Date",style:{overflow:"hidden",textOverflow:"ellipsis"},classes:"d-none d-lg-table-cell",headerClasses:"d-none d-lg-table-cell",sort:!0,sortFunc:(e,t,n,a,i,r)=>{var s=i.createdAtIso,l=r.createdAtIso;return"asc"===n?s<l?-1:+(s>l):s>l?-1:+(s<l)}},{dataField:"updatedAt",text:"Update Date",sort:!0,sortFunc:(e,t,n,a,i,r)=>{var s=i.createdAtIso,l=r.createdAtIso;return"asc"===n?s<l?-1:+(s>l):s>l?-1:+(s<l)}},(0,i._)({dataField:"actions",text:"",headerStyle:{width:"270px"}},e$)],eD=(0,g.Ay)(f.Ay)(eh()),ek=(0,g.Ay)(D.wl)(ev(),e=>e.marginBottom&&"margin-bottom: 3px"),eO=g.Ay.div(eA(),C.$_.tabletLg(ey())),eR=g.Ay.div(eS(),C.$_.tabletLg(eT()),C.$_.tabletSm(ej())),eL=(0,g.Ay)(k.A)(ew()),eP=()=>{var e=(0,el.A)(),t=(0,u.useSelector)(e=>e.app.business.name),n=(0,u.useSelector)(e=>e.app.business.smsFeatureEnabled),i=(0,u.useSelector)(e=>e.app.business.marketingPlusEnabled),r=(0,u.useSelector)(e=>e.app.business.campaignFeatureEnabled),o=(0,p.W6)(),[f,g,C]=(0,T.A)(),[D,k]=(0,l.useState)(!1),[R,L]=(0,l.useState)(null),[P,B]=(0,w.A)(),[J,U]=(0,l.useState)(),[Y]=(0,j.A)(eE,{successMessage:"Template deleted successfully",failureMessage:"Error deleting template"}),[q]=(0,j.A)(eC,{successMessage:"Template duplicated successfully",failureMessage:"Error duplicating template"}),[H,V]=(0,ec.A)("templates:nameFilter",""),[z,G]=(0,ec.A)("templates:tagsFilter",[]),[W,Q]=(0,ec.A)("templates:typeFilter",null),[Z,ee]=(0,ec.A)("templates:includeCampaignTemplates",!1);(0,A.A)("Templates");var et={business:t,limit:25,tags:null==z?void 0:z.map(e=>e.value),templateType:null==W?void 0:W.value,includeCampaignTemplates:Z},{items:en,loading:ea,loadingMore:ep,loadMore:em,canLoadMore:ef,refetch:eg}=(0,S.A)({query:eI,variables:et,itemName:"templates",getPaginationObject:e=>e.data.paginatedTemplatesFull}),[ex]=(0,c.A)({loading:ea,hasNextPage:ef,onLoadMore:em});(0,l.useEffect)(()=>{ef&&!ea&&D&&(null==en?void 0:en.length)<y.pA&&em(),D&&!ef&&k(!1),(null==en?void 0:en.length)>=y.pA&&(0,E.WS)({title:"Too many items to load and display",dismissAfter:4e3})},[ef,ea,em,D,E.WS,null==en?void 0:en.length]);var eb=(0,l.useMemo)(()=>(en||[]).filter(e=>e.name.toLowerCase().includes(H.toLowerCase().trim())),[en,H]),eh=[];
1if((eb||[]).forEach((n,i)=>{eh.push({id:n.id,name:n.campaign?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{children:n.name}),(0,s.jsxs)(eu.A,{children:["Used with campaign: ",n.campaign.name]})]}):n.name,templateType:n.templateType,contentRaw:n.contentRaw,contentHtml:n.contentHtml,campaign:n.campaign,createdAt:e(n.createdAt).format("lll"),createdAtIso:n.createdAt,updatedAt:n.updatedAt?e(n.updatedAt).format("lll"):"-",updatedAtIso:n.updatedAt,type:"TEMPLATE_TYPE_SMS"===n.templateType?(0,s.jsx)("i",{className:"fa fa-commenting-o mr-2"}):(0,s.jsx)(N.A,{falIcon:"envelope"}),status:e_[n.status],tags:(0,s.jsx)(s.Fragment,{children:(n.tags||[]).map(e=>(0,s.jsx)(M.mH,{className:"mr-2",children:e},"template-".concat(n.id,"-tag-").concat(e)))}),actions:(0,s.jsxs)("div",{className:"d-flex flex-row justify-content-end",children:[(0,s.jsxs)(s.Fragment,{children:[r&&!n.campaign&&(0,s.jsx)(ek,{onClick:()=>(0,a._)(function*(){U(n.id),C(n)})(),id:"item-create-campaign-".concat(i),children:"Create Campaign"}),r&&n.campaign&&(0,s.jsx)(ek,{route:"/campaigns/".concat(n.campaign.id,"/edit"),id:"item-go-to-campaign-edit-page-".concat(i),children:"Edit Campaign"}),"TEMPLATE_TYPE_EMAIL"===n.templateType&&(0,s.jsx)(I.A,{tooltip:"Send Test",className:"mr-2",onClick:()=>(0,a._)(function*(){U(n.id),B()})(),id:"item-sent-test-".concat(i),children:(0,s.jsx)(N.A,{faIcon:"paper-plane-o"})})]}),R===n.id?(0,s.jsx)($.A,{className:"mr-2"}):(0,s.jsx)(I.A,{className:"mr-2",tooltip:"Duplicate",onClick:()=>(0,a._)(function*(){L(n.id);try{yield q({variables:{business:t,id:n.id},update:(e,t)=>{"ok"===t.data.duplicateTemplate.status&&e.evict({id:"ROOT_QUERY",fieldName:"paginatedTemplatesFull"})}})}finally{L(null)}})(),id:"item-duplicate-".concat(i),children:(0,s.jsx)(N.A,{farIcon:"copy"})}),!n.campaign&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(I.A,{className:"mr-2",tooltip:"Update",route:"/templates/".concat(n.id,"/edit"),id:"item-update-".concat(i),children:(0,s.jsx)(N.A,{farIcon:"edit"})}),(0,s.jsx)(I.A,{tooltip:"Delete",onClick:()=>(0,a._)(function*(){L(n.id);try{yield Y({variables:{business:t,id:n.id},update:(e,t)=>{"ok"===t.data.deleteTemplate.status&&e.evict({id:"ROOT_QUERY",fieldName:"paginatedTemplatesFull"})}})}finally{L(null)}})(),id:"item-delete-".concat(i),children:(0,s.jsx)(N.A,{farIcon:"trash-alt"})})]})]})})}),!i&&!n)return(0,s.jsxs)(O.JG,{children:["Templates is a premium feature only currently available with SMS.",(0,s.jsx)("br",{}),(0,s.jsx)(m.N_,{href:"/messaging",to:"/messaging",children:"more details about SMS"}),(0,s.jsx)("br",{}),(0,s.jsx)("br",{})]});var ev="Email / SMS";return n||(ev="Email"),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(K.A,{title:"Templates",description:ev,children:[!(0,h.oz)(x.ACTION_READ,b.RESOURCE_NAVBAR)&&(0,s.jsxs)(I.A,{id:"back-to-profile",className:"btn btn-primary rounded btn-icon",onClick:_.uH,children:[(0,s.jsx)(N.A,{iconClass:"fa fa-arrow-left"}),"Back to my profile"]}),(0,s.jsxs)(eO,{children:[(0,s.jsxs)(eR,{children:[(0,s.jsx)(eL,{field:{iconClass:"fa fa-search",placeholder:"Search by name",value:H},onChange:e=>V(e.target.value)}),(0,s.jsx)(eD,{isClearable:!0,id:"react-select-template-type",classNamePrefix:"react-select",placeholder:"Filter by type",value:W,options:[{label:"Email",value:v.Bv},{label:"SMS",value:v.iN}],onChange:Q,getOptionLabel:e=>e.label,getOptionValue:e=>e.value}),(0,s.jsx)(ei,{id:"react-select-policy-tags",placeholder:"Filter by tags",value:z,onChange:G,getOptionLabel:e=>e.label,getOptionValue:e=>e.value}),(0,s.jsx)(ed.RF,{schema:{title:"Show campaign templates"},tooltip:"Show templates that are used in campaigns",uiSchema:{},formData:Z,onChange:()=>ee(!Z)})]}),r&&(0,s.jsx)(I.A,{onMouseDown:e=>e.preventDefault(),onClick:()=>o.push("/templates/create-email"),type:"button",disabled:ea,className:"btn btn-primary rounded ",id:"create-email-template-button",children:"Create Email Template"}),n&&(0,s.jsx)(I.A,{onMouseDown:e=>e.preventDefault(),onClick:()=>o.push("/templates/create-sms"),type:"button",disabled:ea,className:"btn btn-primary rounded ",id:"create-sms-template-button",children:"Create SMS Template"}),ef&&!D&&(0,s.jsx)(I.A,{onMouseDown:e=>e.preventDefault(),onClick:()=>(0,a._)(function*(){k(!0)})(),type:"button",disabled:ea,className:"btn btn-primary rounded ",id:"invoices-load-everything-button",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("i",{className:"fal fa-download mr-2"}),"Load everything"]})}),(0,s.jsx)(I.A,{onMouseDown:e=>e.preventDefault(),onClick:()=>eg(),type:"button",disabled:ea,className:"btn btn-primary rounded ",id:"time-off-refresh-button",children:ea?(0,s.jsx)("i",{className:"fas fa-sync fa-spin"}):(0,s.jsx)("i",{className:"fa fa-refresh"})})]})]}),ea&&!ep?(0,s.jsx)($.A,{}):(0,s.jsxs)("div",{children:[(0,s.jsx)(eo.A,{}),(0,s.jsx)(d.default,{bootstrap4:!0,keyField:"id",data:eh,columns:eM,striped:!0,bordered:!1,defaultSorted:eN}),0===eh.length&&(0,s.jsx)(F._,{children:"No Templates"}),ep&&(0,s.jsx)("div",{style:{justifyContent:"center",display:"flex",color:"unset"}
1,children:(0,s.jsx)($.A,{size:"30"})}),ef&&(0,s.jsx)("div",{className:"width-100 height-10",ref:ex})]}),P&&(0,s.jsx)(X,{isOpen:P,toggle:B,templateId:J}),f&&(0,s.jsx)(er.A,{hideSmsToggle:!0,hideEmailToggle:!0,redirectToEdit:!0,isOpen:f,step:es.Ec,formData:"TEMPLATE_TYPE_SMS"===g.templateType?{name:"SMS Campaign for ".concat(g.name),sendSms:!0,sendEmail:!1,smsTemplate:g}:{name:"Email Campaign for ".concat(g.name),sendSms:!1,sendEmail:!0,emailTemplate:g},canGoBack:!1,toggle:C})]})}}}]); 2//# sourceMappingURL=10467.0220526e.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.