Plugin Directory

Changeset 2650552


Ignore:
Timestamp:
12/29/2021 03:29:51 PM (4 years ago)
Author:
proofratings
Message:

version 1.0.7

Location:
proofratings
Files:
146 added
7 edited

Legend:

Unmodified
Added
Removed
  • proofratings/trunk/assets/css/proofratings.css

    r2646965 r2650552  
    350350    position: fixed;
    351351    left: 20px;
     352    max-height: calc(100% - 80px);
    352353    bottom: 20px;
    353354    z-index: 150002;
    354355    opacity: 0;
     356    overflow-y: auto;
    355357    visibility: hidden;
    356358    padding: 8px;
     
    602604    .proofratings-popup-widgets-box {--column: 1!important; justify-content: center;}
    603605
    604     .proofratings-badges-popup .proofratings-widget:not(:last-child):after {
    605         top: auto;
    606         bottom: 0;
    607         left: 0;
    608         right: 0;
    609         height: 1px;
    610         width: auto;
    611     }
    612 }
    613 
    614 @media screen and (max-width: 400px) {
     606    .proofratings-badges-popup .proofratings-widget:not(:last-child):after {top: auto; bottom: 0; left: 0; right: 0; height: 1px; width: auto}
     607
     608    .proofratings-badge.proofratings-badge-narrow.connected-more {max-width: 80%; flex-wrap: wrap; justify-content: center;}
     609    .proofratings-badge.proofratings-badge-narrow.connected-more .proofratings-logos {flex: 0 0 100%; margin-right: 0; margin-bottom: 5px;}
    615610    .proofratings-banner-badge .proofratings-logos {flex: 0 0 100%; margin: 0 0 20px }
    616611}
  • proofratings/trunk/assets/js/proofratings-widgets.js

    r2647419 r2650552  
    1 (()=>{"use strict";function e(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var t="function"==typeof Symbol&&Symbol.observable||"@@observable",a=function(){return Math.random().toString(36).substring(7).split("").join(".")},c={INIT:"@@redux/INIT"+a(),REPLACE:"@@redux/REPLACE"+a(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+a()}};function r(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}const l="OVERALL_SAVE",o="SAVE_SETTINGS",n={current_tab:"review-sites",activeSites:[],badge_display:{sites_square:!1,sites_rectangle:!1,overall_cta_banner:!1,overall_rectangle_embed:!1,overall_rectangle_float:!1,overall_narrow_embed:!1,overall_narrow_float:!1},sites_square:{active_sites:null},sites_rectangle:{active_sites:null},overall_rectangle_embed:{},overall_rectangle_float:{tablet:!0,mobile:!0,close_button:!0},overall_narrow_embed:{},overall_narrow_float:{tablet:!0,mobile:!0,close_button:!0},overall_popup:{},overall_cta_banner:{customize:!1,shadow:!0,tablet:!0,mobile:!0,close_button:!0,hide_on:[],button1:{text:"Sign Up"}}},s=function a(l,o,n){var s;if("function"==typeof o&&"function"==typeof n||"function"==typeof n&&"function"==typeof arguments[3])throw new Error(e(0));if("function"==typeof o&&void 0===n&&(n=o,o=void 0),void 0!==n){if("function"!=typeof n)throw new Error(e(1));return n(a)(l,o)}if("function"!=typeof l)throw new Error(e(2));var i=l,m=o,u=[],d=u,p=!1;function R(){d===u&&(d=u.slice())}function g(){if(p)throw new Error(e(3));return m}function E(t){if("function"!=typeof t)throw new Error(e(4));if(p)throw new Error(e(5));var a=!0;return R(),d.push(t),function(){if(a){if(p)throw new Error(e(6));a=!1,R();var c=d.indexOf(t);d.splice(c,1),u=null}}}function h(t){if(!r(t))throw new Error(e(7));if(void 0===t.type)throw new Error(e(8));if(p)throw new Error(e(9));try{p=!0,m=i(m,t)}finally{p=!1}for(var a=u=d,c=0;c<a.length;c++)(0,a[c])();return t}function w(t){if("function"!=typeof t)throw new Error(e(10));i=t,h({type:c.REPLACE})}function b(){var a,c=E;return(a={subscribe:function(t){if("object"!=typeof t||null===t)throw new Error(e(11));function a(){t.next&&t.next(g())}return a(),{unsubscribe:c(a)}}})[t]=function(){return this},a}return h({type:c.INIT}),(s={dispatch:h,subscribe:E,getState:g,replaceReducer:w})[t]=b,s}(((e=n,t)=>{switch(t.type){case"SAVE_SETTINGS":return t.payload;case"ACTIVE_SITES":return{...e,activeSites:t.payload};case"BADGE_DISPLAY":return{...e,badge_display:t.payload};case"SITES_SQUARE":return{...e,sites_square:{...e.sites_square,...t.payload}};case"SITES_RECTANGLE":return{...e,sites_rectangle:{...e.sites_rectangle,...t.payload}};case"OVERALL_SAVE":return{...e,[t.payload.name]:{...e[t.payload.name],...t.payload.data}};case"OVERALL_POPUP":return{...e,overall_popup:{...e.overall_popup,...t.payload}};case"OVERALL_CTA_BANNER":return{...e,overall_cta_banner:{...e.overall_cta_banner,...t.payload}};default:return e}})),i=e=>{const t=s.getState(),a=Array.isArray(e?.activeSites)?e.activeSites:[],c=e=>{const t=a.indexOf(e);-1!==t?a.splice(t,1):a.push(e),s.dispatch({type:"ACTIVE_SITES",payload:a})},r=(e,t)=>{const r=Object.keys(proofratings.review_sites).map((e=>({id:e,...proofratings.review_sites[e]}))).filter((t=>t.category===e)).filter((e=>!a.includes(e.id)));if(r.length)return React.createElement(React.Fragment,null,React.createElement("h2",null,t),React.createElement("div",{className:"review-sites-checkboxes"},r.map((e=>React.createElement("label",{key:e.id,className:"checkbox-review-site"},React.createElement("input",{type:"checkbox",onClick:()=>c(e.id)}),React.createElement("img",{src:e.logo,alt:e.name}))))))};return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Font Family"),React.createElement("td",null,React.createElement("select",{value:t?.font,onChange:e=>{s.dispatch({type:o,payload:{...t,font:e.target.value}})}},React.createElement("option",{value:"Didact Gothic"},"Didact Gothic"),React.createElement("option",{value:"Metropolis"},"Metropolis")))))),React.createElement("div",{className:"gap-30"}),a.length>0&&React.createElement("div",{className:"connect-sites-container"},React.createElement("h2",null,"Connected Sites"),React.createElement("div",{className:"review-sites-checkboxes"},a.map((e=>React.createElement("label",{key:e,className:"checkbox-review-site"},React.createElement("input",{type:"checkbox",defaultChecked:!0,onClick:()=>c(e)}),React.createElement("img",{src:proofratings.review_sites[e].logo,alt:proofratings.review_sites[e].name})))))),r("general","General Review Sites"),r("home-service","Home Services Review Sites"),r("solar","Solar Review Sites"),r("software","SaaS/Software Review Sites"))},m=e=>{const t=Object.assign({sites_square:!1,sites_rectangle:!1,overall_cta_banner:!1,overall_rectangle_embed:!1,overall_rectangle_float:!1,overall_narrow_embed:!1,overall_narrow_float:!1},e?.badge_display),a=e=>{t[e]=!t[e],s.dispatch({type:"BADGE_DISPLAY",payload:t})};return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Sites (Square)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/widget-style1.png`,alt:"Proofratings style"}),React.createElement("label",null,React.createElement("input",{onChange:()=>a("sites_square"),className:"checkbox-switch checkbox-onoff",checked:t?.sites_square,type:"checkbox"}),"Embed only")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Sites (Rectangle)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/widget-style2.png`,alt:"Proofratings style"}),React.createElement("label",null,React.createElement("input",{className:"checkbox-switch checkbox-onoff",onChange:()=>a("sites_rectangle"),type:"checkbox",defaultChecked:t?.sites_rectangle})," Embed only")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Overall Rating (Rectangle)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/floating-badge-style1.png`,alt:"Proofratings style"}),React.createElement("label",{style:{marginRight:30}},React.createElement("input",{className:"checkbox-switch checkbox-onoff",type:"checkbox",defaultChecked:t?.overall_rectangle_embed,onChange:()=>a("overall_rectangle_embed")})," Embed"),React.createElement("label",null,React.createElement("input",{className:"checkbox-switch checkbox-onoff",type:"checkbox",defaultChecked:t?.overall_rectangle_float,onChange:()=>a("overall_rectangle_float")})," Float")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Overall Rating (Narrow)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/floating-badge-style2.png`,alt:"Proofratings style"}),React.createElement("label",{style:{marginRight:30}},React.createElement("input",{type:"checkbox",className:"checkbox-switch checkbox-onoff",onChange:()=>a("overall_narrow_embed"),defaultChecked:t?.overall_narrow_embed}),"Embed"),React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch checkbox-onoff",onChange:()=>a("overall_narrow_float"),defaultChecked:t?.overall_narrow_float}),"Float")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Overall Rating CTA Banner"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/cta-badge.png`,alt:"Proofratings style"}),React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.overall_cta_banner,className:"checkbox-switch checkbox-onoff",onChange:()=>a("overall_cta_banner")})," Float only")))))))},{useEffect:u,useRef:d}=React,p=e=>{const t=d(null),a=e?.color,c=e?.defaultValue;return u((()=>{jQuery(t.current).wpColorPicker({change:function(t,a){"function"==typeof e.onUpdate&&e.onUpdate(a.color.toString())},clear:function(t){"function"==typeof e.onUpdate&&e.onUpdate("")}})}),[]),React.createElement("input",{type:"text",ref:t,defaultValue:a,"data-default-color":c})},R=e=>{const{show:t,color:a,hover:c}=e.border,r=(t,a)=>e.onUpdate(t,a);return React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Border"),React.createElement("td",null,React.createElement("input",{type:"checkbox",checked:t,onChange:()=>r("show",!t),className:"checkbox-switch"}))),t&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Border Color"),React.createElement("td",null,React.createElement(p,{name:"color",color:a,onUpdate:e=>r("color",e)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Border Hover Color"),React.createElement("td",null,React.createElement(p,{name:"hover",color:c,onUpdate:e=>r("hover",e)})))))},g=e=>{const{shadow:t,color:a,hover:c}=Object.assign({shadow:"",color:"",hover:""},e?.shadow),r=(t,a)=>e.onUpdate(t,a);return React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shadow"),React.createElement("td",null,React.createElement("input",{type:"checkbox",defaultChecked:t,onChange:()=>r("shadow",!t),className:"checkbox-switch"}))),t&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shadow Color"),React.createElement("td",null,React.createElement(p,{name:"color",color:a,onUpdate:e=>r("color",e)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shadow Hover Color"),React.createElement("td",null,React.createElement(p,{name:"hover",color:c,onUpdate:e=>r("hover",e)})))))},E=e=>{const{activeSites:t}=s.getState(),a=Array.isArray(e.active_sites)?e.active_sites:[];return React.createElement("div",{className:"review-sites-checkboxes review-sites-checkboxes-widget"},t.map((t=>React.createElement("label",{key:t,className:"checkbox-review-site"},React.createElement("input",{type:"checkbox",defaultChecked:a.includes(t),onClick:()=>(t=>{const c=a.indexOf(t);-1!==c?a.splice(c,1):a.push(t),e.onUpdate(a)})(t)}),React.createElement("img",{src:proofratings.review_sites[t].logo,alt:proofratings.review_sites[t].name})))))},{useState:h,useEffect:w}=React,b=e=>{const[t,a]=h(s.getState().sites_square);w((()=>{const e=s.subscribe((()=>a(s.getState().sites_square)));return()=>e()}),[]);const c=e=>s.dispatch({type:"SITES_SQUARE",payload:e}),r=Object.assign({show:!1,color:"",hover:""},t?.border),l=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);let o=`.proofratings-widget.proofratings-widget-square {${(()=>{const e=[];return t?.star_color&&e.push("--themeColor:"+t.star_color),t?.logo_color&&e.push("--logoColor:"+t.logo_color),t?.textcolor&&e.push("--textColor:"+t.textcolor),t?.review_color_textcolor&&e.push("--reviewCountTextColor:"+t.review_color_textcolor),t?.background_color&&e.push("background-color:"+t.background_color),!1===t?.border?.show&&e.push("border: none"),r?.color&&e.push("--borderColor:"+r.color),r?.hover&&e.push("--borderHoverColor:"+r.hover),!1===l?.shadow&&e.push("--shadowColor: transparent"),!1!==l?.shadow&&l?.color&&e.push("--shadowColor:"+l.color),e})().join(";")}}`;return!1!==l?.shadow&&l?.hover&&(o+=`.proofratings-widget.proofratings-widget-square:hover {--shadowColor: ${l.hover}}`),React.createElement(React.Fragment,null,React.createElement("style",null,o),React.createElement(E,{onUpdate:e=>c({active_sites:e}),active_sites:t?.active_sites}),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Shortcode",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Use shortcode where you want to display review widgets")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_widgets id="',e?.id,'" style="square"]'))))),React.createElement("label",null,React.createElement("input",{type:"checkbox",checked:t?.customize,className:"checkbox-switch checkbox-yesno",onChange:()=>c({customize:!t?.customize})}),"Customize (this will customize all badges)"),t?.customize&&React.createElement("div",{className:"gap-30"}),t?.customize&&React.createElement(React.Fragment,null,React.createElement("div",{id:"proofratings-badge-square",className:"proofratings-review-widgets-grid proofratings-widgets-grid-square"},React.createElement("div",{className:"proofratings-widget proofratings-widget-square proofratings-widget-customized "+(t?.logo_color?"proofratings-widget-logo-color":"")},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}images/google.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}images/google.svg`,alt:"Google"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"4.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"80%"}}))),React.createElement("div",{className:"review-count"}," 76 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews"))),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Logo Color"),React.createElement("td",null,React.createElement(p,{color:t?.logo_color,onUpdate:e=>c({logo_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.textcolor,onUpdate:e=>c({textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review count text color"),React.createElement("td",null,React.createElement(p,{color:t?.review_color_textcolor,onUpdate:e=>c({review_color_textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement(R,{name:"border",border:r,onUpdate:(e,t)=>{r[e]=t,c({border:r})}}),React.createElement(g,{shadow:l,onUpdate:(e,t)=>{l[e]=t,c({shadow:l})}})))))},{useState:_,useEffect:v}=React,f=e=>{const[t,a]=_(s.getState().sites_rectangle);v((()=>{const e=s.subscribe((()=>a(s.getState().sites_rectangle)));return()=>e()}),[]);const c=e=>s.dispatch({type:"SITES_RECTANGLE",payload:e}),r=Object.assign({show:!1,color:"",hover:""},t?.border),l=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);let o=`.proofratings-widget.proofratings-widget-rectangle {${(()=>{const e=[];return t?.star_color&&e.push("--themeColor:"+t.star_color),t?.textcolor&&e.push("--textColor:"+t.textcolor),t?.review_color_textcolor&&e.push("--reviewCountTextColor:"+t.review_color_textcolor),t?.background_color&&e.push("background-color:"+t.background_color),!1===t?.border?.show&&e.push("border: none"),r?.color&&e.push("--borderColor:"+r.color),r?.hover&&e.push("--borderHoverColor:"+r.hover),!1===l?.shadow&&e.push("--shadowColor: transparent"),!1!==l?.shadow&&l?.color&&e.push("--shadowColor:"+l.color),e})().join(";")}}`;return!1!==l?.shadow&&l?.hover&&(o+=`.proofratings-widget.proofratings-widget-rectangle:hover {--shadowColor: ${l.hover}}`),t?.icon_color&&(o+=`.proofratings-widget.proofratings-widget-rectangle .review-site-logo svg {fill: ${t.icon_color}}`),React.createElement(React.Fragment,null,React.createElement("style",null,o),React.createElement(E,{onUpdate:e=>c({active_sites:e}),active_sites:t?.active_sites}),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Shortcode",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Use shortcode where you want to display review widgets")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_widgets id="',e?.id,'" style="rectangle"]'))))),React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.customize,className:"checkbox-switch checkbox-yesno",onChange:()=>c({customize:!t?.customize})}),"Customize (this will customize all badges)"),t?.customize&&React.createElement("div",{className:"gap-30"}),t?.customize&&React.createElement(React.Fragment,null,React.createElement("div",{id:`proofratings-widgets-${e?.id}`,className:"proofratings-review-widgets-grid proofratings-widgets-grid-rectangle"},React.createElement("div",{className:"proofratings-widget proofratings-widget-rectangle proofratings-widget-yelp proofratings-widget-customized"},React.createElement("div",{className:"review-site-logo",dangerouslySetInnerHTML:{__html:'<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve"><style type="text/css">.st0{fill:#FFFFFF;}</style><circle cx="500" cy="500" r="493"></circle><path class="st0" d="M283.7,500.98c0-123.13,100.17-223.3,223.3-223.3c49.73,0,96.79,16,136.11,46.27l-51.89,67.41 c-24.31-18.71-53.44-28.61-84.22-28.61c-76.22,0-138.23,62.01-138.23,138.23S430.78,639.21,507,639.21 c61.39,0,113.56-40.22,131.54-95.7H507v-85.06h223.3v42.53c0,123.13-100.17,223.3-223.3,223.3S283.7,624.1,283.7,500.98z"></path></svg>'}}),React.createElement("h4",{className:"rating-title"},"Google Rating"),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"5.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"100%"}}))),React.createElement("div",{className:"review-count"}," 9 reviews "))),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Site Icon Color"),React.createElement("td",null,React.createElement(p,{color:t?.icon_color,onUpdate:e=>c({icon_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.textcolor,onUpdate:e=>c({textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review count text color"),React.createElement("td",null,React.createElement(p,{color:t?.review_color_textcolor,onUpdate:e=>c({review_color_textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement(R,{name:"border",border:r,onUpdate:(e,t)=>{r[e]=t,c({border:r})}}),React.createElement(g,{shadow:l,onUpdate:(e,t)=>{l[e]=t,c({shadow:l})}})))))},y=e=>{const t=`.proofratings-badge.proofratings-badge-rectangle {${(()=>{const t=[];return e?.star_color&&t.push("--star_color:"+e.star_color),e?.rating_color&&t.push("--rating_color:"+e.rating_color),e?.background_color&&t.push("--background_color:"+e.background_color),e?.review_text_color&&t.push("--review_text_color:"+e.review_text_color),e?.review_background&&t.push("--review_background:"+e.review_background),!1===e?.shadow?.shadow&&(t.push("--shadow_color: transparent"),t.push("--shadow_hover: transparent")),!1!==e?.shadow?.shadow&&e?.shadow?.color&&t.push("--shadow_color:"+e.shadow.color),!1!==e?.shadow?.shadow&&e?.shadow?.hover&&t.push("--shadow_hover:"+e.shadow.hover),t})().join(";")}}`;return React.createElement(React.Fragment,null,React.createElement("style",null,t),React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("div",{className:"proofratings-badge proofratings-badge-rectangle"},React.createElement("div",{className:"proofratings-inner"},React.createElement("div",{className:"proofratings-logos"},React.createElement("img",{src:`${proofratings.assets_url}/images/icon-google.png`,alt:"google"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-trustpilot.png`,alt:"trustpilot"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-wordpress.jpg`,alt:"wordpress"})),React.createElement("div",{className:"proofratings-reviews"},React.createElement("span",{className:"proofratings-score"},"4.8"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"96%"}})))),React.createElement("div",{className:"proofratings-review-count"},"44 reviews")))))},k=e=>{const t=(t,a)=>e.onUpdate(t,a);return React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Link"),React.createElement("td",null,React.createElement("input",{type:"checkbox",checked:e?.enable,className:"checkbox-switch checkbox-yesno",onChange:()=>t("enable",!e?.enable)}))),e?.enable&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"URL"),React.createElement("td",null,React.createElement("input",{type:"text",value:e?.url,onChange:e=>t("url",e.target.value)}),React.createElement("label",{style:{marginLeft:15}},React.createElement("input",{type:"checkbox",className:"checkbox-switch checkbox-yesno",defaultChecked:e?._blank,onChange:()=>t("_blank",!e?._blank)})," Open in blank")))))};function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},x.apply(this,arguments)}const{useState:C,useEffect:N}=React,S=e=>{const[t,a]=C(s.getState().overall_rectangle_embed);N((()=>{const e=s.subscribe((()=>a(s.getState().overall_rectangle_embed)));return()=>e()}),[]);const c=e=>s.dispatch({type:l,payload:{name:"overall_rectangle_embed",data:e}}),r=Object.assign({enable:!1,url:"",_blank:!1},t?.link),o=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);return React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shortcode",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Embed shortcode")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_overall_rectangle id="',e?.id,'"]'))),React.createElement(k,x({},r,{onUpdate:(e,t)=>{r[e]=t,c({link:r})}})),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement(y,x({},t,{shadow:o})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_color,onUpdate:e=>c({rating_color:e})}))),React.createElement(g,{shadow:o,onUpdate:(e,t)=>{o[e]=t,c({shadow:o})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_text_color,onUpdate:e=>c({review_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_background,onUpdate:e=>c({review_background:e})}))))))},{useEffect:U}=React,O=e=>{const t=(Array.isArray(e?.on_pages)?e.on_pages:[]).map((e=>parseInt(e)));return U((()=>{if(Array.isArray(e?.on_pages))return;const t=proofratings.pages.map((e=>e.ID));e.onUpdate({on_pages:t})}),[]),React.createElement("table",{className:"form-table"},React.createElement("caption",null,"Page to show on"),React.createElement("tbody",null,proofratings.pages.map((a=>React.createElement("tr",{key:a.ID},React.createElement("th",{scope:"row"},a.post_title),React.createElement("td",null,React.createElement("input",{defaultChecked:t.includes(a.ID),onChange:()=>(a=>{const c=t.indexOf(a);-1!==c?t.splice(c,1):t.push(a),e.onUpdate({on_pages:t})})(a.ID),className:"checkbox-switch",type:"checkbox"})))))))};function z(){return z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},z.apply(this,arguments)}const{useState:A,useEffect:j}=React,B=e=>{s.getState();const[t,a]=A(s.getState().overall_rectangle_float);j((()=>{const e=s.subscribe((()=>a(s.getState().overall_rectangle_float)));return()=>e()}),[]);const c=e=>s.dispatch({type:l,payload:{name:"overall_rectangle_float",data:e}}),r=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Tablet Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.tablet,className:"checkbox-switch",onChange:()=>c({tablet:!t?.tablet})}),"Show/Hide on tablet"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Mobile Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.mobile,className:"checkbox-switch",onChange:()=>c({mobile:!t?.mobile})}),"Show/Hide on mobile"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Close option"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.close_button,className:"checkbox-switch",onChange:()=>c({close_button:!t?.close_button})})))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Position"),React.createElement("td",null,React.createElement("select",{defaultValue:t?.position,onChange:e=>c({position:e.target.value})},React.createElement("option",{value:"left"},"Left"),React.createElement("option",{value:"right"},"Right")))),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement(y,z({},t,{shadow:r})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_color,onUpdate:e=>c({rating_color:e})}))),React.createElement(g,{shadow:r,onUpdate:(e,t)=>{r[e]=t,c({shadow:r})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_text_color,onUpdate:e=>c({review_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_background,onUpdate:e=>c({review_background:e})})))))),React.createElement(O,{onUpdate:c,on_pages:t?.on_pages}))},T=e=>{const t=`.proofratings-badge.proofratings-badge-narrow {${(()=>{const t=[];return e?.star_color&&t.push("--star_color:"+e.star_color),e?.rating_color&&t.push("--rating_color:"+e.rating_color),e?.background_color&&t.push("--background_color:"+e.background_color),e?.review_text_color&&t.push("--review_text_color:"+e.review_text_color),!1===e?.shadow?.shadow&&(t.push("--shadow_color: transparent"),t.push("--shadow_hover: transparent")),!1!==e?.shadow?.shadow&&e?.shadow?.color&&t.push("--shadow_color:"+e.shadow.color),!1!==e?.shadow?.shadow&&e?.shadow?.hover&&t.push("--shadow_hover:"+e.shadow.hover),t})().join(";")}}`;return React.createElement(React.Fragment,null,React.createElement("style",null,t),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("div",{className:"proofratings-badge proofratings-badge-narrow"},React.createElement("div",{className:"proofratings-logos"},React.createElement("img",{src:`${proofratings.assets_url}/images/icon-google.png`,alt:"google"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-trustpilot.png`,alt:"trustpilot"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-wordpress.jpg`,alt:"wordpress"})),React.createElement("div",{className:"proofratings-reviews"},React.createElement("span",{className:"proofratings-score"},"4.8"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"96%"}}))),React.createElement("div",{className:"proofratings-review-count"},"44 reviews")))))};function L(){return L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},L.apply(this,arguments)}const{useState:F,useEffect:P}=React,$=e=>{const[t,a]=F(s.getState().overall_narrow_embed);P((()=>{const e=s.subscribe((()=>a(s.getState().overall_narrow_embed)));return()=>e()}),[]);const c=e=>s.dispatch({type:l,payload:{name:"overall_narrow_embed",data:e}}),r=Object.assign({enable:!1,url:"",_blank:!1},t?.link),o=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shortcode ",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Embed shortcode")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_overall_narrow id="',e?.id,'"]'))),React.createElement(k,L({},r,{onUpdate:(e,t)=>{r[e]=t,c({link:r})}})),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement(T,L({},t,{shadow:o})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_color,onUpdate:e=>c({rating_color:e})}))),React.createElement(g,{shadow:o,onUpdate:(e,t)=>{o[e]=t,c({shadow:o})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Count Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_text_color,onUpdate:e=>c({review_text_color:e})})))))))};function I(){return I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},I.apply(this,arguments)}const{useState:V,useEffect:q}=React,H=()=>{s.getState();const[e,t]=V(s.getState().overall_narrow_float);q((()=>{const e=s.subscribe((()=>t(s.getState().overall_narrow_float)));return()=>e()}),[]);const a=e=>s.dispatch({type:l,payload:{name:"overall_narrow_float",data:e}}),c=Object.assign({shadow:!1,color:"",hover:""},e?.shadow);return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Tablet Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.tablet,className:"checkbox-switch",onChange:()=>a({tablet:!e?.tablet})}),"Show/Hide on tablet"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Mobile Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.mobile,className:"checkbox-switch",onChange:()=>a({mobile:!e?.mobile})}),"Show/Hide on mobile"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Close option"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.close_button,className:"checkbox-switch",onChange:()=>a({close_button:!e.close_button})})))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Position"),React.createElement("td",null,React.createElement("select",{defaultValue:e?.position,onChange:e=>a({position:e.target.value})},React.createElement("option",{value:"left"},"Left"),React.createElement("option",{value:"center"},"Center"),React.createElement("option",{value:"right"},"Right")))),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:e?.customize,onChange:()=>a({customize:!e?.customize})})," Customize"))),e?.customize&&React.createElement(React.Fragment,null,React.createElement(T,I({},e,{shadow:c})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:e?.star_color,onUpdate:e=>a({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:e?.rating_color,onUpdate:e=>a({rating_color:e})}))),React.createElement(g,{shadow:c,onUpdate:(e,t)=>{c[e]=t,a({shadow:c})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.background_color,onUpdate:e=>a({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Count Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_text_color,onUpdate:e=>a({review_text_color:e})})))))),React.createElement(O,{onUpdate:a,on_pages:e?.on_pages}))},{useState:M,useEffect:D}=React,G=()=>{const[e,t]=M(s.getState().overall_popup);D((()=>{const e=s.subscribe((()=>t(s.getState().overall_popup)));return()=>e()}),[]);const a=e=>s.dispatch({type:"OVERALL_POPUP",payload:e}),c=`.proofratings-popup-widgets-box .proofratings-widget{${(()=>{const t=[];return e?.star_color&&t.push("--themeColor:"+e.star_color),e?.logo_color&&t.push("--logoColor:"+e.logo_color),e?.review_text_color&&t.push("--reviewCountTextColor:"+e.review_text_color),e?.review_text_background&&t.push("--review_text_background:"+e.review_text_background),e?.rating_color&&t.push("--rating_color:"+e.rating_color),e?.view_review_color&&t.push("--view_review_color:"+e.view_review_color),t})().join(";")}}`;let r="proofratings-widget proofratings-widget-customized";return e?.logo_color&&(r+=" proofratings-widget-logo-color"),React.createElement(React.Fragment,null,React.createElement("style",null,c),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:e?.customize,onChange:()=>a({customize:!e?.customize})})," Customize"))),e?.customize&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("div",{className:"proofratings-badges-popup"},React.createElement("div",{className:"proofratings-popup-widgets-box","data-column":3},React.createElement("div",{className:r},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}/images/google.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}/images/google.svg`,alt:"Google"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"5.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"100%"}}))),React.createElement("div",{className:"review-count"}," 9 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews")),React.createElement("div",{className:r},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}/images/trustpilot.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}/images/trustpilot.svg`,alt:"Trustpilot"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"4.4"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"88%"}}))),React.createElement("div",{className:"review-count"}," 10 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews")),React.createElement("div",{className:r},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}/images/trustpilot.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}/images/wordpress.svg`,alt:"Wordpress"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"5.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"100%"}}))),React.createElement("div",{className:"review-count"}," 25 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews")))))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:e?.star_color,onUpdate:e=>a({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Logo Color"),React.createElement("td",null,React.createElement(p,{color:e?.logo_color,onUpdate:e=>a({logo_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_text_color,onUpdate:e=>a({review_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_text_background,onUpdate:e=>a({review_text_background:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:e?.rating_color,onUpdate:e=>a({rating_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"View Review Color"),React.createElement("td",null,React.createElement(p,{color:e?.view_review_color,onUpdate:e=>a({view_review_color:e})})))))))},W=e=>React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Text"),React.createElement("td",null,React.createElement("input",{type:"text",defaultValue:e?.text,onChange:t=>e.onUpdate("text",t.target.value)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button URL"),React.createElement("td",null,React.createElement("input",{type:"url",defaultValue:e?.url,onChange:t=>e.onUpdate("url",t.target.value)}),React.createElement("label",{style:{marginLeft:10}},React.createElement("input",{type:"checkbox",defaultChecked:e?.blank,className:"checkbox-switch checkbox-onoff",onChange:t=>e.onUpdate("blank",!e?.blank)})," Open in new tab"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.textcolor,onUpdate:t=>e.onUpdate("textcolor",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.background_color,onUpdate:t=>e.onUpdate("background_color",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Shape"),React.createElement("td",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.rectangle,className:"checkbox-switch checkbox-shape",onChange:()=>e.onUpdate("rectangle",!e?.rectangle)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Border"),React.createElement("td",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.border,className:"checkbox-switch",onChange:()=>e.onUpdate("border",!e?.border)}))),e?.border&&React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Border Color"),React.createElement("td",null,React.createElement(p,{color:e?.border_color,onUpdate:t=>e.onUpdate("border_color",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Hover Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.hover_textcolor,onUpdate:t=>e.onUpdate("hover_textcolor",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Hover Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.hover_background_color,onUpdate:t=>e.onUpdate("hover_background_color",t)}))),e?.border&&React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Hover Border Color"),React.createElement("td",null,React.createElement(p,{color:e?.hover_border_color,onUpdate:t=>e.onUpdate("hover_border_color",t)}))));function Q(){return Q=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},Q.apply(this,arguments)}const{useState:K,useEffect:Y}=React,J=()=>{const[e,t]=K(s.getState().overall_cta_banner);Y((()=>{const e=s.subscribe((()=>t(s.getState().overall_cta_banner)));return()=>e()}),[]);const a=e=>s.dispatch({type:"OVERALL_CTA_BANNER",payload:e}),c=(t,c)=>{let r="object"==typeof e.button2?e.button2:{};r[t]=c,a({button2:r})},r=`.proofratings-banner-badge {${(()=>{const t=[];return e?.star_color&&t.push("--star_color:"+e.star_color),e?.background_color&&t.push("--backgroundColor:"+e.background_color),e?.rating_text_color&&t.push("--rating_text_color:"+e.rating_text_color),e?.review_rating_background_color&&t.push("--review_rating_background_color:"+e.review_rating_background_color),e?.number_review_text_color&&t.push("--reviewCountTextcolor:"+e.number_review_text_color),t})().join(";")}}`;return React.createElement(React.Fragment,null,React.createElement("style",null,r),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Tablet Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.tablet,className:"checkbox-switch",onChange:()=>a({tablet:!e?.tablet})}),"Show/Hide on tablet"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Mobile Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.mobile,className:"checkbox-switch",onChange:()=>a({mobile:!e?.mobile})}),"Show/Hide on mobile"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Close option"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.close_button,className:"checkbox-switch",onChange:()=>a({close_button:!e?.close_button})})))),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:e?.customize,onChange:()=>a({customize:!e?.customize})})," Customize"))),e?.customize&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("div",{className:"proofratings-banner-badge badge-hidden-mobile "+(e?.shadow?"has-shadow":"")},React.createElement("div",{className:"proofratings-logos"},React.createElement("img",{src:`${proofratings.assets_url}/images/icon-google.png`,alt:"google"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-trustpilot.png`,alt:"trustpilot"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-wordpress.jpg`,alt:"wordpress"})),React.createElement("div",{className:"rating-box"},React.createElement("span",{className:"proofratings-stars medium"},React.createElement("i",{style:{width:"96%"}})),React.createElement("span",{className:"rating"},"4.8 / 5")),React.createElement("div",{className:"proofratings-review-count"},"44 customer reviews"),React.createElement("div",{className:"button-container"},React.createElement("div",{className:"proofratings-button button1 has-border"},"Buy Now"))))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:e?.star_color,onUpdate:e=>a({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Top Shadow"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.shadow,className:"checkbox-switch",onChange:()=>a({shadow:!e.shadow})})))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.background_color,onUpdate:e=>a({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.rating_text_color,onUpdate:e=>a({rating_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Rating Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_rating_background_color,onUpdate:e=>a({review_rating_background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Number of Review Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.number_review_text_color,onUpdate:e=>a({number_review_text_color:e})})))))),React.createElement("h2",{style:{fontSize:25}},"Call-to-action Button"),React.createElement("table",{className:"form-table"},React.createElement("caption",null,"First Button"),React.createElement("tbody",null,React.createElement(W,Q({key:"button1",onUpdate:(t,c)=>{let r="object"==typeof e.button1?e.button1:{};r[t]=c,a({button1:r})}},e?.button1)))),React.createElement("div",{className:"gap-30"}),React.createElement("table",{className:"form-table"},React.createElement("caption",null,"Second Button"),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.button2?.show,className:"checkbox-switch",onChange:()=>c("show",!e.button2?.show)})," Second Button"))),e?.button2?.show&&React.createElement(W,Q({key:"button2",onUpdate:c},e?.button2)))),React.createElement(O,{onUpdate:a,on_pages:e?.on_pages}))},X=document.getElementById("proofratings-widgets-root"),{useEffect:Z,useState:ee}=React,te=X.getAttribute("data-location"),ae=()=>{const[e,t]=ee({error:null,loading:!0,saving:!1}),[a,c]=ee(s.getState());if(Z((()=>{const e=s.subscribe((()=>c({...s.getState()})));return()=>e()}),[]),Z((()=>{jQuery.post(proofratings.ajaxurl,{location_id:te,action:"proofratings_get_location"},(function(a){if(0==a?.success)return t({...e,error:!0,loading:!1});t({...e,error:!1,loading:!1}),0!==Object.keys(a).length&&s.dispatch({type:o,payload:a})})).fail((function(){return t({...e,error:!0,loading:!1})}))}),[]),!0===e.loading)return React.createElement("div",{className:"proofraing-progress-msg"},"Loading...");if(!0===e.error)return React.createElement("div",{className:"proofraing-progress-msg"},"Failed to retrive this location.");const r={"review-sites":"Review Sites","display-badges":"Badges","badge-square":"Sites (Square)","badge-rectangle":"Sites (Rectangle)","overall-rectangle-embed":"Overall Rating Rectangle - EMBED","overall-rectangle-float":"Overall Rating Rectangle - FLOAT","overall-narrow-embed":"Overall Rating Narrow - EMBED","overall-narrow-float":"Overall Rating Narrow - FLOAT","badge-popup":"Popup Badges","overall-cta-banner":"Overall Rating (CTA Banner)"},{badge_display:l,activeSites:n}=a;!0!==l?.sites_square&&delete r["badge-square"],!0!==l?.sites_rectangle&&delete r["badge-rectangle"],!0!==l?.overall_rectangle_embed&&delete r["overall-rectangle-embed"],!0!==l?.overall_rectangle_float&&delete r["overall-rectangle-float"],!0!==l?.overall_narrow_embed&&delete r["overall-narrow-embed"],!0!==l?.overall_narrow_float&&delete r["overall-narrow-float"],!0!==l?.overall_cta_banner&&delete r["overall-cta-banner"],!0!==l?.overall_rectangle_float&&!0!==l?.overall_narrow_float&&delete r["badge-popup"];const u=a?.current_tab||"review-sites";return React.createElement(React.Fragment,null,React.createElement("h2",{className:"nav-tab-wrapper"},Object.keys(r).map((e=>{const t=u===e?"nav-tab-active":"";return React.createElement("a",{key:e,href:"#",onClick:t=>((e,t)=>{t.preventDefault(),s.dispatch({type:o,payload:{...a,current_tab:e}})})(e,t),className:`nav-tab ${t}`},r[e])}))),"review-sites"===u&&React.createElement(i,{activeSites:n,id:te}),"display-badges"===u&&React.createElement(m,{badge_display:l,id:te}),"badge-square"===u&&React.createElement(b,{id:te}),"badge-rectangle"===u&&React.createElement(f,{id:te}),"overall-rectangle-embed"===u&&React.createElement(S,{id:te}),"overall-rectangle-float"===u&&React.createElement(B,{id:te}),"overall-narrow-embed"===u&&React.createElement($,{id:te}),"overall-narrow-float"===u&&React.createElement(H,{id:te}),"badge-popup"===u&&React.createElement(G,null),"overall-cta-banner"===u&&React.createElement(J,null),React.createElement("p",{className:"submit"},React.createElement("button",{id:"btn-proofratings-save",className:"button button-primary",onClick:()=>{e.saving||(t({...e,saving:!0}),a.action="proofratings_save_location",a.location_id=te,jQuery.post(proofratings.ajaxurl,a,(function(a){0==a?.success&&alert("Something wrong with saving data"),t({...e,saving:!1})})))}},e.saving?"Saving...":"Save Changes")))};X&&ReactDOM.render(React.createElement(ae,null),X)})();
     1(()=>{"use strict";function e(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var t="function"==typeof Symbol&&Symbol.observable||"@@observable",a=function(){return Math.random().toString(36).substring(7).split("").join(".")},c={INIT:"@@redux/INIT"+a(),REPLACE:"@@redux/REPLACE"+a(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+a()}};function r(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}const l="OVERALL_SAVE",o="SAVE_SETTINGS",n={current_tab:"review-sites",activeSites:[],badge_display:{sites_square:!1,sites_rectangle:!1,overall_cta_banner:!1,overall_rectangle_embed:!1,overall_rectangle_float:!1,overall_narrow_embed:!1,overall_narrow_float:!1},sites_square:{active_sites:null},sites_rectangle:{active_sites:null},overall_rectangle_embed:{},overall_rectangle_float:{tablet:!0,mobile:!0,close_button:!0},overall_narrow_embed:{},overall_narrow_float:{tablet:!0,mobile:!0,close_button:!0},overall_popup:{},overall_cta_banner:{customize:!1,shadow:!0,tablet:!0,mobile:!0,close_button:!0,hide_on:[],button1:{text:"Sign Up"}}},s=function a(l,o,n){var s;if("function"==typeof o&&"function"==typeof n||"function"==typeof n&&"function"==typeof arguments[3])throw new Error(e(0));if("function"==typeof o&&void 0===n&&(n=o,o=void 0),void 0!==n){if("function"!=typeof n)throw new Error(e(1));return n(a)(l,o)}if("function"!=typeof l)throw new Error(e(2));var i=l,m=o,u=[],d=u,p=!1;function R(){d===u&&(d=u.slice())}function g(){if(p)throw new Error(e(3));return m}function E(t){if("function"!=typeof t)throw new Error(e(4));if(p)throw new Error(e(5));var a=!0;return R(),d.push(t),function(){if(a){if(p)throw new Error(e(6));a=!1,R();var c=d.indexOf(t);d.splice(c,1),u=null}}}function h(t){if(!r(t))throw new Error(e(7));if(void 0===t.type)throw new Error(e(8));if(p)throw new Error(e(9));try{p=!0,m=i(m,t)}finally{p=!1}for(var a=u=d,c=0;c<a.length;c++)(0,a[c])();return t}function b(t){if("function"!=typeof t)throw new Error(e(10));i=t,h({type:c.REPLACE})}function w(){var a,c=E;return(a={subscribe:function(t){if("object"!=typeof t||null===t)throw new Error(e(11));function a(){t.next&&t.next(g())}return a(),{unsubscribe:c(a)}}})[t]=function(){return this},a}return h({type:c.INIT}),(s={dispatch:h,subscribe:E,getState:g,replaceReducer:b})[t]=w,s}(((e=n,t)=>{switch(t.type){case"SAVE_SETTINGS":return t.payload;case"ACTIVE_SITES":return{...e,activeSites:t.payload};case"BADGE_DISPLAY":return{...e,badge_display:t.payload};case"SITES_SQUARE":return{...e,sites_square:{...e.sites_square,...t.payload}};case"SITES_RECTANGLE":return{...e,sites_rectangle:{...e.sites_rectangle,...t.payload}};case"OVERALL_SAVE":return{...e,[t.payload.name]:{...e[t.payload.name],...t.payload.data}};case"OVERALL_POPUP":return{...e,overall_popup:{...e.overall_popup,...t.payload}};case"OVERALL_CTA_BANNER":return{...e,overall_cta_banner:{...e.overall_cta_banner,...t.payload}};default:return e}})),i=e=>{const t=s.getState(),a=Array.isArray(e?.activeSites)?e.activeSites:[],c=e=>{const t=a.indexOf(e);-1!==t?a.splice(t,1):a.push(e),s.dispatch({type:"ACTIVE_SITES",payload:a})},r=(e,t)=>{const r=Object.keys(proofratings.review_sites).map((e=>({id:e,...proofratings.review_sites[e]}))).filter((t=>t.category===e)).filter((e=>!a.includes(e.id)));if(r.length)return React.createElement(React.Fragment,null,React.createElement("h2",null,t),React.createElement("div",{className:"review-sites-checkboxes"},r.map((e=>React.createElement("label",{key:e.id,className:"checkbox-review-site"},React.createElement("input",{type:"checkbox",onClick:()=>c(e.id)}),React.createElement("img",{src:e.logo,alt:e.name}))))))};return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Font Family"),React.createElement("td",null,React.createElement("select",{value:t?.font,onChange:e=>{s.dispatch({type:o,payload:{...t,font:e.target.value}})}},React.createElement("option",{value:"Didact Gothic"},"Didact Gothic"),React.createElement("option",{value:"Metropolis"},"Metropolis")))))),React.createElement("div",{className:"gap-30"}),a.length>0&&React.createElement("div",{className:"connect-sites-container"},React.createElement("h2",null,"Connected Sites"),React.createElement("div",{className:"review-sites-checkboxes"},a.map((e=>React.createElement("label",{key:e,className:"checkbox-review-site"},React.createElement("input",{type:"checkbox",defaultChecked:!0,onClick:()=>c(e)}),React.createElement("img",{src:proofratings.review_sites[e].logo,alt:proofratings.review_sites[e].name})))))),r("general","General Review Sites"),r("home-service","Home Services Review Sites"),r("solar","Solar Review Sites"),r("software","SaaS/Software Review Sites"))},m=e=>{const t=Object.assign({sites_square:!1,sites_rectangle:!1,overall_cta_banner:!1,overall_rectangle_embed:!1,overall_rectangle_float:!1,overall_narrow_embed:!1,overall_narrow_float:!1},e?.badge_display),a=e=>{t[e]=!t[e],s.dispatch({type:"BADGE_DISPLAY",payload:t})};return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Sites (Square)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/widget-style1.png`,alt:"Proofratings style"}),React.createElement("label",null,React.createElement("input",{onChange:()=>a("sites_square"),className:"checkbox-switch checkbox-onoff",checked:t?.sites_square,type:"checkbox"}),"Embed only")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Sites (Rectangle)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/widget-style2.png`,alt:"Proofratings style"}),React.createElement("label",null,React.createElement("input",{className:"checkbox-switch checkbox-onoff",onChange:()=>a("sites_rectangle"),type:"checkbox",defaultChecked:t?.sites_rectangle})," Embed only")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Overall Rating (Rectangle)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/floating-badge-style1.png`,alt:"Proofratings style"}),React.createElement("label",{style:{marginRight:30}},React.createElement("input",{className:"checkbox-switch checkbox-onoff",type:"checkbox",defaultChecked:t?.overall_rectangle_embed,onChange:()=>a("overall_rectangle_embed")})," Embed"),React.createElement("label",null,React.createElement("input",{className:"checkbox-switch checkbox-onoff",type:"checkbox",defaultChecked:t?.overall_rectangle_float,onChange:()=>a("overall_rectangle_float")})," Float")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Overall Rating (Narrow)"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/floating-badge-style2.png`,alt:"Proofratings style"}),React.createElement("label",{style:{marginRight:30}},React.createElement("input",{type:"checkbox",className:"checkbox-switch checkbox-onoff",onChange:()=>a("overall_narrow_embed"),defaultChecked:t?.overall_narrow_embed}),"Embed"),React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch checkbox-onoff",onChange:()=>a("overall_narrow_float"),defaultChecked:t?.overall_narrow_float}),"Float")))),React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Overall Rating CTA Banner"),React.createElement("td",null,React.createElement("div",{className:"proofratings-image-option"},React.createElement("img",{src:`${proofratings.assets_url}images/cta-badge.png`,alt:"Proofratings style"}),React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.overall_cta_banner,className:"checkbox-switch checkbox-onoff",onChange:()=>a("overall_cta_banner")})," Float only")))))))},{useEffect:u,useRef:d}=React,p=e=>{const t=d(null),a=e?.color,c=e?.defaultValue;return u((()=>{jQuery(t.current).wpColorPicker({change:function(t,a){"function"==typeof e.onUpdate&&e.onUpdate(a.color.toString())},clear:function(t){"function"==typeof e.onUpdate&&e.onUpdate("")}})}),[]),React.createElement("input",{type:"text",ref:t,defaultValue:a,"data-default-color":c})},R=e=>{const{show:t,color:a,hover:c}=e.border,r=(t,a)=>e.onUpdate(t,a);return React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Border"),React.createElement("td",null,React.createElement("input",{type:"checkbox",checked:t,onChange:()=>r("show",!t),className:"checkbox-switch"}))),t&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Border Color"),React.createElement("td",null,React.createElement(p,{name:"color",color:a,onUpdate:e=>r("color",e)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Border Hover Color"),React.createElement("td",null,React.createElement(p,{name:"hover",color:c,onUpdate:e=>r("hover",e)})))))},g=e=>{const{shadow:t,color:a,hover:c}=Object.assign({shadow:"",color:"",hover:""},e?.shadow),r=(t,a)=>e.onUpdate(t,a);return React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shadow"),React.createElement("td",null,React.createElement("input",{type:"checkbox",defaultChecked:t,onChange:()=>r("shadow",!t),className:"checkbox-switch"}))),t&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shadow Color"),React.createElement("td",null,React.createElement(p,{name:"color",color:a,onUpdate:e=>r("color",e)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shadow Hover Color"),React.createElement("td",null,React.createElement(p,{name:"hover",color:c,onUpdate:e=>r("hover",e)})))))},E=e=>{const{activeSites:t}=s.getState(),a=Array.isArray(e.active_sites)?e.active_sites:[];return React.createElement("div",{className:"review-sites-checkboxes review-sites-checkboxes-widget"},t.map((t=>React.createElement("label",{key:t,className:"checkbox-review-site"},React.createElement("input",{type:"checkbox",defaultChecked:a.includes(t),onClick:()=>(t=>{const c=a.indexOf(t);-1!==c?a.splice(c,1):a.push(t),e.onUpdate(a)})(t)}),React.createElement("img",{src:proofratings.review_sites[t].logo,alt:proofratings.review_sites[t].name})))))},{useState:h,useEffect:b}=React,w=e=>{const[t,a]=h(s.getState().sites_square);b((()=>{const e=s.subscribe((()=>a(s.getState().sites_square)));return()=>e()}),[]);const c=e=>s.dispatch({type:"SITES_SQUARE",payload:e}),r=Object.assign({show:!1,color:"",hover:""},t?.border),l=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);let o=`.proofratings-widget.proofratings-widget-square {${(()=>{const e=[];return t?.star_color&&e.push("--themeColor:"+t.star_color),t?.logo_color&&e.push("--logoColor:"+t.logo_color),t?.textcolor&&e.push("--textColor:"+t.textcolor),t?.review_color_textcolor&&e.push("--reviewCountTextColor:"+t.review_color_textcolor),t?.background_color&&e.push("background-color:"+t.background_color),!1===t?.border?.show&&e.push("border: none"),r?.color&&e.push("--borderColor:"+r.color),r?.hover&&e.push("--borderHoverColor:"+r.hover),!1===l?.shadow&&e.push("--shadowColor: transparent"),!1!==l?.shadow&&l?.color&&e.push("--shadowColor:"+l.color),e})().join(";")}}`;return!1!==l?.shadow&&l?.hover&&(o+=`.proofratings-widget.proofratings-widget-square:hover {--shadowColor: ${l.hover}}`),React.createElement(React.Fragment,null,React.createElement("style",null,o),React.createElement(E,{onUpdate:e=>c({active_sites:e}),active_sites:t?.active_sites}),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Shortcode",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Use shortcode where you want to display review widgets")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_widgets id="',e?.id,'" style="square"]'))))),React.createElement("label",null,React.createElement("input",{type:"checkbox",checked:t?.customize,className:"checkbox-switch checkbox-yesno",onChange:()=>c({customize:!t?.customize})}),"Customize (this will customize all badges)"),t?.customize&&React.createElement("div",{className:"gap-30"}),t?.customize&&React.createElement(React.Fragment,null,React.createElement("div",{id:"proofratings-badge-square",className:"proofratings-review-widgets-grid proofratings-widgets-grid-square"},React.createElement("div",{className:"proofratings-widget proofratings-widget-square proofratings-widget-customized "+(t?.logo_color?"proofratings-widget-logo-color":"")},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}images/google.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}images/google.svg`,alt:"Google"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"4.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"80%"}}))),React.createElement("div",{className:"review-count"}," 76 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews"))),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Logo Color"),React.createElement("td",null,React.createElement(p,{color:t?.logo_color,onUpdate:e=>c({logo_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.textcolor,onUpdate:e=>c({textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review count text color"),React.createElement("td",null,React.createElement(p,{color:t?.review_color_textcolor,onUpdate:e=>c({review_color_textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement(R,{name:"border",border:r,onUpdate:(e,t)=>{r[e]=t,c({border:r})}}),React.createElement(g,{shadow:l,onUpdate:(e,t)=>{l[e]=t,c({shadow:l})}})))))},{useState:_,useEffect:v}=React,f=e=>{const[t,a]=_(s.getState().sites_rectangle);v((()=>{const e=s.subscribe((()=>a(s.getState().sites_rectangle)));return()=>e()}),[]);const c=e=>s.dispatch({type:"SITES_RECTANGLE",payload:e}),r=Object.assign({show:!1,color:"",hover:""},t?.border),l=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);let o=`.proofratings-widget.proofratings-widget-rectangle {${(()=>{const e=[];return t?.star_color&&e.push("--themeColor:"+t.star_color),t?.textcolor&&e.push("--textColor:"+t.textcolor),t?.review_color_textcolor&&e.push("--reviewCountTextColor:"+t.review_color_textcolor),t?.background_color&&e.push("background-color:"+t.background_color),!1===t?.border?.show&&e.push("border: none"),r?.color&&e.push("--borderColor:"+r.color),r?.hover&&e.push("--borderHoverColor:"+r.hover),!1===l?.shadow&&e.push("--shadowColor: transparent"),!1!==l?.shadow&&l?.color&&e.push("--shadowColor:"+l.color),e})().join(";")}}`;return!1!==l?.shadow&&l?.hover&&(o+=`.proofratings-widget.proofratings-widget-rectangle:hover {--shadowColor: ${l.hover}}`),t?.icon_color&&(o+=`.proofratings-widget.proofratings-widget-rectangle .review-site-logo svg {fill: ${t.icon_color}}`),React.createElement(React.Fragment,null,React.createElement("style",null,o),React.createElement(E,{onUpdate:e=>c({active_sites:e}),active_sites:t?.active_sites}),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Shortcode",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Use shortcode where you want to display review widgets")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_widgets id="',e?.id,'" style="rectangle"]'))))),React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.customize,className:"checkbox-switch checkbox-yesno",onChange:()=>c({customize:!t?.customize})}),"Customize (this will customize all badges)"),t?.customize&&React.createElement("div",{className:"gap-30"}),t?.customize&&React.createElement(React.Fragment,null,React.createElement("div",{id:`proofratings-widgets-${e?.id}`,className:"proofratings-review-widgets-grid proofratings-widgets-grid-rectangle"},React.createElement("div",{className:"proofratings-widget proofratings-widget-rectangle proofratings-widget-yelp proofratings-widget-customized"},React.createElement("div",{className:"review-site-logo",dangerouslySetInnerHTML:{__html:'<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve"><style type="text/css">.st0{fill:#FFFFFF;}</style><circle cx="500" cy="500" r="493"></circle><path class="st0" d="M283.7,500.98c0-123.13,100.17-223.3,223.3-223.3c49.73,0,96.79,16,136.11,46.27l-51.89,67.41 c-24.31-18.71-53.44-28.61-84.22-28.61c-76.22,0-138.23,62.01-138.23,138.23S430.78,639.21,507,639.21 c61.39,0,113.56-40.22,131.54-95.7H507v-85.06h223.3v42.53c0,123.13-100.17,223.3-223.3,223.3S283.7,624.1,283.7,500.98z"></path></svg>'}}),React.createElement("h4",{className:"rating-title"},"Google Rating"),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"5.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"100%"}}))),React.createElement("div",{className:"review-count"}," 9 reviews "))),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Site Icon Color"),React.createElement("td",null,React.createElement(p,{color:t?.icon_color,onUpdate:e=>c({icon_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.textcolor,onUpdate:e=>c({textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review count text color"),React.createElement("td",null,React.createElement(p,{color:t?.review_color_textcolor,onUpdate:e=>c({review_color_textcolor:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement(R,{name:"border",border:r,onUpdate:(e,t)=>{r[e]=t,c({border:r})}}),React.createElement(g,{shadow:l,onUpdate:(e,t)=>{l[e]=t,c({shadow:l})}})))))},y=e=>{const t=`.proofratings-badge.proofratings-badge-rectangle {${(()=>{const t=[];return e?.star_color&&t.push("--star_color:"+e.star_color),e?.rating_color&&t.push("--rating_color:"+e.rating_color),e?.background_color&&t.push("--background_color:"+e.background_color),e?.review_text_color&&t.push("--review_text_color:"+e.review_text_color),e?.review_background&&t.push("--review_background:"+e.review_background),!1===e?.shadow?.shadow&&(t.push("--shadow_color: transparent"),t.push("--shadow_hover: transparent")),!1!==e?.shadow?.shadow&&e?.shadow?.color&&t.push("--shadow_color:"+e.shadow.color),!1!==e?.shadow?.shadow&&e?.shadow?.hover&&t.push("--shadow_hover:"+e.shadow.hover),t})().join(";")}}`;return React.createElement(React.Fragment,null,React.createElement("style",null,t),React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("div",{className:"proofratings-badge proofratings-badge-rectangle"},React.createElement("div",{className:"proofratings-inner"},React.createElement("div",{className:"proofratings-logos"},React.createElement("img",{src:`${proofratings.assets_url}/images/icon-google.png`,alt:"google"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-trustpilot.png`,alt:"trustpilot"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-wordpress.jpg`,alt:"wordpress"})),React.createElement("div",{className:"proofratings-reviews"},React.createElement("span",{className:"proofratings-score"},"4.8"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"96%"}})))),React.createElement("div",{className:"proofratings-review-count"},"44 reviews")))))},k=e=>{const t=(t,a)=>e.onUpdate(t,a);return React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Link"),React.createElement("td",null,React.createElement("input",{type:"checkbox",checked:e?.enable,className:"checkbox-switch checkbox-yesno",onChange:()=>t("enable",!e?.enable)}))),e?.enable&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"URL"),React.createElement("td",null,React.createElement("input",{type:"text",value:e?.url,onChange:e=>t("url",e.target.value)}),React.createElement("label",{style:{marginLeft:15}},React.createElement("input",{type:"checkbox",className:"checkbox-switch checkbox-yesno",defaultChecked:e?._blank,onChange:()=>t("_blank",!e?._blank)})," Open in blank")))))};function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},x.apply(this,arguments)}const{useState:C,useEffect:N}=React,S=e=>{const[t,a]=C(s.getState().overall_rectangle_embed);N((()=>{const e=s.subscribe((()=>a(s.getState().overall_rectangle_embed)));return()=>e()}),[]);const c=e=>s.dispatch({type:l,payload:{name:"overall_rectangle_embed",data:e}}),r=Object.assign({enable:!1,url:"",_blank:!1},t?.link),o=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);return React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shortcode",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Embed shortcode")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_overall_rectangle id="',e?.id,'"]'))),React.createElement(k,x({},r,{onUpdate:(e,t)=>{r[e]=t,c({link:r})}})),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement(y,x({},t,{shadow:o})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_color,onUpdate:e=>c({rating_color:e})}))),React.createElement(g,{shadow:o,onUpdate:(e,t)=>{o[e]=t,c({shadow:o})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_text_color,onUpdate:e=>c({review_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_background,onUpdate:e=>c({review_background:e})}))))))},{useEffect:U}=React,O=e=>{const t=(Array.isArray(e?.on_pages)?e.on_pages:[]).map((e=>parseInt(e)));return U((()=>{if(Array.isArray(e?.on_pages))return;const t=proofratings.pages.map((e=>e.ID));e.onUpdate({on_pages:t})}),[]),React.createElement("table",{className:"form-table"},React.createElement("caption",null,"Page to show on"),React.createElement("tbody",null,proofratings.pages.map((a=>React.createElement("tr",{key:a.ID},React.createElement("th",{scope:"row"},a.post_title),React.createElement("td",null,React.createElement("input",{defaultChecked:t.includes(a.ID),onChange:()=>(a=>{const c=t.indexOf(a);-1!==c?t.splice(c,1):t.push(a),e.onUpdate({on_pages:t})})(a.ID),className:"checkbox-switch",type:"checkbox"})))))))};function z(){return z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},z.apply(this,arguments)}const{useState:A,useEffect:j}=React,B=e=>{s.getState();const[t,a]=A(s.getState().overall_rectangle_float);j((()=>{const e=s.subscribe((()=>a(s.getState().overall_rectangle_float)));return()=>e()}),[]);const c=e=>s.dispatch({type:l,payload:{name:"overall_rectangle_float",data:e}}),r=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Tablet Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.tablet,className:"checkbox-switch",onChange:()=>c({tablet:!t?.tablet})}),"Show/Hide on tablet"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Mobile Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.mobile,className:"checkbox-switch",onChange:()=>c({mobile:!t?.mobile})}),"Show/Hide on mobile"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Close option"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.close_button,className:"checkbox-switch",onChange:()=>c({close_button:!t?.close_button})})))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Position"),React.createElement("td",null,React.createElement("select",{defaultValue:t?.position,onChange:e=>c({position:e.target.value})},React.createElement("option",{value:"left"},"Left"),React.createElement("option",{value:"right"},"Right")))),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement(y,z({},t,{shadow:r})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_color,onUpdate:e=>c({rating_color:e})}))),React.createElement(g,{shadow:r,onUpdate:(e,t)=>{r[e]=t,c({shadow:r})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_text_color,onUpdate:e=>c({review_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_background,onUpdate:e=>c({review_background:e})})))))),React.createElement(O,{onUpdate:c,on_pages:t?.on_pages}))},T=e=>{const t=`.proofratings-badge.proofratings-badge-narrow {${(()=>{const t=[];return e?.star_color&&t.push("--star_color:"+e.star_color),e?.rating_color&&t.push("--rating_color:"+e.rating_color),e?.background_color&&t.push("--background_color:"+e.background_color),e?.review_text_color&&t.push("--review_text_color:"+e.review_text_color),!1===e?.shadow?.shadow&&(t.push("--shadow_color: transparent"),t.push("--shadow_hover: transparent")),!1!==e?.shadow?.shadow&&e?.shadow?.color&&t.push("--shadow_color:"+e.shadow.color),!1!==e?.shadow?.shadow&&e?.shadow?.hover&&t.push("--shadow_hover:"+e.shadow.hover),t})().join(";")}}`;return React.createElement(React.Fragment,null,React.createElement("style",null,t),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("div",{className:"proofratings-badge proofratings-badge-narrow"},React.createElement("div",{className:"proofratings-logos"},React.createElement("img",{src:`${proofratings.assets_url}/images/icon-google.png`,alt:"google"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-trustpilot.png`,alt:"trustpilot"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-wordpress.jpg`,alt:"wordpress"})),React.createElement("div",{className:"proofratings-reviews"},React.createElement("span",{className:"proofratings-score"},"4.8"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"96%"}}))),React.createElement("div",{className:"proofratings-review-count"},"44 reviews")))))};function L(){return L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},L.apply(this,arguments)}const{useState:F,useEffect:P}=React,$=e=>{const[t,a]=F(s.getState().overall_narrow_embed);P((()=>{const e=s.subscribe((()=>a(s.getState().overall_narrow_embed)));return()=>e()}),[]);const c=e=>s.dispatch({type:l,payload:{name:"overall_narrow_embed",data:e}}),r=Object.assign({enable:!1,url:"",_blank:!1},t?.link),o=Object.assign({shadow:!1,color:"",hover:""},t?.shadow);return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Shortcode ",React.createElement("p",{className:"description",style:{fontWeight:"normal"}},"Embed shortcode")),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},'[proofratings_overall_narrow id="',e?.id,'"]'))),React.createElement(k,L({},r,{onUpdate:(e,t)=>{r[e]=t,c({link:r})}})),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement(T,L({},t,{shadow:o})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_color,onUpdate:e=>c({rating_color:e})}))),React.createElement(g,{shadow:o,onUpdate:(e,t)=>{o[e]=t,c({shadow:o})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Count Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_text_color,onUpdate:e=>c({review_text_color:e})})))))))};function I(){return I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},I.apply(this,arguments)}const{useState:V,useEffect:q}=React,H=()=>{s.getState();const[e,t]=V(s.getState().overall_narrow_float);q((()=>{const e=s.subscribe((()=>t(s.getState().overall_narrow_float)));return()=>e()}),[]);const a=e=>s.dispatch({type:l,payload:{name:"overall_narrow_float",data:e}}),c=Object.assign({shadow:!1,color:"",hover:""},e?.shadow);return React.createElement(React.Fragment,null,React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Tablet Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.tablet,className:"checkbox-switch",onChange:()=>a({tablet:!e?.tablet})}),"Show/Hide on tablet"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Mobile Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.mobile,className:"checkbox-switch",onChange:()=>a({mobile:!e?.mobile})}),"Show/Hide on mobile"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Close option"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.close_button,className:"checkbox-switch",onChange:()=>a({close_button:!e.close_button})})))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Position"),React.createElement("td",null,React.createElement("select",{defaultValue:e?.position,onChange:e=>a({position:e.target.value})},React.createElement("option",{value:"left"},"Left"),React.createElement("option",{value:"center"},"Center"),React.createElement("option",{value:"right"},"Right")))),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:e?.customize,onChange:()=>a({customize:!e?.customize})})," Customize"))),e?.customize&&React.createElement(React.Fragment,null,React.createElement(T,I({},e,{shadow:c})),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:e?.star_color,onUpdate:e=>a({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:e?.rating_color,onUpdate:e=>a({rating_color:e})}))),React.createElement(g,{shadow:c,onUpdate:(e,t)=>{c[e]=t,a({shadow:c})}}),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.background_color,onUpdate:e=>a({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Count Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_text_color,onUpdate:e=>a({review_text_color:e})})))))),React.createElement(O,{onUpdate:a,on_pages:e?.on_pages}))},{useState:M,useEffect:D}=React,G=()=>{const[e,t]=M(s.getState().overall_popup);D((()=>{const e=s.subscribe((()=>t(s.getState().overall_popup)));return()=>e()}),[]);const a=e=>s.dispatch({type:"OVERALL_POPUP",payload:e}),c=`.proofratings-popup-widgets-box .proofratings-widget{${(()=>{const t=[];return e?.star_color&&t.push("--themeColor:"+e.star_color),e?.logo_color&&t.push("--logoColor:"+e.logo_color),e?.review_text_color&&t.push("--reviewCountTextColor:"+e.review_text_color),e?.review_text_background&&t.push("--review_text_background:"+e.review_text_background),e?.rating_color&&t.push("--rating_color:"+e.rating_color),e?.view_review_color&&t.push("--view_review_color:"+e.view_review_color),t})().join(";")}}`;let r="proofratings-widget proofratings-widget-customized";return e?.logo_color&&(r+=" proofratings-widget-logo-color"),React.createElement(React.Fragment,null,React.createElement("style",null,c),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:e?.customize,onChange:()=>a({customize:!e?.customize})})," Customize"))),e?.customize&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("div",{className:"proofratings-badges-popup"},React.createElement("div",{className:"proofratings-popup-widgets-box","data-column":3},React.createElement("div",{className:r},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}/images/google.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}/images/google.svg`,alt:"Google"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"5.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"100%"}}))),React.createElement("div",{className:"review-count"}," 9 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews")),React.createElement("div",{className:r},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}/images/trustpilot.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}/images/trustpilot.svg`,alt:"Trustpilot"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"4.4"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"88%"}}))),React.createElement("div",{className:"review-count"}," 10 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews")),React.createElement("div",{className:r},React.createElement("div",{className:"review-site-logo",style:{WebkitMaskImage:`url(${proofratings.assets_url}/images/trustpilot.svg)`}},React.createElement("img",{src:`${proofratings.assets_url}/images/wordpress.svg`,alt:"Wordpress"})),React.createElement("div",{className:"proofratings-reviews",itemProp:"reviewRating"},React.createElement("span",{className:"proofratings-score"},"5.0"),React.createElement("span",{className:"proofratings-stars"},React.createElement("i",{style:{width:"100%"}}))),React.createElement("div",{className:"review-count"}," 25 reviews "),React.createElement("p",{className:"view-reviews"},"View Reviews")))))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:e?.star_color,onUpdate:e=>a({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Logo Color"),React.createElement("td",null,React.createElement(p,{color:e?.logo_color,onUpdate:e=>a({logo_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_text_color,onUpdate:e=>a({review_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.review_text_background,onUpdate:e=>a({review_text_background:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Color"),React.createElement("td",null,React.createElement(p,{color:e?.rating_color,onUpdate:e=>a({rating_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"View Review Color"),React.createElement("td",null,React.createElement(p,{color:e?.view_review_color,onUpdate:e=>a({view_review_color:e})})))))))},W=e=>React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Text"),React.createElement("td",null,React.createElement("input",{type:"text",defaultValue:e?.text,onChange:t=>e.onUpdate("text",t.target.value)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button URL"),React.createElement("td",null,React.createElement("input",{type:"url",defaultValue:e?.url,onChange:t=>e.onUpdate("url",t.target.value)}),React.createElement("label",{style:{marginLeft:10}},React.createElement("input",{type:"checkbox",defaultChecked:e?.blank,className:"checkbox-switch checkbox-onoff",onChange:t=>e.onUpdate("blank",!e?.blank)})," Open in new tab"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.textcolor,onUpdate:t=>e.onUpdate("textcolor",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.background_color,onUpdate:t=>e.onUpdate("background_color",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Shape"),React.createElement("td",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.rectangle,className:"checkbox-switch checkbox-shape",onChange:()=>e.onUpdate("rectangle",!e?.rectangle)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Border"),React.createElement("td",null,React.createElement("input",{type:"checkbox",defaultChecked:e?.border,className:"checkbox-switch",onChange:()=>e.onUpdate("border",!e?.border)}))),e?.border&&React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Border Color"),React.createElement("td",null,React.createElement(p,{color:e?.border_color,onUpdate:t=>e.onUpdate("border_color",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Hover Text Color"),React.createElement("td",null,React.createElement(p,{color:e?.hover_textcolor,onUpdate:t=>e.onUpdate("hover_textcolor",t)}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Hover Background Color"),React.createElement("td",null,React.createElement(p,{color:e?.hover_background_color,onUpdate:t=>e.onUpdate("hover_background_color",t)}))),e?.border&&React.createElement("tr",null,React.createElement("th",{scope:"row"},"Button Hover Border Color"),React.createElement("td",null,React.createElement(p,{color:e?.hover_border_color,onUpdate:t=>e.onUpdate("hover_border_color",t)}))));function Q(){return Q=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},Q.apply(this,arguments)}const{useState:K,useEffect:Y}=React,J=e=>{const[t,a]=K(s.getState().overall_cta_banner);Y((()=>{const e=s.subscribe((()=>a(s.getState().overall_cta_banner)));return()=>e()}),[]);const c=e=>s.dispatch({type:"OVERALL_CTA_BANNER",payload:e}),r=(e,a)=>{let r="object"==typeof t.button2?t.button2:{};r[e]=a,c({button2:r})},l=`.proofratings-banner-badge {${(()=>{const e=[];return t?.star_color&&e.push("--star_color:"+t.star_color),t?.background_color&&e.push("--backgroundColor:"+t.background_color),t?.rating_text_color&&e.push("--rating_text_color:"+t.rating_text_color),t?.review_rating_background_color&&e.push("--review_rating_background_color:"+t.review_rating_background_color),t?.number_review_text_color&&e.push("--reviewCountTextcolor:"+t.number_review_text_color),e})().join(";")}}`;return React.createElement(React.Fragment,null,React.createElement("style",null,l),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row",style:{verticalAlign:"middle"}},"Webhook URL"),React.createElement("td",null,React.createElement("code",{className:"shortocde-area"},proofratings.api,"/webhooks?id=",e?.id,"&site_url=",proofratings.site_url))))),React.createElement("table",{className:"form-table"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{scope:"row"},"Tablet Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.tablet,className:"checkbox-switch",onChange:()=>c({tablet:!t?.tablet})}),"Show/Hide on tablet"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Mobile Visibility"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.mobile,className:"checkbox-switch",onChange:()=>c({mobile:!t?.mobile})}),"Show/Hide on mobile"))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Close option"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.close_button,className:"checkbox-switch",onChange:()=>c({close_button:!t?.close_button})})))),React.createElement("tr",null,React.createElement("td",{style:{paddingLeft:0},colSpan:2},React.createElement("label",null,React.createElement("input",{type:"checkbox",className:"checkbox-switch",defaultChecked:t?.customize,onChange:()=>c({customize:!t?.customize})})," Customize"))),t?.customize&&React.createElement(React.Fragment,null,React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("div",{className:"proofratings-banner-badge badge-hidden-mobile "+(t?.shadow?"has-shadow":"")},React.createElement("div",{className:"proofratings-logos"},React.createElement("img",{src:`${proofratings.assets_url}/images/icon-google.png`,alt:"google"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-trustpilot.png`,alt:"trustpilot"}),React.createElement("img",{src:`${proofratings.assets_url}/images/icon-wordpress.jpg`,alt:"wordpress"})),React.createElement("div",{className:"rating-box"},React.createElement("span",{className:"proofratings-stars medium"},React.createElement("i",{style:{width:"96%"}})),React.createElement("span",{className:"rating"},"4.8 / 5")),React.createElement("div",{className:"proofratings-review-count"},"44 customer reviews"),React.createElement("div",{className:"button-container"},React.createElement("div",{className:"proofratings-button button1 has-border"},"Buy Now"))))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Star Color"),React.createElement("td",null,React.createElement(p,{color:t?.star_color,onUpdate:e=>c({star_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Top Shadow"),React.createElement("td",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.shadow,className:"checkbox-switch",onChange:()=>c({shadow:!t.shadow})})))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.background_color,onUpdate:e=>c({background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Rating Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.rating_text_color,onUpdate:e=>c({rating_text_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Review Rating Background Color"),React.createElement("td",null,React.createElement(p,{color:t?.review_rating_background_color,onUpdate:e=>c({review_rating_background_color:e})}))),React.createElement("tr",null,React.createElement("th",{scope:"row"},"Number of Review Text Color"),React.createElement("td",null,React.createElement(p,{color:t?.number_review_text_color,onUpdate:e=>c({number_review_text_color:e})})))))),React.createElement("h2",{style:{fontSize:25}},"Call-to-action Button"),React.createElement("table",{className:"form-table"},React.createElement("caption",null,"First Button"),React.createElement("tbody",null,React.createElement(W,Q({key:"button1",onUpdate:(e,a)=>{let r="object"==typeof t.button1?t.button1:{};r[e]=a,c({button1:r})}},t?.button1)))),React.createElement("div",{className:"gap-30"}),React.createElement("table",{className:"form-table"},React.createElement("caption",null,"Second Button"),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("td",{colSpan:2,style:{paddingLeft:0}},React.createElement("label",null,React.createElement("input",{type:"checkbox",defaultChecked:t?.button2?.show,className:"checkbox-switch",onChange:()=>r("show",!t.button2?.show)})," Second Button"))),t?.button2?.show&&React.createElement(W,Q({key:"button2",onUpdate:r},t?.button2)))),React.createElement(O,{onUpdate:c,on_pages:t?.on_pages}))},X=document.getElementById("proofratings-widgets-root"),{useEffect:Z,useState:ee}=React,te=X.getAttribute("data-location"),ae=()=>{const[e,t]=ee({error:null,loading:!0,saving:!1}),[a,c]=ee(s.getState());if(Z((()=>{const e=s.subscribe((()=>c({...s.getState()})));return()=>e()}),[]),Z((()=>{jQuery.post(proofratings.ajaxurl,{location_id:te,action:"proofratings_get_location"},(function(a){if(0==a?.success)return t({...e,error:!0,loading:!1});t({...e,error:!1,loading:!1}),0!==Object.keys(a).length&&s.dispatch({type:o,payload:a})})).fail((function(){return t({...e,error:!0,loading:!1})}))}),[]),!0===e.loading)return React.createElement("div",{className:"proofraing-progress-msg"},"Loading...");if(!0===e.error)return React.createElement("div",{className:"proofraing-progress-msg"},"Failed to retrive this location.");const r={"review-sites":"Review Sites","display-badges":"Badges","badge-square":"Sites (Square)","badge-rectangle":"Sites (Rectangle)","overall-rectangle-embed":"Overall Rating Rectangle - EMBED","overall-rectangle-float":"Overall Rating Rectangle - FLOAT","overall-narrow-embed":"Overall Rating Narrow - EMBED","overall-narrow-float":"Overall Rating Narrow - FLOAT","badge-popup":"Popup Badges","overall-cta-banner":"Overall Rating (CTA Banner)"},{badge_display:l,activeSites:n}=a;!0!==l?.sites_square&&delete r["badge-square"],!0!==l?.sites_rectangle&&delete r["badge-rectangle"],!0!==l?.overall_rectangle_embed&&delete r["overall-rectangle-embed"],!0!==l?.overall_rectangle_float&&delete r["overall-rectangle-float"],!0!==l?.overall_narrow_embed&&delete r["overall-narrow-embed"],!0!==l?.overall_narrow_float&&delete r["overall-narrow-float"],!0!==l?.overall_cta_banner&&delete r["overall-cta-banner"],!0!==l?.overall_rectangle_float&&!0!==l?.overall_narrow_float&&delete r["badge-popup"];const u=a?.current_tab||"review-sites";return React.createElement(React.Fragment,null,React.createElement("h2",{className:"nav-tab-wrapper"},Object.keys(r).map((e=>{const t=u===e?"nav-tab-active":"";return React.createElement("a",{key:e,href:"#",onClick:t=>((e,t)=>{t.preventDefault(),s.dispatch({type:o,payload:{...a,current_tab:e}})})(e,t),className:`nav-tab ${t}`},r[e])}))),"review-sites"===u&&React.createElement(i,{activeSites:n,id:te}),"display-badges"===u&&React.createElement(m,{badge_display:l,id:te}),"badge-square"===u&&React.createElement(w,{id:te}),"badge-rectangle"===u&&React.createElement(f,{id:te}),"overall-rectangle-embed"===u&&React.createElement(S,{id:te}),"overall-rectangle-float"===u&&React.createElement(B,{id:te}),"overall-narrow-embed"===u&&React.createElement($,{id:te}),"overall-narrow-float"===u&&React.createElement(H,{id:te}),"badge-popup"===u&&React.createElement(G,null),"overall-cta-banner"===u&&React.createElement(J,{id:te}),React.createElement("p",{className:"submit"},React.createElement("button",{id:"btn-proofratings-save",className:"button button-primary",onClick:()=>{e.saving||(t({...e,saving:!0}),a.action="proofratings_save_location",a.location_id=te,jQuery.post(proofratings.ajaxurl,a,(function(a){0==a?.success&&alert("Something wrong with saving data"),t({...e,saving:!1})})))}},e.saving?"Saving...":"Save Changes")))};X&&ReactDOM.render(React.createElement(ae,null),X)})();
  • proofratings/trunk/inc/class-proofratings-admin.php

    r2646965 r2650552  
    146146            wp_localize_script( 'proofratings-widgets', 'proofratings', array(
    147147                'ajaxurl' => admin_url('admin-ajax.php'),
     148                'api' => PROOFRATINGS_API_URL,
     149                'site_url' => home_url(),
    148150                'assets_url' => PROOFRATINGS_PLUGIN_URL . '/assets/',
    149151                'review_sites' => get_proofratings_settings(),
  • proofratings/trunk/inc/class-proofratings-shortcodes.php

    r2647419 r2650552  
    136136        }
    137137
     138        if ( sizeof($location->reviews) > 5 ) {
     139            $classes[] = 'connected-more';
     140        }
     141
    138142        $attributes['class'] = implode(' ', $classes);
    139143        $attributes['data-location'] = $location->id;
     
    144148        foreach ($attributes as $ak => $attribute_value) {
    145149            $attribute_html .= sprintf(' %s="%s"', $ak, $attribute_value);
    146         }       
     150        }
    147151
    148152        ob_start();
  • proofratings/trunk/inc/class-proofratings.php

    r2646965 r2650552  
    231231
    232232            if ( in_array(get_the_ID(), $on_pages) ) {
     233                echo '<div>';
    233234                echo do_shortcode(sprintf('[proofratings_overall_rectangle id="%s" float="yes"]', $location->id ));
    234235                echo do_shortcode(sprintf('[proofratings_badges_popup id="%s"]', $location->id));
     236                echo '</div>';
    235237            }
    236238        }
     
    251253
    252254            if ( in_array(get_the_ID(), $on_pages) ) {
     255                echo '<div>';
    253256                echo do_shortcode(sprintf('[proofratings_overall_narrow id="%s" float="yes"]', $location->id ));
    254257                echo do_shortcode(sprintf('[proofratings_badges_popup id="%s"]', $location->id));
     258                echo '</div>';
    255259            }
    256260        }
  • proofratings/trunk/proofratings.php

    r2646965 r2650552  
    44 * Plugin URI: https://proofratings.com
    55 * Description: Proofratings monitors all your third party sites for reviews by your customers. Sharing review ratings badges on your website increases conversions.
    6  * Version: 1.0.6
     6 * Version: 1.0.7
    77 * Author: Proofratings
    88 * Requires at least: 5.2
     
    2121
    2222// Define constants.
    23 define( 'PROOFRATINGS_VERSION', '1.0.6' );
     23define( 'PROOFRATINGS_VERSION', '1.0.7' );
    2424define( 'PROOFRATINGS_PLUGIN_DIR', untrailingslashit( plugin_dir_path( __FILE__ ) ) );
    2525define( 'PROOFRATINGS_PLUGIN_URL', untrailingslashit(plugin_dir_url(__FILE__)));
  • proofratings/trunk/readme.txt

    r2646965 r2650552  
    55Requires at least: 5.2
    66Tested up to: 5.8
    7 Stable tag: 1.0.6
     7Stable tag: 1.0.7
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.