WordPress.org
Get WordPress

Plugin Directory

Changeset 2647409


Ignore:
Timestamp:
12/21/2021 03:19:55 PM (4 years ago)
Author:
proofratings
Message:

version 1.0.6

Location:
proofratings
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • proofratings/tags/1.0.6/assets/js/proofratings-widgets.js

    r2646965 r2647409  
    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?.shape,className:"checkbox-switch checkbox-shape",onChange:()=>e.onUpdate("shape",!e?.shape)}))),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,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(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,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/*
     2 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
     3 * This devtool is neither made for production nor for readable output files.
     4 * It uses "eval()" calls to create a separate source file in the browser devtools.
     5 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
     6 * or disable the default devtool with "devtool: false".
     7 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
     8 */
     9/******/ (() => { // webpackBootstrap
     10/******/    "use strict";
     11/******/    var __webpack_modules__ = ({
     12
     13/***/ "./node_modules/redux/es/redux.js":
     14/*!****************************************!*\
     15  !*** ./node_modules/redux/es/redux.js ***!
     16  \****************************************/
     17/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     18
     19eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"__DO_NOT_USE__ActionTypes\": () => (/* binding */ ActionTypes),\n/* harmony export */   \"applyMiddleware\": () => (/* binding */ applyMiddleware),\n/* harmony export */   \"bindActionCreators\": () => (/* binding */ bindActionCreators),\n/* harmony export */   \"combineReducers\": () => (/* binding */ combineReducers),\n/* harmony export */   \"compose\": () => (/* binding */ compose),\n/* harmony export */   \"createStore\": () => (/* binding */ createStore)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n\n/**\n * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js\n *\n * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes\n * during build.\n * @param {number} code\n */\n\nfunction formatProdErrorMessage(code) {\n  return \"Minified Redux error #\" + code + \"; visit https://redux.js.org/Errors?code=\" + code + \" for the full message or \" + 'use the non-minified dev environment for full errors. ';\n} // Inlined version of the `symbol-observable` polyfill\n\n\nvar $$observable = function () {\n  return typeof Symbol === 'function' && Symbol.observable || '@@observable';\n}();\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\n\n\nvar randomString = function randomString() {\n  return Math.random().toString(36).substring(7).split('').join('.');\n};\n\nvar ActionTypes = {\n  INIT: \"@@redux/INIT\" + randomString(),\n  REPLACE: \"@@redux/REPLACE\" + randomString(),\n  PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {\n    return \"@@redux/PROBE_UNKNOWN_ACTION\" + randomString();\n  }\n};\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\n\nfunction isPlainObject(obj) {\n  if (typeof obj !== 'object' || obj === null) return false;\n  var proto = obj;\n\n  while (Object.getPrototypeOf(proto) !== null) {\n    proto = Object.getPrototypeOf(proto);\n  }\n\n  return Object.getPrototypeOf(obj) === proto;\n} // Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of\n\n\nfunction miniKindOf(val) {\n  if (val === void 0) return 'undefined';\n  if (val === null) return 'null';\n  var type = typeof val;\n\n  switch (type) {\n    case 'boolean':\n    case 'string':\n    case 'number':\n    case 'symbol':\n    case 'function':\n      {\n        return type;\n      }\n  }\n\n  if (Array.isArray(val)) return 'array';\n  if (isDate(val)) return 'date';\n  if (isError(val)) return 'error';\n  var constructorName = ctorName(val);\n\n  switch (constructorName) {\n    case 'Symbol':\n    case 'Promise':\n    case 'WeakMap':\n    case 'WeakSet':\n    case 'Map':\n    case 'Set':\n      return constructorName;\n  } // other\n\n\n  return type.slice(8, -1).toLowerCase().replace(/\\s/g, '');\n}\n\nfunction ctorName(val) {\n  return typeof val.constructor === 'function' ? val.constructor.name : null;\n}\n\nfunction isError(val) {\n  return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';\n}\n\nfunction isDate(val) {\n  if (val instanceof Date) return true;\n  return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';\n}\n\nfunction kindOf(val) {\n  var typeOfVal = typeof val;\n\n  if (true) {\n    typeOfVal = miniKindOf(val);\n  }\n\n  return typeOfVal;\n}\n/**\n * Creates a Redux store that holds the state tree.\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\n\n\nfunction createStore(reducer, preloadedState, enhancer) {\n  var _ref2;\n\n  if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {\n    throw new Error( false ? 0 : 'It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.');\n  }\n\n  if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n    enhancer = preloadedState;\n    preloadedState = undefined;\n  }\n\n  if (typeof enhancer !== 'undefined') {\n    if (typeof enhancer !== 'function') {\n      throw new Error( false ? 0 : \"Expected the enhancer to be a function. Instead, received: '\" + kindOf(enhancer) + \"'\");\n    }\n\n    return enhancer(createStore)(reducer, preloadedState);\n  }\n\n  if (typeof reducer !== 'function') {\n    throw new Error( false ? 0 : \"Expected the root reducer to be a function. Instead, received: '\" + kindOf(reducer) + \"'\");\n  }\n\n  var currentReducer = reducer;\n  var currentState = preloadedState;\n  var currentListeners = [];\n  var nextListeners = currentListeners;\n  var isDispatching = false;\n  /**\n   * This makes a shallow copy of currentListeners so we can use\n   * nextListeners as a temporary list while dispatching.\n   *\n   * This prevents any bugs around consumers calling\n   * subscribe/unsubscribe in the middle of a dispatch.\n   */\n\n  function ensureCanMutateNextListeners() {\n    if (nextListeners === currentListeners) {\n      nextListeners = currentListeners.slice();\n    }\n  }\n  /**\n   * Reads the state tree managed by the store.\n   *\n   * @returns {any} The current state tree of your application.\n   */\n\n\n  function getState() {\n    if (isDispatching) {\n      throw new Error( false ? 0 : 'You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');\n    }\n\n    return currentState;\n  }\n  /**\n   * Adds a change listener. It will be called any time an action is dispatched,\n   * and some part of the state tree may potentially have changed. You may then\n   * call `getState()` to read the current state tree inside the callback.\n   *\n   * You may call `dispatch()` from a change listener, with the following\n   * caveats:\n   *\n   * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n   * If you subscribe or unsubscribe while the listeners are being invoked, this\n   * will not have any effect on the `dispatch()` that is currently in progress.\n   * However, the next `dispatch()` call, whether nested or not, will use a more\n   * recent snapshot of the subscription list.\n   *\n   * 2. The listener should not expect to see all state changes, as the state\n   * might have been updated multiple times during a nested `dispatch()` before\n   * the listener is called. It is, however, guaranteed that all subscribers\n   * registered before the `dispatch()` started will be called with the latest\n   * state by the time it exits.\n   *\n   * @param {Function} listener A callback to be invoked on every dispatch.\n   * @returns {Function} A function to remove this change listener.\n   */\n\n\n  function subscribe(listener) {\n    if (typeof listener !== 'function') {\n      throw new Error( false ? 0 : \"Expected the listener to be a function. Instead, received: '\" + kindOf(listener) + \"'\");\n    }\n\n    if (isDispatching) {\n      throw new Error( false ? 0 : 'You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n    }\n\n    var isSubscribed = true;\n    ensureCanMutateNextListeners();\n    nextListeners.push(listener);\n    return function unsubscribe() {\n      if (!isSubscribed) {\n        return;\n      }\n\n      if (isDispatching) {\n        throw new Error( false ? 0 : 'You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n      }\n\n      isSubscribed = false;\n      ensureCanMutateNextListeners();\n      var index = nextListeners.indexOf(listener);\n      nextListeners.splice(index, 1);\n      currentListeners = null;\n    };\n  }\n  /**\n   * Dispatches an action. It is the only way to trigger a state change.\n   *\n   * The `reducer` function, used to create the store, will be called with the\n   * current state tree and the given `action`. Its return value will\n   * be considered the **next** state of the tree, and the change listeners\n   * will be notified.\n   *\n   * The base implementation only supports plain object actions. If you want to\n   * dispatch a Promise, an Observable, a thunk, or something else, you need to\n   * wrap your store creating function into the corresponding middleware. For\n   * example, see the documentation for the `redux-thunk` package. Even the\n   * middleware will eventually dispatch plain object actions using this method.\n   *\n   * @param {Object} action A plain object representing “what changed”. It is\n   * a good idea to keep actions serializable so you can record and replay user\n   * sessions, or use the time travelling `redux-devtools`. An action must have\n   * a `type` property which may not be `undefined`. It is a good idea to use\n   * string constants for action types.\n   *\n   * @returns {Object} For convenience, the same action object you dispatched.\n   *\n   * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n   * return something else (for example, a Promise you can await).\n   */\n\n\n  function dispatch(action) {\n    if (!isPlainObject(action)) {\n      throw new Error( false ? 0 : \"Actions must be plain objects. Instead, the actual type was: '\" + kindOf(action) + \"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.\");\n    }\n\n    if (typeof action.type === 'undefined') {\n      throw new Error( false ? 0 : 'Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.');\n    }\n\n    if (isDispatching) {\n      throw new Error( false ? 0 : 'Reducers may not dispatch actions.');\n    }\n\n    try {\n      isDispatching = true;\n      currentState = currentReducer(currentState, action);\n    } finally {\n      isDispatching = false;\n    }\n\n    var listeners = currentListeners = nextListeners;\n\n    for (var i = 0; i < listeners.length; i++) {\n      var listener = listeners[i];\n      listener();\n    }\n\n    return action;\n  }\n  /**\n   * Replaces the reducer currently used by the store to calculate the state.\n   *\n   * You might need this if your app implements code splitting and you want to\n   * load some of the reducers dynamically. You might also need this if you\n   * implement a hot reloading mechanism for Redux.\n   *\n   * @param {Function} nextReducer The reducer for the store to use instead.\n   * @returns {void}\n   */\n\n\n  function replaceReducer(nextReducer) {\n    if (typeof nextReducer !== 'function') {\n      throw new Error( false ? 0 : \"Expected the nextReducer to be a function. Instead, received: '\" + kindOf(nextReducer));\n    }\n\n    currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.\n    // Any reducers that existed in both the new and old rootReducer\n    // will receive the previous state. This effectively populates\n    // the new state tree with any relevant data from the old one.\n\n    dispatch({\n      type: ActionTypes.REPLACE\n    });\n  }\n  /**\n   * Interoperability point for observable/reactive libraries.\n   * @returns {observable} A minimal observable of state changes.\n   * For more information, see the observable proposal:\n   * https://github.com/tc39/proposal-observable\n   */\n\n\n  function observable() {\n    var _ref;\n\n    var outerSubscribe = subscribe;\n    return _ref = {\n      /**\n       * The minimal observable subscription method.\n       * @param {Object} observer Any object that can be used as an observer.\n       * The observer object should have a `next` method.\n       * @returns {subscription} An object with an `unsubscribe` method that can\n       * be used to unsubscribe the observable from the store, and prevent further\n       * emission of values from the observable.\n       */\n      subscribe: function subscribe(observer) {\n        if (typeof observer !== 'object' || observer === null) {\n          throw new Error( false ? 0 : \"Expected the observer to be an object. Instead, received: '\" + kindOf(observer) + \"'\");\n        }\n\n        function observeState() {\n          if (observer.next) {\n            observer.next(getState());\n          }\n        }\n\n        observeState();\n        var unsubscribe = outerSubscribe(observeState);\n        return {\n          unsubscribe: unsubscribe\n        };\n      }\n    }, _ref[$$observable] = function () {\n      return this;\n    }, _ref;\n  } // When a store is created, an \"INIT\" action is dispatched so that every\n  // reducer returns their initial state. This effectively populates\n  // the initial state tree.\n\n\n  dispatch({\n    type: ActionTypes.INIT\n  });\n  return _ref2 = {\n    dispatch: dispatch,\n    subscribe: subscribe,\n    getState: getState,\n    replaceReducer: replaceReducer\n  }, _ref2[$$observable] = observable, _ref2;\n}\n/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\n\n\nfunction warning(message) {\n  /* eslint-disable no-console */\n  if (typeof console !== 'undefined' && typeof console.error === 'function') {\n    console.error(message);\n  }\n  /* eslint-enable no-console */\n\n\n  try {\n    // This error was thrown as a convenience so that if you enable\n    // \"break on all exceptions\" in your console,\n    // it would pause the execution at this line.\n    throw new Error(message);\n  } catch (e) {} // eslint-disable-line no-empty\n\n}\n\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n  var reducerKeys = Object.keys(reducers);\n  var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';\n\n  if (reducerKeys.length === 0) {\n    return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';\n  }\n\n  if (!isPlainObject(inputState)) {\n    return \"The \" + argumentName + \" has unexpected type of \\\"\" + kindOf(inputState) + \"\\\". Expected argument to be an object with the following \" + (\"keys: \\\"\" + reducerKeys.join('\", \"') + \"\\\"\");\n  }\n\n  var unexpectedKeys = Object.keys(inputState).filter(function (key) {\n    return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];\n  });\n  unexpectedKeys.forEach(function (key) {\n    unexpectedKeyCache[key] = true;\n  });\n  if (action && action.type === ActionTypes.REPLACE) return;\n\n  if (unexpectedKeys.length > 0) {\n    return \"Unexpected \" + (unexpectedKeys.length > 1 ? 'keys' : 'key') + \" \" + (\"\\\"\" + unexpectedKeys.join('\", \"') + \"\\\" found in \" + argumentName + \". \") + \"Expected to find one of the known reducer keys instead: \" + (\"\\\"\" + reducerKeys.join('\", \"') + \"\\\". Unexpected keys will be ignored.\");\n  }\n}\n\nfunction assertReducerShape(reducers) {\n  Object.keys(reducers).forEach(function (key) {\n    var reducer = reducers[key];\n    var initialState = reducer(undefined, {\n      type: ActionTypes.INIT\n    });\n\n    if (typeof initialState === 'undefined') {\n      throw new Error( false ? 0 : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined during initialization. \" + \"If the state passed to the reducer is undefined, you must \" + \"explicitly return the initial state. The initial state may \" + \"not be undefined. If you don't want to set a value for this reducer, \" + \"you can use null instead of undefined.\");\n    }\n\n    if (typeof reducer(undefined, {\n      type: ActionTypes.PROBE_UNKNOWN_ACTION()\n    }) === 'undefined') {\n      throw new Error( false ? 0 : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined when probed with a random type. \" + (\"Don't try to handle '\" + ActionTypes.INIT + \"' or other actions in \\\"redux/*\\\" \") + \"namespace. They are considered private. Instead, you must return the \" + \"current state for any unknown actions, unless it is undefined, \" + \"in which case you must return the initial state, regardless of the \" + \"action type. The initial state may not be undefined, but can be null.\");\n    }\n  });\n}\n/**\n * Turns an object whose values are different reducer functions, into a single\n * reducer function. It will call every child reducer, and gather their results\n * into a single state object, whose keys correspond to the keys of the passed\n * reducer functions.\n *\n * @param {Object} reducers An object whose values correspond to different\n * reducer functions that need to be combined into one. One handy way to obtain\n * it is to use ES6 `import * as reducers` syntax. The reducers may never return\n * undefined for any action. Instead, they should return their initial state\n * if the state passed to them was undefined, and the current state for any\n * unrecognized action.\n *\n * @returns {Function} A reducer function that invokes every reducer inside the\n * passed object, and builds a state object with the same shape.\n */\n\n\nfunction combineReducers(reducers) {\n  var reducerKeys = Object.keys(reducers);\n  var finalReducers = {};\n\n  for (var i = 0; i < reducerKeys.length; i++) {\n    var key = reducerKeys[i];\n\n    if (true) {\n      if (typeof reducers[key] === 'undefined') {\n        warning(\"No reducer provided for key \\\"\" + key + \"\\\"\");\n      }\n    }\n\n    if (typeof reducers[key] === 'function') {\n      finalReducers[key] = reducers[key];\n    }\n  }\n\n  var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same\n  // keys multiple times.\n\n  var unexpectedKeyCache;\n\n  if (true) {\n    unexpectedKeyCache = {};\n  }\n\n  var shapeAssertionError;\n\n  try {\n    assertReducerShape(finalReducers);\n  } catch (e) {\n    shapeAssertionError = e;\n  }\n\n  return function combination(state, action) {\n    if (state === void 0) {\n      state = {};\n    }\n\n    if (shapeAssertionError) {\n      throw shapeAssertionError;\n    }\n\n    if (true) {\n      var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n\n      if (warningMessage) {\n        warning(warningMessage);\n      }\n    }\n\n    var hasChanged = false;\n    var nextState = {};\n\n    for (var _i = 0; _i < finalReducerKeys.length; _i++) {\n      var _key = finalReducerKeys[_i];\n      var reducer = finalReducers[_key];\n      var previousStateForKey = state[_key];\n      var nextStateForKey = reducer(previousStateForKey, action);\n\n      if (typeof nextStateForKey === 'undefined') {\n        var actionType = action && action.type;\n        throw new Error( false ? 0 : \"When called with an action of type \" + (actionType ? \"\\\"\" + String(actionType) + \"\\\"\" : '(unknown type)') + \", the slice reducer for key \\\"\" + _key + \"\\\" returned undefined. \" + \"To ignore an action, you must explicitly return the previous state. \" + \"If you want this reducer to hold no value, you can return null instead of undefined.\");\n      }\n\n      nextState[_key] = nextStateForKey;\n      hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n    }\n\n    hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n    return hasChanged ? nextState : state;\n  };\n}\n\nfunction bindActionCreator(actionCreator, dispatch) {\n  return function () {\n    return dispatch(actionCreator.apply(this, arguments));\n  };\n}\n/**\n * Turns an object whose values are action creators, into an object with the\n * same keys, but with every function wrapped into a `dispatch` call so they\n * may be invoked directly. This is just a convenience method, as you can call\n * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.\n *\n * For convenience, you can also pass an action creator as the first argument,\n * and get a dispatch wrapped function in return.\n *\n * @param {Function|Object} actionCreators An object whose values are action\n * creator functions. One handy way to obtain it is to use ES6 `import * as`\n * syntax. You may also pass a single function.\n *\n * @param {Function} dispatch The `dispatch` function available on your Redux\n * store.\n *\n * @returns {Function|Object} The object mimicking the original object, but with\n * every action creator wrapped into the `dispatch` call. If you passed a\n * function as `actionCreators`, the return value will also be a single\n * function.\n */\n\n\nfunction bindActionCreators(actionCreators, dispatch) {\n  if (typeof actionCreators === 'function') {\n    return bindActionCreator(actionCreators, dispatch);\n  }\n\n  if (typeof actionCreators !== 'object' || actionCreators === null) {\n    throw new Error( false ? 0 : \"bindActionCreators expected an object or a function, but instead received: '\" + kindOf(actionCreators) + \"'. \" + \"Did you write \\\"import ActionCreators from\\\" instead of \\\"import * as ActionCreators from\\\"?\");\n  }\n\n  var boundActionCreators = {};\n\n  for (var key in actionCreators) {\n    var actionCreator = actionCreators[key];\n\n    if (typeof actionCreator === 'function') {\n      boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n    }\n  }\n\n  return boundActionCreators;\n}\n/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\n\n\nfunction compose() {\n  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n    funcs[_key] = arguments[_key];\n  }\n\n  if (funcs.length === 0) {\n    return function (arg) {\n      return arg;\n    };\n  }\n\n  if (funcs.length === 1) {\n    return funcs[0];\n  }\n\n  return funcs.reduce(function (a, b) {\n    return function () {\n      return a(b.apply(void 0, arguments));\n    };\n  });\n}\n/**\n * Creates a store enhancer that applies middleware to the dispatch method\n * of the Redux store. This is handy for a variety of tasks, such as expressing\n * asynchronous actions in a concise manner, or logging every action payload.\n *\n * See `redux-thunk` package as an example of the Redux middleware.\n *\n * Because middleware is potentially asynchronous, this should be the first\n * store enhancer in the composition chain.\n *\n * Note that each middleware will be given the `dispatch` and `getState` functions\n * as named arguments.\n *\n * @param {...Function} middlewares The middleware chain to be applied.\n * @returns {Function} A store enhancer applying the middleware.\n */\n\n\nfunction applyMiddleware() {\n  for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {\n    middlewares[_key] = arguments[_key];\n  }\n\n  return function (createStore) {\n    return function () {\n      var store = createStore.apply(void 0, arguments);\n\n      var _dispatch = function dispatch() {\n        throw new Error( false ? 0 : 'Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');\n      };\n\n      var middlewareAPI = {\n        getState: store.getState,\n        dispatch: function dispatch() {\n          return _dispatch.apply(void 0, arguments);\n        }\n      };\n      var chain = middlewares.map(function (middleware) {\n        return middleware(middlewareAPI);\n      });\n      _dispatch = compose.apply(void 0, chain)(store.dispatch);\n      return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, store), {}, {\n        dispatch: _dispatch\n      });\n    };\n  };\n}\n/*\n * This is a dummy function to check if the function name has been altered by minification.\n * If the function has been minified and NODE_ENV !== 'production', warn the user.\n */\n\n\nfunction isCrushed() {}\n\nif ( true && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n  warning('You are currently using minified code outside of NODE_ENV === \"production\". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');\n}\n\n\n\n//# sourceURL=webpack://proofratings/./node_modules/redux/es/redux.js?");
     20
     21/***/ }),
     22
     23/***/ "./src/BadgeDisplay.js":
     24/*!*****************************!*\
     25  !*** ./src/BadgeDisplay.js ***!
     26  \*****************************/
     27/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     28
     29eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n\n\nconst BadgeDisplay = props => {\n  const badge_display = Object.assign({\n    sites_square: false,\n    sites_rectangle: false,\n    overall_cta_banner: false,\n    overall_rectangle_embed: false,\n    overall_rectangle_float: false,\n    overall_narrow_embed: false,\n    overall_narrow_float: false\n  }, props?.badge_display);\n\n  const update_single = name => {\n    badge_display[name] = !badge_display[name];\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.BADGE_DISPLAY,\n      payload: badge_display\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Sites (Square)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/widget-style1.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    onChange: () => update_single('sites_square'),\n    className: \"checkbox-switch checkbox-onoff\",\n    checked: badge_display?.sites_square,\n    type: \"checkbox\"\n  }), \"Embed only\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Sites (Rectangle)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/widget-style2.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('sites_rectangle'),\n    type: \"checkbox\",\n    defaultChecked: badge_display?.sites_rectangle\n  }), \" Embed only\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Overall Rating (Rectangle)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/floating-badge-style1.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginRight: 30\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"checkbox-switch checkbox-onoff\",\n    type: \"checkbox\",\n    defaultChecked: badge_display?.overall_rectangle_embed,\n    onChange: () => update_single('overall_rectangle_embed')\n  }), \" Embed\"), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"checkbox-switch checkbox-onoff\",\n    type: \"checkbox\",\n    defaultChecked: badge_display?.overall_rectangle_float,\n    onChange: () => update_single('overall_rectangle_float')\n  }), \" Float\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Overall Rating (Narrow)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/floating-badge-style2.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginRight: 30\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('overall_narrow_embed'),\n    defaultChecked: badge_display?.overall_narrow_embed\n  }), \"Embed\"), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('overall_narrow_float'),\n    defaultChecked: badge_display?.overall_narrow_float\n  }), \"Float\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Overall Rating CTA Banner\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/cta-badge.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: badge_display?.overall_cta_banner,\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('overall_cta_banner')\n  }), \" Float only\")))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeDisplay);\n\n//# sourceURL=webpack://proofratings/./src/BadgeDisplay.js?");
     30
     31/***/ }),
     32
     33/***/ "./src/BadgeRectangle.js":
     34/*!*******************************!*\
     35  !*** ./src/BadgeRectangle.js ***!
     36  \*******************************/
     37/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     38
     39eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Border__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Component/Border */ \"./src/Component/Border.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Component/ActiveSites */ \"./src/Component/ActiveSites.js\");\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst BadgeRectangle = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_rectangle);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_rectangle));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SITES_RECTANGLE,\n    payload: data\n  });\n\n  const border = Object.assign({\n    show: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.border);\n\n  const handleBorder = (name, value) => {\n    border[name] = value;\n    handle_field({\n      border\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--themeColor:' + state.star_color);\n    }\n\n    if (state?.textcolor) {\n      styles.push('--textColor:' + state.textcolor);\n    }\n\n    if (state?.review_color_textcolor) {\n      styles.push('--reviewCountTextColor:' + state.review_color_textcolor);\n    }\n\n    if (state?.background_color) {\n      styles.push('background-color:' + state.background_color);\n    }\n\n    if (state?.border?.show === false) {\n      styles.push('border: none');\n    }\n\n    if (border?.color) {\n      styles.push('--borderColor:' + border.color);\n    }\n\n    if (border?.hover) {\n      styles.push('--borderHoverColor:' + border.hover);\n    }\n\n    if (shadow?.shadow === false) {\n      styles.push('--shadowColor: transparent');\n    }\n\n    if (shadow?.shadow !== false && shadow?.color) {\n      styles.push('--shadowColor:' + shadow.color);\n    }\n\n    return styles;\n  };\n\n  let css_style = `.proofratings-widget.proofratings-widget-rectangle {${get_styles().join(';')}}`;\n\n  if (shadow?.shadow !== false && shadow?.hover) {\n    css_style += `.proofratings-widget.proofratings-widget-rectangle:hover {--shadowColor: ${shadow.hover}}`;\n  }\n\n  if (state?.icon_color) {\n    css_style += `.proofratings-widget.proofratings-widget-rectangle .review-site-logo svg {fill: ${state.icon_color}}`;\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(_Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    onUpdate: active_sites => handle_field({\n      active_sites\n    }),\n    active_sites: state?.active_sites\n  }), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Shortcode\", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Use shortcode where you want to display review widgets\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_widgets id=\\\"\", props?.id, \"\\\" style=\\\"rectangle\\\"]\"))))), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.customize,\n    className: \"checkbox-switch checkbox-yesno\",\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \"Customize (this will customize all badges)\"), state?.customize && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n    id: `proofratings-widgets-${props?.id}`,\n    className: \"proofratings-review-widgets-grid proofratings-widgets-grid-rectangle\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-widget proofratings-widget-rectangle proofratings-widget-yelp proofratings-widget-customized\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    dangerouslySetInnerHTML: {\n      __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>'\n    }\n  }), /*#__PURE__*/React.createElement(\"h4\", {\n    className: \"rating-title\"\n  }, \"Google Rating\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"5.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"100%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 9 reviews \"))), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Site Icon Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.icon_color,\n    onUpdate: icon_color => handle_field({\n      icon_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.textcolor,\n    onUpdate: textcolor => handle_field({\n      textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review count text color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_color_textcolor,\n    onUpdate: review_color_textcolor => handle_field({\n      review_color_textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Border__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    name: \"border\",\n    border: border,\n    onUpdate: handleBorder\n  }), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeRectangle);\n\n//# sourceURL=webpack://proofratings/./src/BadgeRectangle.js?");
     40
     41/***/ }),
     42
     43/***/ "./src/BadgeSquare.js":
     44/*!****************************!*\
     45  !*** ./src/BadgeSquare.js ***!
     46  \****************************/
     47/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     48
     49eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Border__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Component/Border */ \"./src/Component/Border.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Component/ActiveSites */ \"./src/Component/ActiveSites.js\");\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst BadgeSquare = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_square);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_square));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SITES_SQUARE,\n    payload: data\n  });\n\n  const border = Object.assign({\n    show: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.border);\n\n  const handleBorder = (name, value) => {\n    border[name] = value;\n    handle_field({\n      border\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--themeColor:' + state.star_color);\n    }\n\n    if (state?.logo_color) {\n      styles.push('--logoColor:' + state.logo_color);\n    }\n\n    if (state?.textcolor) {\n      styles.push('--textColor:' + state.textcolor);\n    }\n\n    if (state?.review_color_textcolor) {\n      styles.push('--reviewCountTextColor:' + state.review_color_textcolor);\n    }\n\n    if (state?.background_color) {\n      styles.push('background-color:' + state.background_color);\n    }\n\n    if (state?.border?.show === false) {\n      styles.push('border: none');\n    }\n\n    if (border?.color) {\n      styles.push('--borderColor:' + border.color);\n    }\n\n    if (border?.hover) {\n      styles.push('--borderHoverColor:' + border.hover);\n    }\n\n    if (shadow?.shadow === false) {\n      styles.push('--shadowColor: transparent');\n    }\n\n    if (shadow?.shadow !== false && shadow?.color) {\n      styles.push('--shadowColor:' + shadow.color);\n    }\n\n    return styles;\n  };\n\n  let css_style = `.proofratings-widget.proofratings-widget-square {${get_styles().join(';')}}`;\n\n  if (shadow?.shadow !== false && shadow?.hover) {\n    css_style += `.proofratings-widget.proofratings-widget-square:hover {--shadowColor: ${shadow.hover}}`;\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(_Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    onUpdate: active_sites => handle_field({\n      active_sites\n    }),\n    active_sites: state?.active_sites\n  }), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Shortcode\", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Use shortcode where you want to display review widgets\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_widgets id=\\\"\", props?.id, \"\\\" style=\\\"square\\\"]\"))))), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: state?.customize,\n    className: \"checkbox-switch checkbox-yesno\",\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \"Customize (this will customize all badges)\"), state?.customize && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n    id: \"proofratings-badge-square\",\n    className: \"proofratings-review-widgets-grid proofratings-widgets-grid-square\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: `proofratings-widget proofratings-widget-square proofratings-widget-customized ${state?.logo_color ? 'proofratings-widget-logo-color' : ''}`\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      WebkitMaskImage: `url(${proofratings.assets_url}images/google.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/google.svg`,\n    alt: \"Google\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: '80%'\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 76 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\"))), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Logo Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.logo_color,\n    onUpdate: logo_color => handle_field({\n      logo_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.textcolor,\n    onUpdate: textcolor => handle_field({\n      textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review count text color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_color_textcolor,\n    onUpdate: review_color_textcolor => handle_field({\n      review_color_textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Border__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    name: \"border\",\n    border: border,\n    onUpdate: handleBorder\n  }), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeSquare);\n\n//# sourceURL=webpack://proofratings/./src/BadgeSquare.js?");
     50
     51/***/ }),
     52
     53/***/ "./src/Button.js":
     54/*!***********************!*\
     55  !*** ./src/Button.js ***!
     56  \***********************/
     57/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     58
     59eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst Button = props => {\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Text\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"text\",\n    defaultValue: props?.text,\n    onChange: e => props.onUpdate('text', e.target.value)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button URL\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"url\",\n    defaultValue: props?.url,\n    onChange: e => props.onUpdate('url', e.target.value)\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginLeft: 10\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: props?.blank,\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: e => props.onUpdate('blank', !props?.blank)\n  }), \" Open in new tab\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.textcolor,\n    onUpdate: textcolor => props.onUpdate('textcolor', textcolor)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.background_color,\n    onUpdate: background_color => props.onUpdate('background_color', background_color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Shape\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: props?.rectangle,\n    className: \"checkbox-switch checkbox-shape\",\n    onChange: () => props.onUpdate('rectangle', !props?.rectangle)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Border\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: props?.border,\n    className: \"checkbox-switch\",\n    onChange: () => props.onUpdate('border', !props?.border)\n  }))), props?.border && /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Border Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.border_color,\n    onUpdate: color => props.onUpdate('border_color', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Hover Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.hover_textcolor,\n    onUpdate: color => props.onUpdate('hover_textcolor', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Hover Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.hover_background_color,\n    onUpdate: color => props.onUpdate('hover_background_color', color)\n  }))), props?.border && /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Hover Border Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.hover_border_color,\n    onUpdate: color => props.onUpdate('hover_border_color', color)\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);\n\n//# sourceURL=webpack://proofratings/./src/Button.js?");
     60
     61/***/ }),
     62
     63/***/ "./src/CTABanner.js":
     64/*!**************************!*\
     65  !*** ./src/CTABanner.js ***!
     66  \**************************/
     67/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     68
     69eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Button */ \"./src/Button.js\");\n/* harmony import */ var _Pages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Pages */ \"./src/Pages.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst CTABanner = () => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_cta_banner);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_cta_banner));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_CTA_BANNER,\n    payload: data\n  });\n\n  const handle_button = (name, value) => {\n    let button1 = typeof state.button1 === 'object' ? state.button1 : {};\n    button1[name] = value;\n    handle_field({\n      button1\n    });\n  };\n\n  const handle_button2 = (name, value) => {\n    let button2 = typeof state.button2 === 'object' ? state.button2 : {};\n    button2[name] = value;\n    handle_field({\n      button2\n    });\n  };\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--star_color:' + state.star_color);\n    }\n\n    if (state?.background_color) {\n      styles.push('--backgroundColor:' + state.background_color);\n    }\n\n    if (state?.rating_text_color) {\n      styles.push('--rating_text_color:' + state.rating_text_color);\n    }\n\n    if (state?.review_rating_background_color) {\n      styles.push('--review_rating_background_color:' + state.review_rating_background_color);\n    }\n\n    if (state?.number_review_text_color) {\n      styles.push('--reviewCountTextcolor:' + state.number_review_text_color);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-banner-badge {${get_styles().join(';')}}`;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Tablet Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.tablet,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      tablet: !state?.tablet\n    })\n  }), \"Show/Hide on tablet\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Mobile Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.mobile,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      mobile: !state?.mobile\n    })\n  }), \"Show/Hide on mobile\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Close option\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.close_button,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      close_button: !state?.close_button\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: `proofratings-banner-badge badge-hidden-mobile ${state?.shadow ? 'has-shadow' : ''}`\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-logos\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-google.png`,\n    alt: \"google\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-trustpilot.png`,\n    alt: \"trustpilot\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-wordpress.jpg`,\n    alt: \"wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"rating-box\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars medium\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"96%\"\n    }\n  })), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"rating\"\n  }, \"4.8 / 5\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-review-count\"\n  }, \"44 customer reviews\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"button-container\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-button button1 has-border\"\n  }, \"Buy Now\"))))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Top Shadow\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.shadow,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      shadow: !state.shadow\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_text_color,\n    onUpdate: rating_text_color => handle_field({\n      rating_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Rating Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_rating_background_color,\n    onUpdate: review_rating_background_color => handle_field({\n      review_rating_background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Number of Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.number_review_text_color,\n    onUpdate: number_review_text_color => handle_field({\n      number_review_text_color\n    })\n  })))))), /*#__PURE__*/React.createElement(\"h2\", {\n    style: {\n      fontSize: 25\n    }\n  }, \"Call-to-action Button\"), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"caption\", null, \"First Button\"), /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({\n    key: 'button1',\n    onUpdate: handle_button\n  }, state?.button1)))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"caption\", null, \"Second Button\"), /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.button2,\n    className: \"checkbox-switch\",\n    onChange: () => handle_button2('show', !state.button2?.show)\n  }), \" Second Button\"))), state?.button2?.show && /*#__PURE__*/React.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({\n    key: 'button2',\n    onUpdate: handle_button2\n  }, state?.button2)))), /*#__PURE__*/React.createElement(_Pages__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    onUpdate: handle_field,\n    on_pages: state?.on_pages\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CTABanner);\n\n//# sourceURL=webpack://proofratings/./src/CTABanner.js?");
     70
     71/***/ }),
     72
     73/***/ "./src/Component/ActiveSites.js":
     74/*!**************************************!*\
     75  !*** ./src/Component/ActiveSites.js ***!
     76  \**************************************/
     77/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     78
     79eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n\n\nconst ActiveSites = props => {\n  const {\n    activeSites\n  } = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const active_sites = Array.isArray(props.active_sites) ? props.active_sites : [];\n\n  const handleCheck = site_id => {\n    const index = active_sites.indexOf(site_id);\n\n    if (index !== -1) {\n      active_sites.splice(index, 1);\n    } else {\n      active_sites.push(site_id);\n    }\n\n    props.onUpdate(active_sites);\n  };\n\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-sites-checkboxes review-sites-checkboxes-widget\"\n  }, activeSites.map(site_id => /*#__PURE__*/React.createElement(\"label\", {\n    key: site_id,\n    className: \"checkbox-review-site\"\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: active_sites.includes(site_id),\n    onClick: () => handleCheck(site_id)\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: proofratings.review_sites[site_id].logo,\n    alt: proofratings.review_sites[site_id].name\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ActiveSites);\n\n//# sourceURL=webpack://proofratings/./src/Component/ActiveSites.js?");
     80
     81/***/ }),
     82
     83/***/ "./src/Component/Border.js":
     84/*!*********************************!*\
     85  !*** ./src/Component/Border.js ***!
     86  \*********************************/
     87/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     88
     89eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _ColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst Border = props => {\n  const {\n    show,\n    color,\n    hover\n  } = props.border;\n\n  const update_border = (name, value) => props.onUpdate(name, value);\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Border\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: show,\n    onChange: () => update_border('show', !show),\n    className: \"checkbox-switch\"\n  }))), show && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Border Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"color\",\n    color: color,\n    onUpdate: color => update_border('color', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Border Hover Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"hover\",\n    color: hover,\n    onUpdate: hover => update_border('hover', hover)\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Border);\n\n//# sourceURL=webpack://proofratings/./src/Component/Border.js?");
     90
     91/***/ }),
     92
     93/***/ "./src/Component/ColorPicker.js":
     94/*!**************************************!*\
     95  !*** ./src/Component/ColorPicker.js ***!
     96  \**************************************/
     97/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     98
     99eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst {\n  useEffect,\n  useRef\n} = React;\n\nconst ColorPicker = props => {\n  const colorInput = useRef(null);\n  const color = props?.color;\n  const defaultColor = props?.defaultValue;\n  useEffect(() => {\n    jQuery(colorInput.current).wpColorPicker({\n      change: function (event, ui) {\n        if (typeof props.onUpdate === 'function') {\n          props.onUpdate(ui.color.toString());\n        }\n      },\n      clear: function (event) {\n        if (typeof props.onUpdate === 'function') {\n          props.onUpdate('');\n        }\n      }\n    });\n  }, []);\n  return /*#__PURE__*/React.createElement(\"input\", {\n    type: \"text\",\n    ref: colorInput,\n    defaultValue: color,\n    \"data-default-color\": defaultColor\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorPicker);\n\n//# sourceURL=webpack://proofratings/./src/Component/ColorPicker.js?");
     100
     101/***/ }),
     102
     103/***/ "./src/Component/Link.js":
     104/*!*******************************!*\
     105  !*** ./src/Component/Link.js ***!
     106  \*******************************/
     107/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     108
     109eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst Link = props => {\n  const update_link = (name, value) => props.onUpdate(name, value);\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Link\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: props?.enable,\n    className: \"checkbox-switch checkbox-yesno\",\n    onChange: () => update_link('enable', !props?.enable)\n  }))), props?.enable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"URL\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"text\",\n    value: props?.url,\n    onChange: e => update_link('url', e.target.value)\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginLeft: 15\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch checkbox-yesno\",\n    defaultChecked: props?._blank,\n    onChange: () => update_link('_blank', !props?._blank)\n  }), \" Open in blank\")))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);\n\n//# sourceURL=webpack://proofratings/./src/Component/Link.js?");
     110
     111/***/ }),
     112
     113/***/ "./src/Component/Shadow.js":
     114/*!*********************************!*\
     115  !*** ./src/Component/Shadow.js ***!
     116  \*********************************/
     117/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     118
     119eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _ColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst Shadow = props => {\n  const {\n    shadow,\n    color,\n    hover\n  } = Object.assign({\n    shadow: '',\n    color: '',\n    hover: ''\n  }, props?.shadow);\n\n  const update_border = (name, value) => props.onUpdate(name, value);\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shadow\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: shadow,\n    onChange: () => update_border('shadow', !shadow),\n    className: \"checkbox-switch\"\n  }))), shadow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shadow Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"color\",\n    color: color,\n    onUpdate: color => update_border('color', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shadow Hover Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"hover\",\n    color: hover,\n    onUpdate: hover => update_border('hover', hover)\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Shadow);\n\n//# sourceURL=webpack://proofratings/./src/Component/Shadow.js?");
     120
     121/***/ }),
     122
     123/***/ "./src/OverallNarrow/Embed.js":
     124/*!************************************!*\
     125  !*** ./src/OverallNarrow/Embed.js ***!
     126  \************************************/
     127/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     128
     129eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallNarrow/Widgets.js\");\n/* harmony import */ var _Component_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Component/Link */ \"./src/Component/Link.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallNarrow = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_embed);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_embed));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_narrow_embed',\n      data\n    }\n  });\n\n  const link = Object.assign({\n    enable: false,\n    url: \"\",\n    _blank: false\n  }, state?.link);\n\n  const handle_link = (name, value) => {\n    link[name] = value;\n    handle_field({\n      link\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shortcode \", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Embed shortcode\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_overall_narrow id=\\\"\", props?.id, \"\\\"]\"))), /*#__PURE__*/React.createElement(_Component_Link__WEBPACK_IMPORTED_MODULE_4__[\"default\"], _extends({}, link, {\n    onUpdate: handle_link\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Count Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  })))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallNarrow);\n\n//# sourceURL=webpack://proofratings/./src/OverallNarrow/Embed.js?");
     130
     131/***/ }),
     132
     133/***/ "./src/OverallNarrow/Float.js":
     134/*!************************************!*\
     135  !*** ./src/OverallNarrow/Float.js ***!
     136  \************************************/
     137/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     138
     139eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallNarrow/Widgets.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Pages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../Pages */ \"./src/Pages.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallNarrow = () => {\n  const settings = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_float);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_float));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_narrow_float',\n      data\n    }\n  });\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Tablet Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.tablet,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      tablet: !state?.tablet\n    })\n  }), \"Show/Hide on tablet\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Mobile Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.mobile,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      mobile: !state?.mobile\n    })\n  }), \"Show/Hide on mobile\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Close option\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.close_button,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      close_button: !state.close_button\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Position\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"select\", {\n    defaultValue: state?.position,\n    onChange: e => handle_field({\n      position: e.target.value\n    })\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"left\"\n  }, \"Left\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"center\"\n  }, \"Center\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"right\"\n  }, \"Right\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Count Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  })))))), /*#__PURE__*/React.createElement(_Pages__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    onUpdate: handle_field,\n    on_pages: state?.on_pages\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallNarrow);\n\n//# sourceURL=webpack://proofratings/./src/OverallNarrow/Float.js?");
     140
     141/***/ }),
     142
     143/***/ "./src/OverallNarrow/Widgets.js":
     144/*!**************************************!*\
     145  !*** ./src/OverallNarrow/Widgets.js ***!
     146  \**************************************/
     147/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     148
     149eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst Widgets = props => {\n  const get_styles = () => {\n    const styles = [];\n\n    if (props?.star_color) {\n      styles.push('--star_color:' + props.star_color);\n    }\n\n    if (props?.rating_color) {\n      styles.push('--rating_color:' + props.rating_color);\n    }\n\n    if (props?.background_color) {\n      styles.push('--background_color:' + props.background_color);\n    }\n\n    if (props?.review_text_color) {\n      styles.push('--review_text_color:' + props.review_text_color);\n    }\n\n    if (props?.shadow?.shadow === false) {\n      styles.push('--shadow_color: transparent');\n      styles.push('--shadow_hover: transparent');\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.color) {\n      styles.push('--shadow_color:' + props.shadow.color);\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.hover) {\n      styles.push('--shadow_hover:' + props.shadow.hover);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-badge.proofratings-badge-narrow {${get_styles().join(';')}}`;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-badge proofratings-badge-narrow\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-logos\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-google.png`,\n    alt: \"google\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-trustpilot.png`,\n    alt: \"trustpilot\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-wordpress.jpg`,\n    alt: \"wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.8\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"96%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-review-count\"\n  }, \"44 reviews\")))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Widgets);\n\n//# sourceURL=webpack://proofratings/./src/OverallNarrow/Widgets.js?");
     150
     151/***/ }),
     152
     153/***/ "./src/OverallPopup.js":
     154/*!*****************************!*\
     155  !*** ./src/OverallPopup.js ***!
     156  \*****************************/
     157/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     158
     159eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallPopup = () => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_popup);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_popup));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_POPUP,\n    payload: data\n  });\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--themeColor:' + state.star_color);\n    }\n\n    if (state?.logo_color) {\n      styles.push('--logoColor:' + state.logo_color);\n    }\n\n    if (state?.review_text_color) {\n      styles.push('--reviewCountTextColor:' + state.review_text_color);\n    }\n\n    if (state?.review_text_background) {\n      styles.push('--review_text_background:' + state.review_text_background);\n    }\n\n    if (state?.rating_color) {\n      styles.push('--rating_color:' + state.rating_color);\n    }\n\n    if (state?.view_review_color) {\n      styles.push('--view_review_color:' + state.view_review_color);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-popup-widgets-box .proofratings-widget{${get_styles().join(';')}}`;\n  let widget_class = 'proofratings-widget proofratings-widget-customized';\n\n  if (state?.logo_color) {\n    widget_class += ' proofratings-widget-logo-color';\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-badges-popup\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-popup-widgets-box\",\n    \"data-column\": 3\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: widget_class\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      'WebkitMaskImage': `url(${proofratings.assets_url}/images/google.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/google.svg`,\n    alt: \"Google\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"5.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"100%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 9 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: widget_class\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      WebkitMaskImage: `url(${proofratings.assets_url}/images/trustpilot.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/trustpilot.svg`,\n    alt: \"Trustpilot\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.4\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"88%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 10 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: widget_class\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      WebkitMaskImage: `url(${proofratings.assets_url}/images/trustpilot.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/wordpress.svg`,\n    alt: \"Wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"5.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"100%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 25 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\")))))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Logo Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.logo_color,\n    onUpdate: logo_color => handle_field({\n      logo_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_background,\n    onUpdate: review_text_background => handle_field({\n      review_text_background\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"View Review Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.view_review_color,\n    onUpdate: view_review_color => handle_field({\n      view_review_color\n    })\n  })))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallPopup);\n\n//# sourceURL=webpack://proofratings/./src/OverallPopup.js?");
     160
     161/***/ }),
     162
     163/***/ "./src/OverallRectangle/Embed.js":
     164/*!***************************************!*\
     165  !*** ./src/OverallRectangle/Embed.js ***!
     166  \***************************************/
     167/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     168
     169eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallRectangle/Widgets.js\");\n/* harmony import */ var _Component_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Component/Link */ \"./src/Component/Link.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallRectangle_Embed = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_embed);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_embed));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_rectangle_embed',\n      data\n    }\n  });\n\n  const link = Object.assign({\n    enable: false,\n    url: \"\",\n    _blank: false\n  }, state?.link);\n\n  const handle_link = (name, value) => {\n    link[name] = value;\n    handle_field({\n      link\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shortcode\", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Embed shortcode\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_overall_rectangle id=\\\"\", props?.id, \"\\\"]\"))), /*#__PURE__*/React.createElement(_Component_Link__WEBPACK_IMPORTED_MODULE_4__[\"default\"], _extends({}, link, {\n    onUpdate: handle_link\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_background,\n    onUpdate: review_background => handle_field({\n      review_background\n    })\n  }))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallRectangle_Embed);\n\n//# sourceURL=webpack://proofratings/./src/OverallRectangle/Embed.js?");
     170
     171/***/ }),
     172
     173/***/ "./src/OverallRectangle/Float.js":
     174/*!***************************************!*\
     175  !*** ./src/OverallRectangle/Float.js ***!
     176  \***************************************/
     177/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     178
     179eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Pages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../Pages */ \"./src/Pages.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallRectangle/Widgets.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallRectangle_Embed = props => {\n  const settings = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_float);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_float));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_rectangle_float',\n      data\n    }\n  });\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Tablet Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.tablet,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      tablet: !state?.tablet\n    })\n  }), \"Show/Hide on tablet\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Mobile Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.mobile,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      mobile: !state?.mobile\n    })\n  }), \"Show/Hide on mobile\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Close option\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.close_button,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      close_button: !state?.close_button\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Position\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"select\", {\n    defaultValue: state?.position,\n    onChange: e => handle_field({\n      position: e.target.value\n    })\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"left\"\n  }, \"Left\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"right\"\n  }, \"Right\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_4__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_background,\n    onUpdate: review_background => handle_field({\n      review_background\n    })\n  })))))), /*#__PURE__*/React.createElement(_Pages__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    onUpdate: handle_field,\n    on_pages: state?.on_pages\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallRectangle_Embed);\n\n//# sourceURL=webpack://proofratings/./src/OverallRectangle/Float.js?");
     180
     181/***/ }),
     182
     183/***/ "./src/OverallRectangle/Widgets.js":
     184/*!*****************************************!*\
     185  !*** ./src/OverallRectangle/Widgets.js ***!
     186  \*****************************************/
     187/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     188
     189eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst Widgets = props => {\n  const get_styles = () => {\n    const styles = [];\n\n    if (props?.star_color) {\n      styles.push('--star_color:' + props.star_color);\n    }\n\n    if (props?.rating_color) {\n      styles.push('--rating_color:' + props.rating_color);\n    }\n\n    if (props?.background_color) {\n      styles.push('--background_color:' + props.background_color);\n    }\n\n    if (props?.review_text_color) {\n      styles.push('--review_text_color:' + props.review_text_color);\n    }\n\n    if (props?.review_background) {\n      styles.push('--review_background:' + props.review_background);\n    }\n\n    if (props?.shadow?.shadow === false) {\n      styles.push('--shadow_color: transparent');\n      styles.push('--shadow_hover: transparent');\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.color) {\n      styles.push('--shadow_color:' + props.shadow.color);\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.hover) {\n      styles.push('--shadow_hover:' + props.shadow.hover);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-badge.proofratings-badge-rectangle {${get_styles().join(';')}}`;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-badge proofratings-badge-rectangle\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-inner\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-logos\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-google.png`,\n    alt: \"google\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-trustpilot.png`,\n    alt: \"trustpilot\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-wordpress.jpg`,\n    alt: \"wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.8\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"96%\"\n    }\n  })))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-review-count\"\n  }, \"44 reviews\")))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Widgets);\n\n//# sourceURL=webpack://proofratings/./src/OverallRectangle/Widgets.js?");
     190
     191/***/ }),
     192
     193/***/ "./src/Pages.js":
     194/*!**********************!*\
     195  !*** ./src/Pages.js ***!
     196  \**********************/
     197/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     198
     199eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst {\n  useEffect\n} = React;\n\nconst Pages = props => {\n  const on_pages = (Array.isArray(props?.on_pages) ? props.on_pages : []).map(item => parseInt(item));\n  useEffect(() => {\n    if (Array.isArray(props?.on_pages)) {\n      return;\n    }\n\n    const on_pages = proofratings.pages.map(page => page.ID);\n    props.onUpdate({\n      on_pages\n    });\n  }, []);\n\n  const check_pages = id => {\n    const index = on_pages.indexOf(id);\n\n    if (index !== -1) {\n      on_pages.splice(index, 1);\n    } else {\n      on_pages.push(id);\n    }\n\n    props.onUpdate({\n      on_pages\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"caption\", null, \"Page to show on\"), /*#__PURE__*/React.createElement(\"tbody\", null, proofratings.pages.map(page => /*#__PURE__*/React.createElement(\"tr\", {\n    key: page.ID\n  }, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, page.post_title), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    defaultChecked: on_pages.includes(page.ID),\n    onChange: () => check_pages(page.ID),\n    className: \"checkbox-switch\",\n    type: \"checkbox\"\n  }))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pages);\n\n//# sourceURL=webpack://proofratings/./src/Pages.js?");
     200
     201/***/ }),
     202
     203/***/ "./src/Sites.js":
     204/*!**********************!*\
     205  !*** ./src/Sites.js ***!
     206  \**********************/
     207/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     208
     209eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n\n\nconst ReviewSites = props => {\n  const settings = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const activeSites = Array.isArray(props?.activeSites) ? props.activeSites : [];\n\n  const update_font = e => {\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SAVE_SETTINGS,\n      payload: { ...settings,\n        font: e.target.value\n      }\n    });\n  };\n\n  const handleCheck = site_id => {\n    const index = activeSites.indexOf(site_id);\n\n    if (index !== -1) {\n      activeSites.splice(index, 1);\n    } else {\n      activeSites.push(site_id);\n    }\n\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.ACTIVE_SITES,\n      payload: activeSites\n    });\n  };\n\n  const get_category_sites = (category, title) => {\n    const get_category_sites = Object.keys(proofratings.review_sites).map(key => {\n      return {\n        id: key,\n        ...proofratings.review_sites[key]\n      };\n    }).filter(site => site.category === category).filter(site => !activeSites.includes(site.id));\n\n    if (!get_category_sites.length) {\n      return;\n    }\n\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"h2\", null, title), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"review-sites-checkboxes\"\n    }, get_category_sites.map(site => /*#__PURE__*/React.createElement(\"label\", {\n      key: site.id,\n      className: \"checkbox-review-site\"\n    }, /*#__PURE__*/React.createElement(\"input\", {\n      type: \"checkbox\",\n      onClick: () => handleCheck(site.id)\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      src: site.logo,\n      alt: site.name\n    })))));\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Font Family\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"select\", {\n    value: settings?.font,\n    onChange: update_font\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"Didact Gothic\"\n  }, \"Didact Gothic\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"Metropolis\"\n  }, \"Metropolis\")))))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), activeSites.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"connect-sites-container\"\n  }, /*#__PURE__*/React.createElement(\"h2\", null, \"Connected Sites\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-sites-checkboxes\"\n  }, activeSites.map(site_id => /*#__PURE__*/React.createElement(\"label\", {\n    key: site_id,\n    className: \"checkbox-review-site\"\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: true,\n    onClick: () => handleCheck(site_id)\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: proofratings.review_sites[site_id].logo,\n    alt: proofratings.review_sites[site_id].name\n  }))))), get_category_sites('general', 'General Review Sites'), get_category_sites('home-service', 'Home Services Review Sites'), get_category_sites('solar', 'Solar Review Sites'), get_category_sites('software', 'SaaS/Software Review Sites'));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReviewSites);\n\n//# sourceURL=webpack://proofratings/./src/Sites.js?");
     210
     211/***/ }),
     212
     213/***/ "./src/Store.js":
     214/*!**********************!*\
     215  !*** ./src/Store.js ***!
     216  \**********************/
     217/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     218
     219eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   \"ACTIONS\": () => (/* binding */ ACTIONS)\n/* harmony export */ });\n/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! redux */ \"./node_modules/redux/es/redux.js\");\n\nconst ACTIONS = {\n  OVERALL_SAVE: \"OVERALL_SAVE\",\n  SAVE_SETTINGS: \"SAVE_SETTINGS\",\n  ACTIVE_SITES: \"ACTIVE_SITES\",\n  BADGE_DISPLAY: \"BADGE_DISPLAY\",\n  SITES_SQUARE: \"SITES_SQUARE\",\n  SITES_RECTANGLE: \"SITES_RECTANGLE\",\n  OVERALL_POPUP: \"OVERALL_POPUP\",\n  OVERALL_CTA_BANNER: \"OVERALL_CTA_BANNER\"\n};\nconst settings = {\n  current_tab: 'review-sites',\n  activeSites: [],\n  badge_display: {\n    sites_square: false,\n    sites_rectangle: false,\n    overall_cta_banner: false,\n    overall_rectangle_embed: false,\n    overall_rectangle_float: false,\n    overall_narrow_embed: false,\n    overall_narrow_float: false\n  },\n  sites_square: {\n    active_sites: null\n  },\n  sites_rectangle: {\n    active_sites: null\n  },\n  overall_rectangle_embed: {},\n  overall_rectangle_float: {\n    tablet: true,\n    mobile: true,\n    close_button: true\n  },\n  overall_narrow_embed: {},\n  overall_narrow_float: {\n    tablet: true,\n    mobile: true,\n    close_button: true\n  },\n  overall_popup: {},\n  overall_cta_banner: {\n    customize: false,\n    shadow: true,\n    tablet: true,\n    mobile: true,\n    close_button: true,\n    hide_on: [],\n    button1: {\n      text: 'Sign Up'\n    }\n  }\n};\n\nconst settingsReducer = (state = settings, action) => {\n  switch (action.type) {\n    case \"SAVE_SETTINGS\":\n      return action.payload;\n\n    case \"ACTIVE_SITES\":\n      return { ...state,\n        activeSites: action.payload\n      };\n\n    case \"BADGE_DISPLAY\":\n      return { ...state,\n        badge_display: action.payload\n      };\n\n    case \"SITES_SQUARE\":\n      return { ...state,\n        sites_square: { ...state.sites_square,\n          ...action.payload\n        }\n      };\n\n    case \"SITES_RECTANGLE\":\n      return { ...state,\n        sites_rectangle: { ...state.sites_rectangle,\n          ...action.payload\n        }\n      };\n\n    case \"OVERALL_SAVE\":\n      return { ...state,\n        [action.payload.name]: { ...state[action.payload.name],\n          ...action.payload.data\n        }\n      };\n\n    case \"OVERALL_POPUP\":\n      return { ...state,\n        overall_popup: { ...state.overall_popup,\n          ...action.payload\n        }\n      };\n\n    case \"OVERALL_CTA_BANNER\":\n      return { ...state,\n        overall_cta_banner: { ...state.overall_cta_banner,\n          ...action.payload\n        }\n      };\n\n    default:\n      return state;\n  }\n};\n\nconst store = (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)(settingsReducer);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (store);\n\n\n//# sourceURL=webpack://proofratings/./src/Store.js?");
     220
     221/***/ }),
     222
     223/***/ "./src/index.js":
     224/*!**********************!*\
     225  !*** ./src/index.js ***!
     226  \**********************/
     227/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     228
     229eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Sites__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Sites */ \"./src/Sites.js\");\n/* harmony import */ var _BadgeDisplay__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BadgeDisplay */ \"./src/BadgeDisplay.js\");\n/* harmony import */ var _BadgeSquare__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BadgeSquare */ \"./src/BadgeSquare.js\");\n/* harmony import */ var _BadgeRectangle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./BadgeRectangle */ \"./src/BadgeRectangle.js\");\n/* harmony import */ var _OverallRectangle_Embed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./OverallRectangle/Embed */ \"./src/OverallRectangle/Embed.js\");\n/* harmony import */ var _OverallRectangle_Float__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OverallRectangle/Float */ \"./src/OverallRectangle/Float.js\");\n/* harmony import */ var _OverallNarrow_Embed__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./OverallNarrow/Embed */ \"./src/OverallNarrow/Embed.js\");\n/* harmony import */ var _OverallNarrow_Float__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./OverallNarrow/Float */ \"./src/OverallNarrow/Float.js\");\n/* harmony import */ var _OverallPopup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./OverallPopup */ \"./src/OverallPopup.js\");\n/* harmony import */ var _CTABanner__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./CTABanner */ \"./src/CTABanner.js\");\nconst proofratings_widgets_root = document.getElementById(\"proofratings-widgets-root\");\n\n\n\n\n\n\n\n\n\n\n\nconst {\n  useEffect,\n  useState\n} = React;\nconst location_id = proofratings_widgets_root.getAttribute(\"data-location\");\n\nconst ProofratingsWidgets = () => {\n  const [state, setState] = useState({\n    error: null,\n    loading: true,\n    saving: false\n  });\n  const [settings, setSettings] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState());\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setSettings({ ..._Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState()\n    }));\n    return () => unsubscribe();\n  }, []);\n\n  const setTab = (current_tab, e) => {\n    e.preventDefault();\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SAVE_SETTINGS,\n      payload: { ...settings,\n        current_tab\n      }\n    });\n  };\n\n  useEffect(() => {\n    const request = jQuery.post(proofratings.ajaxurl, {\n      location_id,\n      action: 'proofratings_get_location'\n    }, function (response) {\n      if (response?.success == false) {\n        return setState({ ...state,\n          error: true,\n          loading: false\n        });\n      }\n\n      setState({ ...state,\n        error: false,\n        loading: false\n      });\n\n      if (Object.keys(response).length !== 0) {\n        _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n          type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SAVE_SETTINGS,\n          payload: response\n        });\n      }\n    });\n    request.fail(function () {\n      return setState({ ...state,\n        error: true,\n        loading: false\n      });\n    });\n  }, []);\n\n  const save_data = () => {\n    if (state.saving) {\n      return;\n    }\n\n    setState({ ...state,\n      saving: true\n    });\n    settings.action = 'proofratings_save_location';\n    settings.location_id = location_id;\n    jQuery.post(proofratings.ajaxurl, settings, function (response) {\n      if (response?.success == false) {\n        alert('Something wrong with saving data');\n      }\n\n      setState({ ...state,\n        saving: false\n      });\n    });\n  };\n\n  if (state.loading === true) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"proofraing-progress-msg\"\n    }, \"Loading...\");\n  }\n\n  if (state.error === true) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"proofraing-progress-msg\"\n    }, \"Failed to retrive this location.\");\n  }\n\n  const tabs = {\n    'review-sites': 'Review Sites',\n    'display-badges': 'Badges',\n    'badge-square': 'Sites (Square)',\n    'badge-rectangle': 'Sites (Rectangle)',\n    'overall-rectangle-embed': 'Overall Rating Rectangle - EMBED',\n    'overall-rectangle-float': 'Overall Rating Rectangle - FLOAT',\n    'overall-narrow-embed': 'Overall Rating Narrow - EMBED',\n    'overall-narrow-float': 'Overall Rating Narrow - FLOAT',\n    'badge-popup': 'Popup Badges',\n    'overall-cta-banner': 'Overall Rating (CTA Banner)'\n  };\n  const {\n    badge_display,\n    activeSites\n  } = settings;\n\n  if (badge_display?.sites_square !== true) {\n    delete tabs['badge-square'];\n  }\n\n  if (badge_display?.sites_rectangle !== true) {\n    delete tabs['badge-rectangle'];\n  }\n\n  if (badge_display?.overall_rectangle_embed !== true) {\n    delete tabs['overall-rectangle-embed'];\n  }\n\n  if (badge_display?.overall_rectangle_float !== true) {\n    delete tabs['overall-rectangle-float'];\n  }\n\n  if (badge_display?.overall_narrow_embed !== true) {\n    delete tabs['overall-narrow-embed'];\n  }\n\n  if (badge_display?.overall_narrow_float !== true) {\n    delete tabs['overall-narrow-float'];\n  }\n\n  if (badge_display?.overall_cta_banner !== true) {\n    delete tabs['overall-cta-banner'];\n  }\n\n  if (badge_display?.overall_rectangle_float !== true && badge_display?.overall_narrow_float !== true) {\n    delete tabs['badge-popup'];\n  }\n\n  const current_tab = settings?.current_tab || 'review-sites';\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"h2\", {\n    className: \"nav-tab-wrapper\"\n  }, Object.keys(tabs).map(key => {\n    const tab_class = current_tab === key ? 'nav-tab-active' : '';\n    return /*#__PURE__*/React.createElement(\"a\", {\n      key: key,\n      href: \"#\",\n      onClick: e => setTab(key, e),\n      className: `nav-tab ${tab_class}`\n    }, tabs[key]);\n  })), current_tab === 'review-sites' && /*#__PURE__*/React.createElement(_Sites__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    activeSites: activeSites,\n    id: location_id\n  }), current_tab === 'display-badges' && /*#__PURE__*/React.createElement(_BadgeDisplay__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    badge_display: badge_display,\n    id: location_id\n  }), current_tab === 'badge-square' && /*#__PURE__*/React.createElement(_BadgeSquare__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    id: location_id\n  }), current_tab === 'badge-rectangle' && /*#__PURE__*/React.createElement(_BadgeRectangle__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-rectangle-embed' && /*#__PURE__*/React.createElement(_OverallRectangle_Embed__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-rectangle-float' && /*#__PURE__*/React.createElement(_OverallRectangle_Float__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-narrow-embed' && /*#__PURE__*/React.createElement(_OverallNarrow_Embed__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-narrow-float' && /*#__PURE__*/React.createElement(_OverallNarrow_Float__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    id: location_id\n  }), current_tab === 'badge-popup' && /*#__PURE__*/React.createElement(_OverallPopup__WEBPACK_IMPORTED_MODULE_9__[\"default\"], null), current_tab === 'overall-cta-banner' && /*#__PURE__*/React.createElement(_CTABanner__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"submit\"\n  }, /*#__PURE__*/React.createElement(\"button\", {\n    id: \"btn-proofratings-save\",\n    className: \"button button-primary\",\n    onClick: save_data\n  }, state.saving ? 'Saving...' : 'Save Changes')));\n};\n\nif (proofratings_widgets_root) {\n  ReactDOM.render( /*#__PURE__*/React.createElement(ProofratingsWidgets, null), proofratings_widgets_root);\n}\n\n//# sourceURL=webpack://proofratings/./src/index.js?");
     230
     231/***/ }),
     232
     233/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js":
     234/*!*******************************************************************!*\
     235  !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
     236  \*******************************************************************/
     237/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
     238
     239eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ _defineProperty)\n/* harmony export */ });\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\n//# sourceURL=webpack://proofratings/./node_modules/@babel/runtime/helpers/esm/defineProperty.js?");
     240
     241/***/ }),
     242
     243/***/ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js":
     244/*!******************************************************************!*\
     245  !*** ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js ***!
     246  \******************************************************************/
     247/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
     248
     249eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ _objectSpread2)\n/* harmony export */ });\n/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./defineProperty.js */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n      });\n    }\n\n    keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        (0,_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]);\n      });\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n      });\n    }\n  }\n\n  return target;\n}\n\n//# sourceURL=webpack://proofratings/./node_modules/@babel/runtime/helpers/esm/objectSpread2.js?");
     250
     251/***/ })
     252
     253/******/    });
     254/************************************************************************/
     255/******/    // The module cache
     256/******/    var __webpack_module_cache__ = {};
     257/******/   
     258/******/    // The require function
     259/******/    function __webpack_require__(moduleId) {
     260/******/        // Check if module is in cache
     261/******/        var cachedModule = __webpack_module_cache__[moduleId];
     262/******/        if (cachedModule !== undefined) {
     263/******/            return cachedModule.exports;
     264/******/        }
     265/******/        // Create a new module (and put it into the cache)
     266/******/        var module = __webpack_module_cache__[moduleId] = {
     267/******/            // no module.id needed
     268/******/            // no module.loaded needed
     269/******/            exports: {}
     270/******/        };
     271/******/   
     272/******/        // Execute the module function
     273/******/        __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     274/******/   
     275/******/        // Return the exports of the module
     276/******/        return module.exports;
     277/******/    }
     278/******/   
     279/************************************************************************/
     280/******/    /* webpack/runtime/define property getters */
     281/******/    (() => {
     282/******/        // define getter functions for harmony exports
     283/******/        __webpack_require__.d = (exports, definition) => {
     284/******/            for(var key in definition) {
     285/******/                if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
     286/******/                    Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
     287/******/                }
     288/******/            }
     289/******/        };
     290/******/    })();
     291/******/   
     292/******/    /* webpack/runtime/hasOwnProperty shorthand */
     293/******/    (() => {
     294/******/        __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
     295/******/    })();
     296/******/   
     297/******/    /* webpack/runtime/make namespace object */
     298/******/    (() => {
     299/******/        // define __esModule on exports
     300/******/        __webpack_require__.r = (exports) => {
     301/******/            if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
     302/******/                Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
     303/******/            }
     304/******/            Object.defineProperty(exports, '__esModule', { value: true });
     305/******/        };
     306/******/    })();
     307/******/   
     308/************************************************************************/
     309/******/   
     310/******/    // startup
     311/******/    // Load entry module and return exports
     312/******/    // This entry module can't be inlined because the eval devtool is used.
     313/******/    var __webpack_exports__ = __webpack_require__("./src/index.js");
     314/******/   
     315/******/ })()
     316;

  • proofratings/tags/1.0.6/inc/class-proofratings-shortcodes.php

    r2646965 r2647409  
    420420            }
    421421
    422             if ( $button1_settings->shape) {
     422            if ( $button1_settings->rectangle !== true) {
    423423                $button1_class .= ' button-round';
    424424            }

  • proofratings/trunk/assets/js/proofratings-widgets.js

    r2646965 r2647409  
    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?.shape,className:"checkbox-switch checkbox-shape",onChange:()=>e.onUpdate("shape",!e?.shape)}))),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,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(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,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/*
     2 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
     3 * This devtool is neither made for production nor for readable output files.
     4 * It uses "eval()" calls to create a separate source file in the browser devtools.
     5 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
     6 * or disable the default devtool with "devtool: false".
     7 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
     8 */
     9/******/ (() => { // webpackBootstrap
     10/******/    "use strict";
     11/******/    var __webpack_modules__ = ({
     12
     13/***/ "./node_modules/redux/es/redux.js":
     14/*!****************************************!*\
     15  !*** ./node_modules/redux/es/redux.js ***!
     16  \****************************************/
     17/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     18
     19eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"__DO_NOT_USE__ActionTypes\": () => (/* binding */ ActionTypes),\n/* harmony export */   \"applyMiddleware\": () => (/* binding */ applyMiddleware),\n/* harmony export */   \"bindActionCreators\": () => (/* binding */ bindActionCreators),\n/* harmony export */   \"combineReducers\": () => (/* binding */ combineReducers),\n/* harmony export */   \"compose\": () => (/* binding */ compose),\n/* harmony export */   \"createStore\": () => (/* binding */ createStore)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n\n/**\n * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js\n *\n * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes\n * during build.\n * @param {number} code\n */\n\nfunction formatProdErrorMessage(code) {\n  return \"Minified Redux error #\" + code + \"; visit https://redux.js.org/Errors?code=\" + code + \" for the full message or \" + 'use the non-minified dev environment for full errors. ';\n} // Inlined version of the `symbol-observable` polyfill\n\n\nvar $$observable = function () {\n  return typeof Symbol === 'function' && Symbol.observable || '@@observable';\n}();\n/**\n * These are private action types reserved by Redux.\n * For any unknown actions, you must return the current state.\n * If the current state is undefined, you must return the initial state.\n * Do not reference these action types directly in your code.\n */\n\n\nvar randomString = function randomString() {\n  return Math.random().toString(36).substring(7).split('').join('.');\n};\n\nvar ActionTypes = {\n  INIT: \"@@redux/INIT\" + randomString(),\n  REPLACE: \"@@redux/REPLACE\" + randomString(),\n  PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {\n    return \"@@redux/PROBE_UNKNOWN_ACTION\" + randomString();\n  }\n};\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\n\nfunction isPlainObject(obj) {\n  if (typeof obj !== 'object' || obj === null) return false;\n  var proto = obj;\n\n  while (Object.getPrototypeOf(proto) !== null) {\n    proto = Object.getPrototypeOf(proto);\n  }\n\n  return Object.getPrototypeOf(obj) === proto;\n} // Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of\n\n\nfunction miniKindOf(val) {\n  if (val === void 0) return 'undefined';\n  if (val === null) return 'null';\n  var type = typeof val;\n\n  switch (type) {\n    case 'boolean':\n    case 'string':\n    case 'number':\n    case 'symbol':\n    case 'function':\n      {\n        return type;\n      }\n  }\n\n  if (Array.isArray(val)) return 'array';\n  if (isDate(val)) return 'date';\n  if (isError(val)) return 'error';\n  var constructorName = ctorName(val);\n\n  switch (constructorName) {\n    case 'Symbol':\n    case 'Promise':\n    case 'WeakMap':\n    case 'WeakSet':\n    case 'Map':\n    case 'Set':\n      return constructorName;\n  } // other\n\n\n  return type.slice(8, -1).toLowerCase().replace(/\\s/g, '');\n}\n\nfunction ctorName(val) {\n  return typeof val.constructor === 'function' ? val.constructor.name : null;\n}\n\nfunction isError(val) {\n  return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';\n}\n\nfunction isDate(val) {\n  if (val instanceof Date) return true;\n  return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';\n}\n\nfunction kindOf(val) {\n  var typeOfVal = typeof val;\n\n  if (true) {\n    typeOfVal = miniKindOf(val);\n  }\n\n  return typeOfVal;\n}\n/**\n * Creates a Redux store that holds the state tree.\n * The only way to change the data in the store is to call `dispatch()` on it.\n *\n * There should only be a single store in your app. To specify how different\n * parts of the state tree respond to actions, you may combine several reducers\n * into a single reducer function by using `combineReducers`.\n *\n * @param {Function} reducer A function that returns the next state tree, given\n * the current state tree and the action to handle.\n *\n * @param {any} [preloadedState] The initial state. You may optionally specify it\n * to hydrate the state from the server in universal apps, or to restore a\n * previously serialized user session.\n * If you use `combineReducers` to produce the root reducer function, this must be\n * an object with the same shape as `combineReducers` keys.\n *\n * @param {Function} [enhancer] The store enhancer. You may optionally specify it\n * to enhance the store with third-party capabilities such as middleware,\n * time travel, persistence, etc. The only store enhancer that ships with Redux\n * is `applyMiddleware()`.\n *\n * @returns {Store} A Redux store that lets you read the state, dispatch actions\n * and subscribe to changes.\n */\n\n\nfunction createStore(reducer, preloadedState, enhancer) {\n  var _ref2;\n\n  if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {\n    throw new Error( false ? 0 : 'It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.');\n  }\n\n  if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {\n    enhancer = preloadedState;\n    preloadedState = undefined;\n  }\n\n  if (typeof enhancer !== 'undefined') {\n    if (typeof enhancer !== 'function') {\n      throw new Error( false ? 0 : \"Expected the enhancer to be a function. Instead, received: '\" + kindOf(enhancer) + \"'\");\n    }\n\n    return enhancer(createStore)(reducer, preloadedState);\n  }\n\n  if (typeof reducer !== 'function') {\n    throw new Error( false ? 0 : \"Expected the root reducer to be a function. Instead, received: '\" + kindOf(reducer) + \"'\");\n  }\n\n  var currentReducer = reducer;\n  var currentState = preloadedState;\n  var currentListeners = [];\n  var nextListeners = currentListeners;\n  var isDispatching = false;\n  /**\n   * This makes a shallow copy of currentListeners so we can use\n   * nextListeners as a temporary list while dispatching.\n   *\n   * This prevents any bugs around consumers calling\n   * subscribe/unsubscribe in the middle of a dispatch.\n   */\n\n  function ensureCanMutateNextListeners() {\n    if (nextListeners === currentListeners) {\n      nextListeners = currentListeners.slice();\n    }\n  }\n  /**\n   * Reads the state tree managed by the store.\n   *\n   * @returns {any} The current state tree of your application.\n   */\n\n\n  function getState() {\n    if (isDispatching) {\n      throw new Error( false ? 0 : 'You may not call store.getState() while the reducer is executing. ' + 'The reducer has already received the state as an argument. ' + 'Pass it down from the top reducer instead of reading it from the store.');\n    }\n\n    return currentState;\n  }\n  /**\n   * Adds a change listener. It will be called any time an action is dispatched,\n   * and some part of the state tree may potentially have changed. You may then\n   * call `getState()` to read the current state tree inside the callback.\n   *\n   * You may call `dispatch()` from a change listener, with the following\n   * caveats:\n   *\n   * 1. The subscriptions are snapshotted just before every `dispatch()` call.\n   * If you subscribe or unsubscribe while the listeners are being invoked, this\n   * will not have any effect on the `dispatch()` that is currently in progress.\n   * However, the next `dispatch()` call, whether nested or not, will use a more\n   * recent snapshot of the subscription list.\n   *\n   * 2. The listener should not expect to see all state changes, as the state\n   * might have been updated multiple times during a nested `dispatch()` before\n   * the listener is called. It is, however, guaranteed that all subscribers\n   * registered before the `dispatch()` started will be called with the latest\n   * state by the time it exits.\n   *\n   * @param {Function} listener A callback to be invoked on every dispatch.\n   * @returns {Function} A function to remove this change listener.\n   */\n\n\n  function subscribe(listener) {\n    if (typeof listener !== 'function') {\n      throw new Error( false ? 0 : \"Expected the listener to be a function. Instead, received: '\" + kindOf(listener) + \"'\");\n    }\n\n    if (isDispatching) {\n      throw new Error( false ? 0 : 'You may not call store.subscribe() while the reducer is executing. ' + 'If you would like to be notified after the store has been updated, subscribe from a ' + 'component and invoke store.getState() in the callback to access the latest state. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n    }\n\n    var isSubscribed = true;\n    ensureCanMutateNextListeners();\n    nextListeners.push(listener);\n    return function unsubscribe() {\n      if (!isSubscribed) {\n        return;\n      }\n\n      if (isDispatching) {\n        throw new Error( false ? 0 : 'You may not unsubscribe from a store listener while the reducer is executing. ' + 'See https://redux.js.org/api/store#subscribelistener for more details.');\n      }\n\n      isSubscribed = false;\n      ensureCanMutateNextListeners();\n      var index = nextListeners.indexOf(listener);\n      nextListeners.splice(index, 1);\n      currentListeners = null;\n    };\n  }\n  /**\n   * Dispatches an action. It is the only way to trigger a state change.\n   *\n   * The `reducer` function, used to create the store, will be called with the\n   * current state tree and the given `action`. Its return value will\n   * be considered the **next** state of the tree, and the change listeners\n   * will be notified.\n   *\n   * The base implementation only supports plain object actions. If you want to\n   * dispatch a Promise, an Observable, a thunk, or something else, you need to\n   * wrap your store creating function into the corresponding middleware. For\n   * example, see the documentation for the `redux-thunk` package. Even the\n   * middleware will eventually dispatch plain object actions using this method.\n   *\n   * @param {Object} action A plain object representing “what changed”. It is\n   * a good idea to keep actions serializable so you can record and replay user\n   * sessions, or use the time travelling `redux-devtools`. An action must have\n   * a `type` property which may not be `undefined`. It is a good idea to use\n   * string constants for action types.\n   *\n   * @returns {Object} For convenience, the same action object you dispatched.\n   *\n   * Note that, if you use a custom middleware, it may wrap `dispatch()` to\n   * return something else (for example, a Promise you can await).\n   */\n\n\n  function dispatch(action) {\n    if (!isPlainObject(action)) {\n      throw new Error( false ? 0 : \"Actions must be plain objects. Instead, the actual type was: '\" + kindOf(action) + \"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.\");\n    }\n\n    if (typeof action.type === 'undefined') {\n      throw new Error( false ? 0 : 'Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.');\n    }\n\n    if (isDispatching) {\n      throw new Error( false ? 0 : 'Reducers may not dispatch actions.');\n    }\n\n    try {\n      isDispatching = true;\n      currentState = currentReducer(currentState, action);\n    } finally {\n      isDispatching = false;\n    }\n\n    var listeners = currentListeners = nextListeners;\n\n    for (var i = 0; i < listeners.length; i++) {\n      var listener = listeners[i];\n      listener();\n    }\n\n    return action;\n  }\n  /**\n   * Replaces the reducer currently used by the store to calculate the state.\n   *\n   * You might need this if your app implements code splitting and you want to\n   * load some of the reducers dynamically. You might also need this if you\n   * implement a hot reloading mechanism for Redux.\n   *\n   * @param {Function} nextReducer The reducer for the store to use instead.\n   * @returns {void}\n   */\n\n\n  function replaceReducer(nextReducer) {\n    if (typeof nextReducer !== 'function') {\n      throw new Error( false ? 0 : \"Expected the nextReducer to be a function. Instead, received: '\" + kindOf(nextReducer));\n    }\n\n    currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.\n    // Any reducers that existed in both the new and old rootReducer\n    // will receive the previous state. This effectively populates\n    // the new state tree with any relevant data from the old one.\n\n    dispatch({\n      type: ActionTypes.REPLACE\n    });\n  }\n  /**\n   * Interoperability point for observable/reactive libraries.\n   * @returns {observable} A minimal observable of state changes.\n   * For more information, see the observable proposal:\n   * https://github.com/tc39/proposal-observable\n   */\n\n\n  function observable() {\n    var _ref;\n\n    var outerSubscribe = subscribe;\n    return _ref = {\n      /**\n       * The minimal observable subscription method.\n       * @param {Object} observer Any object that can be used as an observer.\n       * The observer object should have a `next` method.\n       * @returns {subscription} An object with an `unsubscribe` method that can\n       * be used to unsubscribe the observable from the store, and prevent further\n       * emission of values from the observable.\n       */\n      subscribe: function subscribe(observer) {\n        if (typeof observer !== 'object' || observer === null) {\n          throw new Error( false ? 0 : \"Expected the observer to be an object. Instead, received: '\" + kindOf(observer) + \"'\");\n        }\n\n        function observeState() {\n          if (observer.next) {\n            observer.next(getState());\n          }\n        }\n\n        observeState();\n        var unsubscribe = outerSubscribe(observeState);\n        return {\n          unsubscribe: unsubscribe\n        };\n      }\n    }, _ref[$$observable] = function () {\n      return this;\n    }, _ref;\n  } // When a store is created, an \"INIT\" action is dispatched so that every\n  // reducer returns their initial state. This effectively populates\n  // the initial state tree.\n\n\n  dispatch({\n    type: ActionTypes.INIT\n  });\n  return _ref2 = {\n    dispatch: dispatch,\n    subscribe: subscribe,\n    getState: getState,\n    replaceReducer: replaceReducer\n  }, _ref2[$$observable] = observable, _ref2;\n}\n/**\n * Prints a warning in the console if it exists.\n *\n * @param {String} message The warning message.\n * @returns {void}\n */\n\n\nfunction warning(message) {\n  /* eslint-disable no-console */\n  if (typeof console !== 'undefined' && typeof console.error === 'function') {\n    console.error(message);\n  }\n  /* eslint-enable no-console */\n\n\n  try {\n    // This error was thrown as a convenience so that if you enable\n    // \"break on all exceptions\" in your console,\n    // it would pause the execution at this line.\n    throw new Error(message);\n  } catch (e) {} // eslint-disable-line no-empty\n\n}\n\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n  var reducerKeys = Object.keys(reducers);\n  var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';\n\n  if (reducerKeys.length === 0) {\n    return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';\n  }\n\n  if (!isPlainObject(inputState)) {\n    return \"The \" + argumentName + \" has unexpected type of \\\"\" + kindOf(inputState) + \"\\\". Expected argument to be an object with the following \" + (\"keys: \\\"\" + reducerKeys.join('\", \"') + \"\\\"\");\n  }\n\n  var unexpectedKeys = Object.keys(inputState).filter(function (key) {\n    return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];\n  });\n  unexpectedKeys.forEach(function (key) {\n    unexpectedKeyCache[key] = true;\n  });\n  if (action && action.type === ActionTypes.REPLACE) return;\n\n  if (unexpectedKeys.length > 0) {\n    return \"Unexpected \" + (unexpectedKeys.length > 1 ? 'keys' : 'key') + \" \" + (\"\\\"\" + unexpectedKeys.join('\", \"') + \"\\\" found in \" + argumentName + \". \") + \"Expected to find one of the known reducer keys instead: \" + (\"\\\"\" + reducerKeys.join('\", \"') + \"\\\". Unexpected keys will be ignored.\");\n  }\n}\n\nfunction assertReducerShape(reducers) {\n  Object.keys(reducers).forEach(function (key) {\n    var reducer = reducers[key];\n    var initialState = reducer(undefined, {\n      type: ActionTypes.INIT\n    });\n\n    if (typeof initialState === 'undefined') {\n      throw new Error( false ? 0 : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined during initialization. \" + \"If the state passed to the reducer is undefined, you must \" + \"explicitly return the initial state. The initial state may \" + \"not be undefined. If you don't want to set a value for this reducer, \" + \"you can use null instead of undefined.\");\n    }\n\n    if (typeof reducer(undefined, {\n      type: ActionTypes.PROBE_UNKNOWN_ACTION()\n    }) === 'undefined') {\n      throw new Error( false ? 0 : \"The slice reducer for key \\\"\" + key + \"\\\" returned undefined when probed with a random type. \" + (\"Don't try to handle '\" + ActionTypes.INIT + \"' or other actions in \\\"redux/*\\\" \") + \"namespace. They are considered private. Instead, you must return the \" + \"current state for any unknown actions, unless it is undefined, \" + \"in which case you must return the initial state, regardless of the \" + \"action type. The initial state may not be undefined, but can be null.\");\n    }\n  });\n}\n/**\n * Turns an object whose values are different reducer functions, into a single\n * reducer function. It will call every child reducer, and gather their results\n * into a single state object, whose keys correspond to the keys of the passed\n * reducer functions.\n *\n * @param {Object} reducers An object whose values correspond to different\n * reducer functions that need to be combined into one. One handy way to obtain\n * it is to use ES6 `import * as reducers` syntax. The reducers may never return\n * undefined for any action. Instead, they should return their initial state\n * if the state passed to them was undefined, and the current state for any\n * unrecognized action.\n *\n * @returns {Function} A reducer function that invokes every reducer inside the\n * passed object, and builds a state object with the same shape.\n */\n\n\nfunction combineReducers(reducers) {\n  var reducerKeys = Object.keys(reducers);\n  var finalReducers = {};\n\n  for (var i = 0; i < reducerKeys.length; i++) {\n    var key = reducerKeys[i];\n\n    if (true) {\n      if (typeof reducers[key] === 'undefined') {\n        warning(\"No reducer provided for key \\\"\" + key + \"\\\"\");\n      }\n    }\n\n    if (typeof reducers[key] === 'function') {\n      finalReducers[key] = reducers[key];\n    }\n  }\n\n  var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same\n  // keys multiple times.\n\n  var unexpectedKeyCache;\n\n  if (true) {\n    unexpectedKeyCache = {};\n  }\n\n  var shapeAssertionError;\n\n  try {\n    assertReducerShape(finalReducers);\n  } catch (e) {\n    shapeAssertionError = e;\n  }\n\n  return function combination(state, action) {\n    if (state === void 0) {\n      state = {};\n    }\n\n    if (shapeAssertionError) {\n      throw shapeAssertionError;\n    }\n\n    if (true) {\n      var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n\n      if (warningMessage) {\n        warning(warningMessage);\n      }\n    }\n\n    var hasChanged = false;\n    var nextState = {};\n\n    for (var _i = 0; _i < finalReducerKeys.length; _i++) {\n      var _key = finalReducerKeys[_i];\n      var reducer = finalReducers[_key];\n      var previousStateForKey = state[_key];\n      var nextStateForKey = reducer(previousStateForKey, action);\n\n      if (typeof nextStateForKey === 'undefined') {\n        var actionType = action && action.type;\n        throw new Error( false ? 0 : \"When called with an action of type \" + (actionType ? \"\\\"\" + String(actionType) + \"\\\"\" : '(unknown type)') + \", the slice reducer for key \\\"\" + _key + \"\\\" returned undefined. \" + \"To ignore an action, you must explicitly return the previous state. \" + \"If you want this reducer to hold no value, you can return null instead of undefined.\");\n      }\n\n      nextState[_key] = nextStateForKey;\n      hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n    }\n\n    hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n    return hasChanged ? nextState : state;\n  };\n}\n\nfunction bindActionCreator(actionCreator, dispatch) {\n  return function () {\n    return dispatch(actionCreator.apply(this, arguments));\n  };\n}\n/**\n * Turns an object whose values are action creators, into an object with the\n * same keys, but with every function wrapped into a `dispatch` call so they\n * may be invoked directly. This is just a convenience method, as you can call\n * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.\n *\n * For convenience, you can also pass an action creator as the first argument,\n * and get a dispatch wrapped function in return.\n *\n * @param {Function|Object} actionCreators An object whose values are action\n * creator functions. One handy way to obtain it is to use ES6 `import * as`\n * syntax. You may also pass a single function.\n *\n * @param {Function} dispatch The `dispatch` function available on your Redux\n * store.\n *\n * @returns {Function|Object} The object mimicking the original object, but with\n * every action creator wrapped into the `dispatch` call. If you passed a\n * function as `actionCreators`, the return value will also be a single\n * function.\n */\n\n\nfunction bindActionCreators(actionCreators, dispatch) {\n  if (typeof actionCreators === 'function') {\n    return bindActionCreator(actionCreators, dispatch);\n  }\n\n  if (typeof actionCreators !== 'object' || actionCreators === null) {\n    throw new Error( false ? 0 : \"bindActionCreators expected an object or a function, but instead received: '\" + kindOf(actionCreators) + \"'. \" + \"Did you write \\\"import ActionCreators from\\\" instead of \\\"import * as ActionCreators from\\\"?\");\n  }\n\n  var boundActionCreators = {};\n\n  for (var key in actionCreators) {\n    var actionCreator = actionCreators[key];\n\n    if (typeof actionCreator === 'function') {\n      boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n    }\n  }\n\n  return boundActionCreators;\n}\n/**\n * Composes single-argument functions from right to left. The rightmost\n * function can take multiple arguments as it provides the signature for\n * the resulting composite function.\n *\n * @param {...Function} funcs The functions to compose.\n * @returns {Function} A function obtained by composing the argument functions\n * from right to left. For example, compose(f, g, h) is identical to doing\n * (...args) => f(g(h(...args))).\n */\n\n\nfunction compose() {\n  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n    funcs[_key] = arguments[_key];\n  }\n\n  if (funcs.length === 0) {\n    return function (arg) {\n      return arg;\n    };\n  }\n\n  if (funcs.length === 1) {\n    return funcs[0];\n  }\n\n  return funcs.reduce(function (a, b) {\n    return function () {\n      return a(b.apply(void 0, arguments));\n    };\n  });\n}\n/**\n * Creates a store enhancer that applies middleware to the dispatch method\n * of the Redux store. This is handy for a variety of tasks, such as expressing\n * asynchronous actions in a concise manner, or logging every action payload.\n *\n * See `redux-thunk` package as an example of the Redux middleware.\n *\n * Because middleware is potentially asynchronous, this should be the first\n * store enhancer in the composition chain.\n *\n * Note that each middleware will be given the `dispatch` and `getState` functions\n * as named arguments.\n *\n * @param {...Function} middlewares The middleware chain to be applied.\n * @returns {Function} A store enhancer applying the middleware.\n */\n\n\nfunction applyMiddleware() {\n  for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {\n    middlewares[_key] = arguments[_key];\n  }\n\n  return function (createStore) {\n    return function () {\n      var store = createStore.apply(void 0, arguments);\n\n      var _dispatch = function dispatch() {\n        throw new Error( false ? 0 : 'Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');\n      };\n\n      var middlewareAPI = {\n        getState: store.getState,\n        dispatch: function dispatch() {\n          return _dispatch.apply(void 0, arguments);\n        }\n      };\n      var chain = middlewares.map(function (middleware) {\n        return middleware(middlewareAPI);\n      });\n      _dispatch = compose.apply(void 0, chain)(store.dispatch);\n      return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, store), {}, {\n        dispatch: _dispatch\n      });\n    };\n  };\n}\n/*\n * This is a dummy function to check if the function name has been altered by minification.\n * If the function has been minified and NODE_ENV !== 'production', warn the user.\n */\n\n\nfunction isCrushed() {}\n\nif ( true && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {\n  warning('You are currently using minified code outside of NODE_ENV === \"production\". ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or setting mode to production in webpack (https://webpack.js.org/concepts/mode/) ' + 'to ensure you have the correct code for your production build.');\n}\n\n\n\n//# sourceURL=webpack://proofratings/./node_modules/redux/es/redux.js?");
     20
     21/***/ }),
     22
     23/***/ "./src/BadgeDisplay.js":
     24/*!*****************************!*\
     25  !*** ./src/BadgeDisplay.js ***!
     26  \*****************************/
     27/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     28
     29eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n\n\nconst BadgeDisplay = props => {\n  const badge_display = Object.assign({\n    sites_square: false,\n    sites_rectangle: false,\n    overall_cta_banner: false,\n    overall_rectangle_embed: false,\n    overall_rectangle_float: false,\n    overall_narrow_embed: false,\n    overall_narrow_float: false\n  }, props?.badge_display);\n\n  const update_single = name => {\n    badge_display[name] = !badge_display[name];\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.BADGE_DISPLAY,\n      payload: badge_display\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Sites (Square)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/widget-style1.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    onChange: () => update_single('sites_square'),\n    className: \"checkbox-switch checkbox-onoff\",\n    checked: badge_display?.sites_square,\n    type: \"checkbox\"\n  }), \"Embed only\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Sites (Rectangle)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/widget-style2.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('sites_rectangle'),\n    type: \"checkbox\",\n    defaultChecked: badge_display?.sites_rectangle\n  }), \" Embed only\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Overall Rating (Rectangle)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/floating-badge-style1.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginRight: 30\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"checkbox-switch checkbox-onoff\",\n    type: \"checkbox\",\n    defaultChecked: badge_display?.overall_rectangle_embed,\n    onChange: () => update_single('overall_rectangle_embed')\n  }), \" Embed\"), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    className: \"checkbox-switch checkbox-onoff\",\n    type: \"checkbox\",\n    defaultChecked: badge_display?.overall_rectangle_float,\n    onChange: () => update_single('overall_rectangle_float')\n  }), \" Float\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Overall Rating (Narrow)\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/floating-badge-style2.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginRight: 30\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('overall_narrow_embed'),\n    defaultChecked: badge_display?.overall_narrow_embed\n  }), \"Embed\"), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('overall_narrow_float'),\n    defaultChecked: badge_display?.overall_narrow_float\n  }), \"Float\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Overall Rating CTA Banner\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-image-option\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/cta-badge.png`,\n    alt: \"Proofratings style\"\n  }), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: badge_display?.overall_cta_banner,\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: () => update_single('overall_cta_banner')\n  }), \" Float only\")))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeDisplay);\n\n//# sourceURL=webpack://proofratings/./src/BadgeDisplay.js?");
     30
     31/***/ }),
     32
     33/***/ "./src/BadgeRectangle.js":
     34/*!*******************************!*\
     35  !*** ./src/BadgeRectangle.js ***!
     36  \*******************************/
     37/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     38
     39eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Border__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Component/Border */ \"./src/Component/Border.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Component/ActiveSites */ \"./src/Component/ActiveSites.js\");\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst BadgeRectangle = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_rectangle);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_rectangle));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SITES_RECTANGLE,\n    payload: data\n  });\n\n  const border = Object.assign({\n    show: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.border);\n\n  const handleBorder = (name, value) => {\n    border[name] = value;\n    handle_field({\n      border\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--themeColor:' + state.star_color);\n    }\n\n    if (state?.textcolor) {\n      styles.push('--textColor:' + state.textcolor);\n    }\n\n    if (state?.review_color_textcolor) {\n      styles.push('--reviewCountTextColor:' + state.review_color_textcolor);\n    }\n\n    if (state?.background_color) {\n      styles.push('background-color:' + state.background_color);\n    }\n\n    if (state?.border?.show === false) {\n      styles.push('border: none');\n    }\n\n    if (border?.color) {\n      styles.push('--borderColor:' + border.color);\n    }\n\n    if (border?.hover) {\n      styles.push('--borderHoverColor:' + border.hover);\n    }\n\n    if (shadow?.shadow === false) {\n      styles.push('--shadowColor: transparent');\n    }\n\n    if (shadow?.shadow !== false && shadow?.color) {\n      styles.push('--shadowColor:' + shadow.color);\n    }\n\n    return styles;\n  };\n\n  let css_style = `.proofratings-widget.proofratings-widget-rectangle {${get_styles().join(';')}}`;\n\n  if (shadow?.shadow !== false && shadow?.hover) {\n    css_style += `.proofratings-widget.proofratings-widget-rectangle:hover {--shadowColor: ${shadow.hover}}`;\n  }\n\n  if (state?.icon_color) {\n    css_style += `.proofratings-widget.proofratings-widget-rectangle .review-site-logo svg {fill: ${state.icon_color}}`;\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(_Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    onUpdate: active_sites => handle_field({\n      active_sites\n    }),\n    active_sites: state?.active_sites\n  }), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Shortcode\", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Use shortcode where you want to display review widgets\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_widgets id=\\\"\", props?.id, \"\\\" style=\\\"rectangle\\\"]\"))))), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.customize,\n    className: \"checkbox-switch checkbox-yesno\",\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \"Customize (this will customize all badges)\"), state?.customize && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n    id: `proofratings-widgets-${props?.id}`,\n    className: \"proofratings-review-widgets-grid proofratings-widgets-grid-rectangle\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-widget proofratings-widget-rectangle proofratings-widget-yelp proofratings-widget-customized\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    dangerouslySetInnerHTML: {\n      __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>'\n    }\n  }), /*#__PURE__*/React.createElement(\"h4\", {\n    className: \"rating-title\"\n  }, \"Google Rating\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"5.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"100%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 9 reviews \"))), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Site Icon Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.icon_color,\n    onUpdate: icon_color => handle_field({\n      icon_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.textcolor,\n    onUpdate: textcolor => handle_field({\n      textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review count text color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_color_textcolor,\n    onUpdate: review_color_textcolor => handle_field({\n      review_color_textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Border__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    name: \"border\",\n    border: border,\n    onUpdate: handleBorder\n  }), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeRectangle);\n\n//# sourceURL=webpack://proofratings/./src/BadgeRectangle.js?");
     40
     41/***/ }),
     42
     43/***/ "./src/BadgeSquare.js":
     44/*!****************************!*\
     45  !*** ./src/BadgeSquare.js ***!
     46  \****************************/
     47/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     48
     49eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Border__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Component/Border */ \"./src/Component/Border.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Component/ActiveSites */ \"./src/Component/ActiveSites.js\");\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst BadgeSquare = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_square);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().sites_square));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SITES_SQUARE,\n    payload: data\n  });\n\n  const border = Object.assign({\n    show: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.border);\n\n  const handleBorder = (name, value) => {\n    border[name] = value;\n    handle_field({\n      border\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--themeColor:' + state.star_color);\n    }\n\n    if (state?.logo_color) {\n      styles.push('--logoColor:' + state.logo_color);\n    }\n\n    if (state?.textcolor) {\n      styles.push('--textColor:' + state.textcolor);\n    }\n\n    if (state?.review_color_textcolor) {\n      styles.push('--reviewCountTextColor:' + state.review_color_textcolor);\n    }\n\n    if (state?.background_color) {\n      styles.push('background-color:' + state.background_color);\n    }\n\n    if (state?.border?.show === false) {\n      styles.push('border: none');\n    }\n\n    if (border?.color) {\n      styles.push('--borderColor:' + border.color);\n    }\n\n    if (border?.hover) {\n      styles.push('--borderHoverColor:' + border.hover);\n    }\n\n    if (shadow?.shadow === false) {\n      styles.push('--shadowColor: transparent');\n    }\n\n    if (shadow?.shadow !== false && shadow?.color) {\n      styles.push('--shadowColor:' + shadow.color);\n    }\n\n    return styles;\n  };\n\n  let css_style = `.proofratings-widget.proofratings-widget-square {${get_styles().join(';')}}`;\n\n  if (shadow?.shadow !== false && shadow?.hover) {\n    css_style += `.proofratings-widget.proofratings-widget-square:hover {--shadowColor: ${shadow.hover}}`;\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(_Component_ActiveSites__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    onUpdate: active_sites => handle_field({\n      active_sites\n    }),\n    active_sites: state?.active_sites\n  }), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\",\n    style: {\n      verticalAlign: \"middle\"\n    }\n  }, \"Shortcode\", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Use shortcode where you want to display review widgets\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_widgets id=\\\"\", props?.id, \"\\\" style=\\\"square\\\"]\"))))), /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: state?.customize,\n    className: \"checkbox-switch checkbox-yesno\",\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \"Customize (this will customize all badges)\"), state?.customize && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n    id: \"proofratings-badge-square\",\n    className: \"proofratings-review-widgets-grid proofratings-widgets-grid-square\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: `proofratings-widget proofratings-widget-square proofratings-widget-customized ${state?.logo_color ? 'proofratings-widget-logo-color' : ''}`\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      WebkitMaskImage: `url(${proofratings.assets_url}images/google.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}images/google.svg`,\n    alt: \"Google\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: '80%'\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 76 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\"))), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Logo Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.logo_color,\n    onUpdate: logo_color => handle_field({\n      logo_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.textcolor,\n    onUpdate: textcolor => handle_field({\n      textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review count text color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_color_textcolor,\n    onUpdate: review_color_textcolor => handle_field({\n      review_color_textcolor\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Border__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    name: \"border\",\n    border: border,\n    onUpdate: handleBorder\n  }), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeSquare);\n\n//# sourceURL=webpack://proofratings/./src/BadgeSquare.js?");
     50
     51/***/ }),
     52
     53/***/ "./src/Button.js":
     54/*!***********************!*\
     55  !*** ./src/Button.js ***!
     56  \***********************/
     57/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     58
     59eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst Button = props => {\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Text\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"text\",\n    defaultValue: props?.text,\n    onChange: e => props.onUpdate('text', e.target.value)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button URL\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"url\",\n    defaultValue: props?.url,\n    onChange: e => props.onUpdate('url', e.target.value)\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginLeft: 10\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: props?.blank,\n    className: \"checkbox-switch checkbox-onoff\",\n    onChange: e => props.onUpdate('blank', !props?.blank)\n  }), \" Open in new tab\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.textcolor,\n    onUpdate: textcolor => props.onUpdate('textcolor', textcolor)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.background_color,\n    onUpdate: background_color => props.onUpdate('background_color', background_color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Shape\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: props?.rectangle,\n    className: \"checkbox-switch checkbox-shape\",\n    onChange: () => props.onUpdate('rectangle', !props?.rectangle)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Border\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: props?.border,\n    className: \"checkbox-switch\",\n    onChange: () => props.onUpdate('border', !props?.border)\n  }))), props?.border && /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Border Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.border_color,\n    onUpdate: color => props.onUpdate('border_color', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Hover Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.hover_textcolor,\n    onUpdate: color => props.onUpdate('hover_textcolor', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Hover Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.hover_background_color,\n    onUpdate: color => props.onUpdate('hover_background_color', color)\n  }))), props?.border && /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Button Hover Border Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    color: props?.hover_border_color,\n    onUpdate: color => props.onUpdate('hover_border_color', color)\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);\n\n//# sourceURL=webpack://proofratings/./src/Button.js?");
     60
     61/***/ }),
     62
     63/***/ "./src/CTABanner.js":
     64/*!**************************!*\
     65  !*** ./src/CTABanner.js ***!
     66  \**************************/
     67/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     68
     69eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Button */ \"./src/Button.js\");\n/* harmony import */ var _Pages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Pages */ \"./src/Pages.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst CTABanner = () => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_cta_banner);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_cta_banner));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_CTA_BANNER,\n    payload: data\n  });\n\n  const handle_button = (name, value) => {\n    let button1 = typeof state.button1 === 'object' ? state.button1 : {};\n    button1[name] = value;\n    handle_field({\n      button1\n    });\n  };\n\n  const handle_button2 = (name, value) => {\n    let button2 = typeof state.button2 === 'object' ? state.button2 : {};\n    button2[name] = value;\n    handle_field({\n      button2\n    });\n  };\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--star_color:' + state.star_color);\n    }\n\n    if (state?.background_color) {\n      styles.push('--backgroundColor:' + state.background_color);\n    }\n\n    if (state?.rating_text_color) {\n      styles.push('--rating_text_color:' + state.rating_text_color);\n    }\n\n    if (state?.review_rating_background_color) {\n      styles.push('--review_rating_background_color:' + state.review_rating_background_color);\n    }\n\n    if (state?.number_review_text_color) {\n      styles.push('--reviewCountTextcolor:' + state.number_review_text_color);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-banner-badge {${get_styles().join(';')}}`;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Tablet Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.tablet,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      tablet: !state?.tablet\n    })\n  }), \"Show/Hide on tablet\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Mobile Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.mobile,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      mobile: !state?.mobile\n    })\n  }), \"Show/Hide on mobile\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Close option\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.close_button,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      close_button: !state?.close_button\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: `proofratings-banner-badge badge-hidden-mobile ${state?.shadow ? 'has-shadow' : ''}`\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-logos\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-google.png`,\n    alt: \"google\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-trustpilot.png`,\n    alt: \"trustpilot\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-wordpress.jpg`,\n    alt: \"wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"rating-box\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars medium\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"96%\"\n    }\n  })), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"rating\"\n  }, \"4.8 / 5\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-review-count\"\n  }, \"44 customer reviews\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"button-container\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-button button1 has-border\"\n  }, \"Buy Now\"))))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Top Shadow\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.shadow,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      shadow: !state.shadow\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_text_color,\n    onUpdate: rating_text_color => handle_field({\n      rating_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Rating Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_rating_background_color,\n    onUpdate: review_rating_background_color => handle_field({\n      review_rating_background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Number of Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.number_review_text_color,\n    onUpdate: number_review_text_color => handle_field({\n      number_review_text_color\n    })\n  })))))), /*#__PURE__*/React.createElement(\"h2\", {\n    style: {\n      fontSize: 25\n    }\n  }, \"Call-to-action Button\"), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"caption\", null, \"First Button\"), /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({\n    key: 'button1',\n    onUpdate: handle_button\n  }, state?.button1)))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"caption\", null, \"Second Button\"), /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.button2,\n    className: \"checkbox-switch\",\n    onChange: () => handle_button2('show', !state.button2?.show)\n  }), \" Second Button\"))), state?.button2?.show && /*#__PURE__*/React.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({\n    key: 'button2',\n    onUpdate: handle_button2\n  }, state?.button2)))), /*#__PURE__*/React.createElement(_Pages__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    onUpdate: handle_field,\n    on_pages: state?.on_pages\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CTABanner);\n\n//# sourceURL=webpack://proofratings/./src/CTABanner.js?");
     70
     71/***/ }),
     72
     73/***/ "./src/Component/ActiveSites.js":
     74/*!**************************************!*\
     75  !*** ./src/Component/ActiveSites.js ***!
     76  \**************************************/
     77/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     78
     79eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n\n\nconst ActiveSites = props => {\n  const {\n    activeSites\n  } = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const active_sites = Array.isArray(props.active_sites) ? props.active_sites : [];\n\n  const handleCheck = site_id => {\n    const index = active_sites.indexOf(site_id);\n\n    if (index !== -1) {\n      active_sites.splice(index, 1);\n    } else {\n      active_sites.push(site_id);\n    }\n\n    props.onUpdate(active_sites);\n  };\n\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-sites-checkboxes review-sites-checkboxes-widget\"\n  }, activeSites.map(site_id => /*#__PURE__*/React.createElement(\"label\", {\n    key: site_id,\n    className: \"checkbox-review-site\"\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: active_sites.includes(site_id),\n    onClick: () => handleCheck(site_id)\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: proofratings.review_sites[site_id].logo,\n    alt: proofratings.review_sites[site_id].name\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ActiveSites);\n\n//# sourceURL=webpack://proofratings/./src/Component/ActiveSites.js?");
     80
     81/***/ }),
     82
     83/***/ "./src/Component/Border.js":
     84/*!*********************************!*\
     85  !*** ./src/Component/Border.js ***!
     86  \*********************************/
     87/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     88
     89eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _ColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst Border = props => {\n  const {\n    show,\n    color,\n    hover\n  } = props.border;\n\n  const update_border = (name, value) => props.onUpdate(name, value);\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Border\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: show,\n    onChange: () => update_border('show', !show),\n    className: \"checkbox-switch\"\n  }))), show && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Border Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"color\",\n    color: color,\n    onUpdate: color => update_border('color', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Border Hover Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"hover\",\n    color: hover,\n    onUpdate: hover => update_border('hover', hover)\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Border);\n\n//# sourceURL=webpack://proofratings/./src/Component/Border.js?");
     90
     91/***/ }),
     92
     93/***/ "./src/Component/ColorPicker.js":
     94/*!**************************************!*\
     95  !*** ./src/Component/ColorPicker.js ***!
     96  \**************************************/
     97/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     98
     99eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst {\n  useEffect,\n  useRef\n} = React;\n\nconst ColorPicker = props => {\n  const colorInput = useRef(null);\n  const color = props?.color;\n  const defaultColor = props?.defaultValue;\n  useEffect(() => {\n    jQuery(colorInput.current).wpColorPicker({\n      change: function (event, ui) {\n        if (typeof props.onUpdate === 'function') {\n          props.onUpdate(ui.color.toString());\n        }\n      },\n      clear: function (event) {\n        if (typeof props.onUpdate === 'function') {\n          props.onUpdate('');\n        }\n      }\n    });\n  }, []);\n  return /*#__PURE__*/React.createElement(\"input\", {\n    type: \"text\",\n    ref: colorInput,\n    defaultValue: color,\n    \"data-default-color\": defaultColor\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorPicker);\n\n//# sourceURL=webpack://proofratings/./src/Component/ColorPicker.js?");
     100
     101/***/ }),
     102
     103/***/ "./src/Component/Link.js":
     104/*!*******************************!*\
     105  !*** ./src/Component/Link.js ***!
     106  \*******************************/
     107/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     108
     109eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst Link = props => {\n  const update_link = (name, value) => props.onUpdate(name, value);\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Link\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: props?.enable,\n    className: \"checkbox-switch checkbox-yesno\",\n    onChange: () => update_link('enable', !props?.enable)\n  }))), props?.enable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"URL\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"text\",\n    value: props?.url,\n    onChange: e => update_link('url', e.target.value)\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    style: {\n      marginLeft: 15\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch checkbox-yesno\",\n    defaultChecked: props?._blank,\n    onChange: () => update_link('_blank', !props?._blank)\n  }), \" Open in blank\")))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);\n\n//# sourceURL=webpack://proofratings/./src/Component/Link.js?");
     110
     111/***/ }),
     112
     113/***/ "./src/Component/Shadow.js":
     114/*!*********************************!*\
     115  !*** ./src/Component/Shadow.js ***!
     116  \*********************************/
     117/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     118
     119eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _ColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst Shadow = props => {\n  const {\n    shadow,\n    color,\n    hover\n  } = Object.assign({\n    shadow: '',\n    color: '',\n    hover: ''\n  }, props?.shadow);\n\n  const update_border = (name, value) => props.onUpdate(name, value);\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shadow\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: shadow,\n    onChange: () => update_border('shadow', !shadow),\n    className: \"checkbox-switch\"\n  }))), shadow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shadow Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"color\",\n    color: color,\n    onUpdate: color => update_border('color', color)\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shadow Hover Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_ColorPicker__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n    name: \"hover\",\n    color: hover,\n    onUpdate: hover => update_border('hover', hover)\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Shadow);\n\n//# sourceURL=webpack://proofratings/./src/Component/Shadow.js?");
     120
     121/***/ }),
     122
     123/***/ "./src/OverallNarrow/Embed.js":
     124/*!************************************!*\
     125  !*** ./src/OverallNarrow/Embed.js ***!
     126  \************************************/
     127/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     128
     129eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallNarrow/Widgets.js\");\n/* harmony import */ var _Component_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Component/Link */ \"./src/Component/Link.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallNarrow = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_embed);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_embed));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_narrow_embed',\n      data\n    }\n  });\n\n  const link = Object.assign({\n    enable: false,\n    url: \"\",\n    _blank: false\n  }, state?.link);\n\n  const handle_link = (name, value) => {\n    link[name] = value;\n    handle_field({\n      link\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shortcode \", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Embed shortcode\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_overall_narrow id=\\\"\", props?.id, \"\\\"]\"))), /*#__PURE__*/React.createElement(_Component_Link__WEBPACK_IMPORTED_MODULE_4__[\"default\"], _extends({}, link, {\n    onUpdate: handle_link\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Count Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  })))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallNarrow);\n\n//# sourceURL=webpack://proofratings/./src/OverallNarrow/Embed.js?");
     130
     131/***/ }),
     132
     133/***/ "./src/OverallNarrow/Float.js":
     134/*!************************************!*\
     135  !*** ./src/OverallNarrow/Float.js ***!
     136  \************************************/
     137/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     138
     139eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallNarrow/Widgets.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Pages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./../Pages */ \"./src/Pages.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallNarrow = () => {\n  const settings = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_float);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_narrow_float));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_narrow_float',\n      data\n    }\n  });\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Tablet Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.tablet,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      tablet: !state?.tablet\n    })\n  }), \"Show/Hide on tablet\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Mobile Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.mobile,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      mobile: !state?.mobile\n    })\n  }), \"Show/Hide on mobile\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Close option\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.close_button,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      close_button: !state.close_button\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Position\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"select\", {\n    defaultValue: state?.position,\n    onChange: e => handle_field({\n      position: e.target.value\n    })\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"left\"\n  }, \"Left\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"center\"\n  }, \"Center\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"right\"\n  }, \"Right\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Count Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  })))))), /*#__PURE__*/React.createElement(_Pages__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    onUpdate: handle_field,\n    on_pages: state?.on_pages\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallNarrow);\n\n//# sourceURL=webpack://proofratings/./src/OverallNarrow/Float.js?");
     140
     141/***/ }),
     142
     143/***/ "./src/OverallNarrow/Widgets.js":
     144/*!**************************************!*\
     145  !*** ./src/OverallNarrow/Widgets.js ***!
     146  \**************************************/
     147/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     148
     149eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst Widgets = props => {\n  const get_styles = () => {\n    const styles = [];\n\n    if (props?.star_color) {\n      styles.push('--star_color:' + props.star_color);\n    }\n\n    if (props?.rating_color) {\n      styles.push('--rating_color:' + props.rating_color);\n    }\n\n    if (props?.background_color) {\n      styles.push('--background_color:' + props.background_color);\n    }\n\n    if (props?.review_text_color) {\n      styles.push('--review_text_color:' + props.review_text_color);\n    }\n\n    if (props?.shadow?.shadow === false) {\n      styles.push('--shadow_color: transparent');\n      styles.push('--shadow_hover: transparent');\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.color) {\n      styles.push('--shadow_color:' + props.shadow.color);\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.hover) {\n      styles.push('--shadow_hover:' + props.shadow.hover);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-badge.proofratings-badge-narrow {${get_styles().join(';')}}`;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-badge proofratings-badge-narrow\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-logos\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-google.png`,\n    alt: \"google\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-trustpilot.png`,\n    alt: \"trustpilot\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-wordpress.jpg`,\n    alt: \"wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.8\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"96%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-review-count\"\n  }, \"44 reviews\")))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Widgets);\n\n//# sourceURL=webpack://proofratings/./src/OverallNarrow/Widgets.js?");
     150
     151/***/ }),
     152
     153/***/ "./src/OverallPopup.js":
     154/*!*****************************!*\
     155  !*** ./src/OverallPopup.js ***!
     156  \*****************************/
     157/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     158
     159eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallPopup = () => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_popup);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_popup));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_POPUP,\n    payload: data\n  });\n\n  const get_styles = () => {\n    const styles = [];\n\n    if (state?.star_color) {\n      styles.push('--themeColor:' + state.star_color);\n    }\n\n    if (state?.logo_color) {\n      styles.push('--logoColor:' + state.logo_color);\n    }\n\n    if (state?.review_text_color) {\n      styles.push('--reviewCountTextColor:' + state.review_text_color);\n    }\n\n    if (state?.review_text_background) {\n      styles.push('--review_text_background:' + state.review_text_background);\n    }\n\n    if (state?.rating_color) {\n      styles.push('--rating_color:' + state.rating_color);\n    }\n\n    if (state?.view_review_color) {\n      styles.push('--view_review_color:' + state.view_review_color);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-popup-widgets-box .proofratings-widget{${get_styles().join(';')}}`;\n  let widget_class = 'proofratings-widget proofratings-widget-customized';\n\n  if (state?.logo_color) {\n    widget_class += ' proofratings-widget-logo-color';\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-badges-popup\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-popup-widgets-box\",\n    \"data-column\": 3\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: widget_class\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      'WebkitMaskImage': `url(${proofratings.assets_url}/images/google.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/google.svg`,\n    alt: \"Google\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"5.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"100%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 9 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: widget_class\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      WebkitMaskImage: `url(${proofratings.assets_url}/images/trustpilot.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/trustpilot.svg`,\n    alt: \"Trustpilot\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.4\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"88%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 10 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: widget_class\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-site-logo\",\n    style: {\n      WebkitMaskImage: `url(${proofratings.assets_url}/images/trustpilot.svg)`\n    }\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/wordpress.svg`,\n    alt: \"Wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\",\n    itemProp: \"reviewRating\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"5.0\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"100%\"\n    }\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-count\"\n  }, \" 25 reviews \"), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"view-reviews\"\n  }, \"View Reviews\")))))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Logo Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.logo_color,\n    onUpdate: logo_color => handle_field({\n      logo_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_background,\n    onUpdate: review_text_background => handle_field({\n      review_text_background\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"View Review Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.view_review_color,\n    onUpdate: view_review_color => handle_field({\n      view_review_color\n    })\n  })))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallPopup);\n\n//# sourceURL=webpack://proofratings/./src/OverallPopup.js?");
     160
     161/***/ }),
     162
     163/***/ "./src/OverallRectangle/Embed.js":
     164/*!***************************************!*\
     165  !*** ./src/OverallRectangle/Embed.js ***!
     166  \***************************************/
     167/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     168
     169eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallRectangle/Widgets.js\");\n/* harmony import */ var _Component_Link__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Component/Link */ \"./src/Component/Link.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallRectangle_Embed = props => {\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_embed);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_embed));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_rectangle_embed',\n      data\n    }\n  });\n\n  const link = Object.assign({\n    enable: false,\n    url: \"\",\n    _blank: false\n  }, state?.link);\n\n  const handle_link = (name, value) => {\n    link[name] = value;\n    handle_field({\n      link\n    });\n  };\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Shortcode\", /*#__PURE__*/React.createElement(\"p\", {\n    className: \"description\",\n    style: {\n      fontWeight: \"normal\"\n    }\n  }, \"Embed shortcode\")), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"code\", {\n    className: \"shortocde-area\"\n  }, \"[proofratings_overall_rectangle id=\\\"\", props?.id, \"\\\"]\"))), /*#__PURE__*/React.createElement(_Component_Link__WEBPACK_IMPORTED_MODULE_4__[\"default\"], _extends({}, link, {\n    onUpdate: handle_link\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_background,\n    onUpdate: review_background => handle_field({\n      review_background\n    })\n  }))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallRectangle_Embed);\n\n//# sourceURL=webpack://proofratings/./src/OverallRectangle/Embed.js?");
     170
     171/***/ }),
     172
     173/***/ "./src/OverallRectangle/Float.js":
     174/*!***************************************!*\
     175  !*** ./src/OverallRectangle/Float.js ***!
     176  \***************************************/
     177/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     178
     179eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../Store */ \"./src/Store.js\");\n/* harmony import */ var _Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../Component/ColorPicker */ \"./src/Component/ColorPicker.js\");\n/* harmony import */ var _Component_Shadow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../Component/Shadow */ \"./src/Component/Shadow.js\");\n/* harmony import */ var _Pages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../Pages */ \"./src/Pages.js\");\n/* harmony import */ var _Widgets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Widgets */ \"./src/OverallRectangle/Widgets.js\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n\n\n\n\n\nconst {\n  useState,\n  useEffect\n} = React;\n\nconst OverallRectangle_Embed = props => {\n  const settings = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const [state, setState] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_float);\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState().overall_rectangle_float));\n    return () => unsubscribe();\n  }, []);\n\n  const handle_field = data => _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n    type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.OVERALL_SAVE,\n    payload: {\n      name: 'overall_rectangle_float',\n      data\n    }\n  });\n\n  const shadow = Object.assign({\n    shadow: false,\n    color: \"\",\n    hover: \"\"\n  }, state?.shadow);\n\n  const handleShadow = (name, value) => {\n    shadow[name] = value;\n    handle_field({\n      shadow\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Tablet Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.tablet,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      tablet: !state?.tablet\n    })\n  }), \"Show/Hide on tablet\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Mobile Visibility\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.mobile,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      mobile: !state?.mobile\n    })\n  }), \"Show/Hide on mobile\"))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Close option\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: state?.close_button,\n    className: \"checkbox-switch\",\n    onChange: () => handle_field({\n      close_button: !state?.close_button\n    })\n  })))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Position\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"select\", {\n    defaultValue: state?.position,\n    onChange: e => handle_field({\n      position: e.target.value\n    })\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"left\"\n  }, \"Left\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"right\"\n  }, \"Right\")))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    style: {\n      paddingLeft: 0\n    },\n    colSpan: 2\n  }, /*#__PURE__*/React.createElement(\"label\", null, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    className: \"checkbox-switch\",\n    defaultChecked: state?.customize,\n    onChange: () => handle_field({\n      customize: !state?.customize\n    })\n  }), \" Customize\"))), state?.customize && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Widgets__WEBPACK_IMPORTED_MODULE_4__[\"default\"], _extends({}, state, {\n    shadow: shadow\n  })), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Star Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.star_color,\n    onUpdate: star_color => handle_field({\n      star_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Rating Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.rating_color,\n    onUpdate: rating_color => handle_field({\n      rating_color\n    })\n  }))), /*#__PURE__*/React.createElement(_Component_Shadow__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    shadow: shadow,\n    onUpdate: handleShadow\n  }), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.background_color,\n    onUpdate: background_color => handle_field({\n      background_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Text Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_text_color,\n    onUpdate: review_text_color => handle_field({\n      review_text_color\n    })\n  }))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Review Background Color\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(_Component_ColorPicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    color: state?.review_background,\n    onUpdate: review_background => handle_field({\n      review_background\n    })\n  })))))), /*#__PURE__*/React.createElement(_Pages__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    onUpdate: handle_field,\n    on_pages: state?.on_pages\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OverallRectangle_Embed);\n\n//# sourceURL=webpack://proofratings/./src/OverallRectangle/Float.js?");
     180
     181/***/ }),
     182
     183/***/ "./src/OverallRectangle/Widgets.js":
     184/*!*****************************************!*\
     185  !*** ./src/OverallRectangle/Widgets.js ***!
     186  \*****************************************/
     187/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     188
     189eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst Widgets = props => {\n  const get_styles = () => {\n    const styles = [];\n\n    if (props?.star_color) {\n      styles.push('--star_color:' + props.star_color);\n    }\n\n    if (props?.rating_color) {\n      styles.push('--rating_color:' + props.rating_color);\n    }\n\n    if (props?.background_color) {\n      styles.push('--background_color:' + props.background_color);\n    }\n\n    if (props?.review_text_color) {\n      styles.push('--review_text_color:' + props.review_text_color);\n    }\n\n    if (props?.review_background) {\n      styles.push('--review_background:' + props.review_background);\n    }\n\n    if (props?.shadow?.shadow === false) {\n      styles.push('--shadow_color: transparent');\n      styles.push('--shadow_hover: transparent');\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.color) {\n      styles.push('--shadow_color:' + props.shadow.color);\n    }\n\n    if (props?.shadow?.shadow !== false && props?.shadow?.hover) {\n      styles.push('--shadow_hover:' + props.shadow.hover);\n    }\n\n    return styles;\n  };\n\n  const css_style = `.proofratings-badge.proofratings-badge-rectangle {${get_styles().join(';')}}`;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, css_style), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", {\n    colSpan: 2,\n    style: {\n      paddingLeft: 0\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-badge proofratings-badge-rectangle\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-inner\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-logos\"\n  }, /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-google.png`,\n    alt: \"google\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-trustpilot.png`,\n    alt: \"trustpilot\"\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: `${proofratings.assets_url}/images/icon-wordpress.jpg`,\n    alt: \"wordpress\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-reviews\"\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-score\"\n  }, \"4.8\"), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"proofratings-stars\"\n  }, /*#__PURE__*/React.createElement(\"i\", {\n    style: {\n      width: \"96%\"\n    }\n  })))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"proofratings-review-count\"\n  }, \"44 reviews\")))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Widgets);\n\n//# sourceURL=webpack://proofratings/./src/OverallRectangle/Widgets.js?");
     190
     191/***/ }),
     192
     193/***/ "./src/Pages.js":
     194/*!**********************!*\
     195  !*** ./src/Pages.js ***!
     196  \**********************/
     197/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     198
     199eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst {\n  useEffect\n} = React;\n\nconst Pages = props => {\n  const on_pages = (Array.isArray(props?.on_pages) ? props.on_pages : []).map(item => parseInt(item));\n  useEffect(() => {\n    if (Array.isArray(props?.on_pages)) {\n      return;\n    }\n\n    const on_pages = proofratings.pages.map(page => page.ID);\n    props.onUpdate({\n      on_pages\n    });\n  }, []);\n\n  const check_pages = id => {\n    const index = on_pages.indexOf(id);\n\n    if (index !== -1) {\n      on_pages.splice(index, 1);\n    } else {\n      on_pages.push(id);\n    }\n\n    props.onUpdate({\n      on_pages\n    });\n  };\n\n  return /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"caption\", null, \"Page to show on\"), /*#__PURE__*/React.createElement(\"tbody\", null, proofratings.pages.map(page => /*#__PURE__*/React.createElement(\"tr\", {\n    key: page.ID\n  }, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, page.post_title), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"input\", {\n    defaultChecked: on_pages.includes(page.ID),\n    onChange: () => check_pages(page.ID),\n    className: \"checkbox-switch\",\n    type: \"checkbox\"\n  }))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pages);\n\n//# sourceURL=webpack://proofratings/./src/Pages.js?");
     200
     201/***/ }),
     202
     203/***/ "./src/Sites.js":
     204/*!**********************!*\
     205  !*** ./src/Sites.js ***!
     206  \**********************/
     207/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     208
     209eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n\n\nconst ReviewSites = props => {\n  const settings = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState();\n  const activeSites = Array.isArray(props?.activeSites) ? props.activeSites : [];\n\n  const update_font = e => {\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SAVE_SETTINGS,\n      payload: { ...settings,\n        font: e.target.value\n      }\n    });\n  };\n\n  const handleCheck = site_id => {\n    const index = activeSites.indexOf(site_id);\n\n    if (index !== -1) {\n      activeSites.splice(index, 1);\n    } else {\n      activeSites.push(site_id);\n    }\n\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.ACTIVE_SITES,\n      payload: activeSites\n    });\n  };\n\n  const get_category_sites = (category, title) => {\n    const get_category_sites = Object.keys(proofratings.review_sites).map(key => {\n      return {\n        id: key,\n        ...proofratings.review_sites[key]\n      };\n    }).filter(site => site.category === category).filter(site => !activeSites.includes(site.id));\n\n    if (!get_category_sites.length) {\n      return;\n    }\n\n    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"h2\", null, title), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"review-sites-checkboxes\"\n    }, get_category_sites.map(site => /*#__PURE__*/React.createElement(\"label\", {\n      key: site.id,\n      className: \"checkbox-review-site\"\n    }, /*#__PURE__*/React.createElement(\"input\", {\n      type: \"checkbox\",\n      onClick: () => handleCheck(site.id)\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      src: site.logo,\n      alt: site.name\n    })))));\n  };\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"table\", {\n    className: \"form-table\"\n  }, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", {\n    scope: \"row\"\n  }, \"Font Family\"), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"select\", {\n    value: settings?.font,\n    onChange: update_font\n  }, /*#__PURE__*/React.createElement(\"option\", {\n    value: \"Didact Gothic\"\n  }, \"Didact Gothic\"), /*#__PURE__*/React.createElement(\"option\", {\n    value: \"Metropolis\"\n  }, \"Metropolis\")))))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"gap-30\"\n  }), activeSites.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"connect-sites-container\"\n  }, /*#__PURE__*/React.createElement(\"h2\", null, \"Connected Sites\"), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"review-sites-checkboxes\"\n  }, activeSites.map(site_id => /*#__PURE__*/React.createElement(\"label\", {\n    key: site_id,\n    className: \"checkbox-review-site\"\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    defaultChecked: true,\n    onClick: () => handleCheck(site_id)\n  }), /*#__PURE__*/React.createElement(\"img\", {\n    src: proofratings.review_sites[site_id].logo,\n    alt: proofratings.review_sites[site_id].name\n  }))))), get_category_sites('general', 'General Review Sites'), get_category_sites('home-service', 'Home Services Review Sites'), get_category_sites('solar', 'Solar Review Sites'), get_category_sites('software', 'SaaS/Software Review Sites'));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReviewSites);\n\n//# sourceURL=webpack://proofratings/./src/Sites.js?");
     210
     211/***/ }),
     212
     213/***/ "./src/Store.js":
     214/*!**********************!*\
     215  !*** ./src/Store.js ***!
     216  \**********************/
     217/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     218
     219eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   \"ACTIONS\": () => (/* binding */ ACTIONS)\n/* harmony export */ });\n/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! redux */ \"./node_modules/redux/es/redux.js\");\n\nconst ACTIONS = {\n  OVERALL_SAVE: \"OVERALL_SAVE\",\n  SAVE_SETTINGS: \"SAVE_SETTINGS\",\n  ACTIVE_SITES: \"ACTIVE_SITES\",\n  BADGE_DISPLAY: \"BADGE_DISPLAY\",\n  SITES_SQUARE: \"SITES_SQUARE\",\n  SITES_RECTANGLE: \"SITES_RECTANGLE\",\n  OVERALL_POPUP: \"OVERALL_POPUP\",\n  OVERALL_CTA_BANNER: \"OVERALL_CTA_BANNER\"\n};\nconst settings = {\n  current_tab: 'review-sites',\n  activeSites: [],\n  badge_display: {\n    sites_square: false,\n    sites_rectangle: false,\n    overall_cta_banner: false,\n    overall_rectangle_embed: false,\n    overall_rectangle_float: false,\n    overall_narrow_embed: false,\n    overall_narrow_float: false\n  },\n  sites_square: {\n    active_sites: null\n  },\n  sites_rectangle: {\n    active_sites: null\n  },\n  overall_rectangle_embed: {},\n  overall_rectangle_float: {\n    tablet: true,\n    mobile: true,\n    close_button: true\n  },\n  overall_narrow_embed: {},\n  overall_narrow_float: {\n    tablet: true,\n    mobile: true,\n    close_button: true\n  },\n  overall_popup: {},\n  overall_cta_banner: {\n    customize: false,\n    shadow: true,\n    tablet: true,\n    mobile: true,\n    close_button: true,\n    hide_on: [],\n    button1: {\n      text: 'Sign Up'\n    }\n  }\n};\n\nconst settingsReducer = (state = settings, action) => {\n  switch (action.type) {\n    case \"SAVE_SETTINGS\":\n      return action.payload;\n\n    case \"ACTIVE_SITES\":\n      return { ...state,\n        activeSites: action.payload\n      };\n\n    case \"BADGE_DISPLAY\":\n      return { ...state,\n        badge_display: action.payload\n      };\n\n    case \"SITES_SQUARE\":\n      return { ...state,\n        sites_square: { ...state.sites_square,\n          ...action.payload\n        }\n      };\n\n    case \"SITES_RECTANGLE\":\n      return { ...state,\n        sites_rectangle: { ...state.sites_rectangle,\n          ...action.payload\n        }\n      };\n\n    case \"OVERALL_SAVE\":\n      return { ...state,\n        [action.payload.name]: { ...state[action.payload.name],\n          ...action.payload.data\n        }\n      };\n\n    case \"OVERALL_POPUP\":\n      return { ...state,\n        overall_popup: { ...state.overall_popup,\n          ...action.payload\n        }\n      };\n\n    case \"OVERALL_CTA_BANNER\":\n      return { ...state,\n        overall_cta_banner: { ...state.overall_cta_banner,\n          ...action.payload\n        }\n      };\n\n    default:\n      return state;\n  }\n};\n\nconst store = (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)(settingsReducer);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (store);\n\n\n//# sourceURL=webpack://proofratings/./src/Store.js?");
     220
     221/***/ }),
     222
     223/***/ "./src/index.js":
     224/*!**********************!*\
     225  !*** ./src/index.js ***!
     226  \**********************/
     227/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
     228
     229eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Store */ \"./src/Store.js\");\n/* harmony import */ var _Sites__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Sites */ \"./src/Sites.js\");\n/* harmony import */ var _BadgeDisplay__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BadgeDisplay */ \"./src/BadgeDisplay.js\");\n/* harmony import */ var _BadgeSquare__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BadgeSquare */ \"./src/BadgeSquare.js\");\n/* harmony import */ var _BadgeRectangle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./BadgeRectangle */ \"./src/BadgeRectangle.js\");\n/* harmony import */ var _OverallRectangle_Embed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./OverallRectangle/Embed */ \"./src/OverallRectangle/Embed.js\");\n/* harmony import */ var _OverallRectangle_Float__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OverallRectangle/Float */ \"./src/OverallRectangle/Float.js\");\n/* harmony import */ var _OverallNarrow_Embed__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./OverallNarrow/Embed */ \"./src/OverallNarrow/Embed.js\");\n/* harmony import */ var _OverallNarrow_Float__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./OverallNarrow/Float */ \"./src/OverallNarrow/Float.js\");\n/* harmony import */ var _OverallPopup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./OverallPopup */ \"./src/OverallPopup.js\");\n/* harmony import */ var _CTABanner__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./CTABanner */ \"./src/CTABanner.js\");\nconst proofratings_widgets_root = document.getElementById(\"proofratings-widgets-root\");\n\n\n\n\n\n\n\n\n\n\n\nconst {\n  useEffect,\n  useState\n} = React;\nconst location_id = proofratings_widgets_root.getAttribute(\"data-location\");\n\nconst ProofratingsWidgets = () => {\n  const [state, setState] = useState({\n    error: null,\n    loading: true,\n    saving: false\n  });\n  const [settings, setSettings] = useState(_Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState());\n  useEffect(() => {\n    const unsubscribe = _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].subscribe(() => setSettings({ ..._Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getState()\n    }));\n    return () => unsubscribe();\n  }, []);\n\n  const setTab = (current_tab, e) => {\n    e.preventDefault();\n    _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n      type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SAVE_SETTINGS,\n      payload: { ...settings,\n        current_tab\n      }\n    });\n  };\n\n  useEffect(() => {\n    const request = jQuery.post(proofratings.ajaxurl, {\n      location_id,\n      action: 'proofratings_get_location'\n    }, function (response) {\n      if (response?.success == false) {\n        return setState({ ...state,\n          error: true,\n          loading: false\n        });\n      }\n\n      setState({ ...state,\n        error: false,\n        loading: false\n      });\n\n      if (Object.keys(response).length !== 0) {\n        _Store__WEBPACK_IMPORTED_MODULE_0__[\"default\"].dispatch({\n          type: _Store__WEBPACK_IMPORTED_MODULE_0__.ACTIONS.SAVE_SETTINGS,\n          payload: response\n        });\n      }\n    });\n    request.fail(function () {\n      return setState({ ...state,\n        error: true,\n        loading: false\n      });\n    });\n  }, []);\n\n  const save_data = () => {\n    if (state.saving) {\n      return;\n    }\n\n    setState({ ...state,\n      saving: true\n    });\n    settings.action = 'proofratings_save_location';\n    settings.location_id = location_id;\n    jQuery.post(proofratings.ajaxurl, settings, function (response) {\n      if (response?.success == false) {\n        alert('Something wrong with saving data');\n      }\n\n      setState({ ...state,\n        saving: false\n      });\n    });\n  };\n\n  if (state.loading === true) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"proofraing-progress-msg\"\n    }, \"Loading...\");\n  }\n\n  if (state.error === true) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"proofraing-progress-msg\"\n    }, \"Failed to retrive this location.\");\n  }\n\n  const tabs = {\n    'review-sites': 'Review Sites',\n    'display-badges': 'Badges',\n    'badge-square': 'Sites (Square)',\n    'badge-rectangle': 'Sites (Rectangle)',\n    'overall-rectangle-embed': 'Overall Rating Rectangle - EMBED',\n    'overall-rectangle-float': 'Overall Rating Rectangle - FLOAT',\n    'overall-narrow-embed': 'Overall Rating Narrow - EMBED',\n    'overall-narrow-float': 'Overall Rating Narrow - FLOAT',\n    'badge-popup': 'Popup Badges',\n    'overall-cta-banner': 'Overall Rating (CTA Banner)'\n  };\n  const {\n    badge_display,\n    activeSites\n  } = settings;\n\n  if (badge_display?.sites_square !== true) {\n    delete tabs['badge-square'];\n  }\n\n  if (badge_display?.sites_rectangle !== true) {\n    delete tabs['badge-rectangle'];\n  }\n\n  if (badge_display?.overall_rectangle_embed !== true) {\n    delete tabs['overall-rectangle-embed'];\n  }\n\n  if (badge_display?.overall_rectangle_float !== true) {\n    delete tabs['overall-rectangle-float'];\n  }\n\n  if (badge_display?.overall_narrow_embed !== true) {\n    delete tabs['overall-narrow-embed'];\n  }\n\n  if (badge_display?.overall_narrow_float !== true) {\n    delete tabs['overall-narrow-float'];\n  }\n\n  if (badge_display?.overall_cta_banner !== true) {\n    delete tabs['overall-cta-banner'];\n  }\n\n  if (badge_display?.overall_rectangle_float !== true && badge_display?.overall_narrow_float !== true) {\n    delete tabs['badge-popup'];\n  }\n\n  const current_tab = settings?.current_tab || 'review-sites';\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"h2\", {\n    className: \"nav-tab-wrapper\"\n  }, Object.keys(tabs).map(key => {\n    const tab_class = current_tab === key ? 'nav-tab-active' : '';\n    return /*#__PURE__*/React.createElement(\"a\", {\n      key: key,\n      href: \"#\",\n      onClick: e => setTab(key, e),\n      className: `nav-tab ${tab_class}`\n    }, tabs[key]);\n  })), current_tab === 'review-sites' && /*#__PURE__*/React.createElement(_Sites__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    activeSites: activeSites,\n    id: location_id\n  }), current_tab === 'display-badges' && /*#__PURE__*/React.createElement(_BadgeDisplay__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    badge_display: badge_display,\n    id: location_id\n  }), current_tab === 'badge-square' && /*#__PURE__*/React.createElement(_BadgeSquare__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    id: location_id\n  }), current_tab === 'badge-rectangle' && /*#__PURE__*/React.createElement(_BadgeRectangle__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-rectangle-embed' && /*#__PURE__*/React.createElement(_OverallRectangle_Embed__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-rectangle-float' && /*#__PURE__*/React.createElement(_OverallRectangle_Float__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-narrow-embed' && /*#__PURE__*/React.createElement(_OverallNarrow_Embed__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    id: location_id\n  }), current_tab === 'overall-narrow-float' && /*#__PURE__*/React.createElement(_OverallNarrow_Float__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    id: location_id\n  }), current_tab === 'badge-popup' && /*#__PURE__*/React.createElement(_OverallPopup__WEBPACK_IMPORTED_MODULE_9__[\"default\"], null), current_tab === 'overall-cta-banner' && /*#__PURE__*/React.createElement(_CTABanner__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null), /*#__PURE__*/React.createElement(\"p\", {\n    className: \"submit\"\n  }, /*#__PURE__*/React.createElement(\"button\", {\n    id: \"btn-proofratings-save\",\n    className: \"button button-primary\",\n    onClick: save_data\n  }, state.saving ? 'Saving...' : 'Save Changes')));\n};\n\nif (proofratings_widgets_root) {\n  ReactDOM.render( /*#__PURE__*/React.createElement(ProofratingsWidgets, null), proofratings_widgets_root);\n}\n\n//# sourceURL=webpack://proofratings/./src/index.js?");
     230
     231/***/ }),
     232
     233/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js":
     234/*!*******************************************************************!*\
     235  !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
     236  \*******************************************************************/
     237/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
     238
     239eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ _defineProperty)\n/* harmony export */ });\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\n//# sourceURL=webpack://proofratings/./node_modules/@babel/runtime/helpers/esm/defineProperty.js?");
     240
     241/***/ }),
     242
     243/***/ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js":
     244/*!******************************************************************!*\
     245  !*** ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js ***!
     246  \******************************************************************/
     247/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
     248
     249eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ _objectSpread2)\n/* harmony export */ });\n/* harmony import */ var _defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./defineProperty.js */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n      });\n    }\n\n    keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        (0,_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]);\n      });\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n      });\n    }\n  }\n\n  return target;\n}\n\n//# sourceURL=webpack://proofratings/./node_modules/@babel/runtime/helpers/esm/objectSpread2.js?");
     250
     251/***/ })
     252
     253/******/    });
     254/************************************************************************/
     255/******/    // The module cache
     256/******/    var __webpack_module_cache__ = {};
     257/******/   
     258/******/    // The require function
     259/******/    function __webpack_require__(moduleId) {
     260/******/        // Check if module is in cache
     261/******/        var cachedModule = __webpack_module_cache__[moduleId];
     262/******/        if (cachedModule !== undefined) {
     263/******/            return cachedModule.exports;
     264/******/        }
     265/******/        // Create a new module (and put it into the cache)
     266/******/        var module = __webpack_module_cache__[moduleId] = {
     267/******/            // no module.id needed
     268/******/            // no module.loaded needed
     269/******/            exports: {}
     270/******/        };
     271/******/   
     272/******/        // Execute the module function
     273/******/        __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     274/******/   
     275/******/        // Return the exports of the module
     276/******/        return module.exports;
     277/******/    }
     278/******/   
     279/************************************************************************/
     280/******/    /* webpack/runtime/define property getters */
     281/******/    (() => {
     282/******/        // define getter functions for harmony exports
     283/******/        __webpack_require__.d = (exports, definition) => {
     284/******/            for(var key in definition) {
     285/******/                if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
     286/******/                    Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
     287/******/                }
     288/******/            }
     289/******/        };
     290/******/    })();
     291/******/   
     292/******/    /* webpack/runtime/hasOwnProperty shorthand */
     293/******/    (() => {
     294/******/        __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
     295/******/    })();
     296/******/   
     297/******/    /* webpack/runtime/make namespace object */
     298/******/    (() => {
     299/******/        // define __esModule on exports
     300/******/        __webpack_require__.r = (exports) => {
     301/******/            if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
     302/******/                Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
     303/******/            }
     304/******/            Object.defineProperty(exports, '__esModule', { value: true });
     305/******/        };
     306/******/    })();
     307/******/   
     308/************************************************************************/
     309/******/   
     310/******/    // startup
     311/******/    // Load entry module and return exports
     312/******/    // This entry module can't be inlined because the eval devtool is used.
     313/******/    var __webpack_exports__ = __webpack_require__("./src/index.js");
     314/******/   
     315/******/ })()
     316;

  • proofratings/trunk/inc/class-proofratings-shortcodes.php

    r2646965 r2647409  
    420420            }
    421421
    422             if ( $button1_settings->shape) {
     422            if ( $button1_settings->rectangle !== true) {
    423423                $button1_class .= ' button-round';
    424424            }
Note: See TracChangeset for help on using the changeset viewer.