{"version":3,"file":"components-ui-builder-trustpilot-both-5a90e42d9b38807494e4.js","mappings":"wJAKKA,EAAU,SAAVA,GAAU,OAAVA,EAAU,oBAAVA,EAAU,wBAAVA,EAAU,YAAVA,CAAU,EAAVA,GAAU,IAkIf,UAhHwB,SAAHC,GAAsD,IAAhDC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAIH,EAAJG,MACtDC,EAAAA,EAAAA,YAAU,WAER,GAAIF,GAAcH,EAAWM,SAAU,CAAC,IAADC,EAC/BC,EAAgBC,SAASC,eAAe,wBAC7B,QAAjBH,EAAAI,OAAOC,kBAAU,IAAAL,GAAjBA,EAAmBM,gBAAgBL,EACrC,MAAO,GAAIL,GAAcH,EAAWc,WAAY,CAAC,IAADC,EACxCC,EAAcP,SAASC,eAAe,qBAC3B,QAAjBK,EAAAJ,OAAOC,kBAAU,IAAAG,GAAjBA,EAAmBF,gBAAgBG,EACrC,MAAO,GAAIb,GAAcH,EAAWiB,KAAM,CAAC,IAADC,EAClCC,EAAcV,SAASC,eAAe,oBAC3B,QAAjBQ,EAAAP,OAAOC,kBAAU,IAAAM,GAAjBA,EAAmBL,gBAAgBM,EACrC,CACF,GAAG,CAAChB,IA4FJ,OACEiB,EAAAA,cAAA,OAAKC,UAAU,sBAAsBC,MAAO,CAAEpB,gBAAAA,IA1F1CC,GAAcH,EAAWc,WAEzBM,EAAAA,cAAA,OAAKG,IAAI,eAEPH,EAAAA,cAAA,OACEC,UAAU,mCACV,cAAY,QAEZ,mBAAiB,2BACjB,uBAAqB,2BAErB,mBAAiB,OACjB,aAAW,QACX,mBAAiB,aACjB,kBAAgB,UAChB,aAAW,IACX,YAAWjB,GAAc,GACzBkB,MAAO,CAAEpB,gBAAAA,GACTsB,GAAG,qBAEHJ,EAAAA,cAAA,KAAGK,KAAK,oDAAoDC,OAAO,SAASC,IAAI,uBAC9EP,EAAAA,cAACQ,EAAAA,EAAW,CACVC,UAAU,UACVR,UAAU,SACVS,IAAI,iCACJC,IAAI,aAAYC,YAAAC,EAAA,YASxB9B,GAAcH,EAAWiB,KAGzBG,EAAAA,cAAA,OACEC,UAAU,oBACV,cAAY,QACZ,mBAAiB,2BACjB,uBAAqB,2BACrB,oBAAkB,QAClB,mBAAiB,OACjB,aAAW,QACX,aAAW,IACX,wBAAsB,KACtB,mBAAiB,aACjB,kBAAgB,UAChB,YAAWjB,GAAc,GACzBoB,GAAG,mBACHF,MAAO,CAAEpB,gBAAAA,IAETkB,EAAAA,cAAA,KAAGK,KAAK,oDAAoDC,OAAO,SAASC,IAAI,uBAC9EP,EAAAA,cAACQ,EAAAA,EAAW,CAACC,UAAU,UAAUR,UAAU,SAASS,IAAI,iCAAiCC,IAAI,aAAYC,YAAAC,EAAA,WAQ/Gb,EAAAA,cAAA,OAAKG,IAAI,kBAEPH,EAAAA,cAAA,OACEC,UAAU,sCACV,cAAY,QACZ,mBAAiB,2BACjB,uBAAqB,2BACrB,oBAAkB,QAClB,mBAAiB,OACjB,aAAW,QACX,aAAW,IACX,wBAAsB,KACtB,mBAAiB,aACjB,kBAAgB,UAChB,YAAWjB,GAAc,GACzBoB,GAAG,uBACHF,MAAO,CAAEpB,gBAAAA,IAETkB,EAAAA,cAAA,KAAGK,KAAK,oDAAoDC,OAAO,SAASC,IAAI,uBAC9EP,EAAAA,cAACQ,EAAAA,EAAW,CAACC,UAAU,UAAUR,UAAU,SAASS,IAAI,iCAAiCC,IAAI,aAAYC,YAAAC,EAAA,YAarH,C","sources":["webpack://www-differentdog-com/./src/components/ui-builder/trustpilot/both.tsx"],"sourcesContent":["import { Builder } from '@builder.io/react'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport React, { useEffect, useRef } from 'react'\nimport './index.css'\n\nenum WidgetType {\n  Carousel = 'carousel',\n  MicroCombo = 'microCombo',\n  List = 'list'\n}\n\ndeclare global {\n  interface Window {\n    Trustpilot: any\n  }\n}\n\ninterface Props {\n  backgroundColor: string\n  widgetType: WidgetType\n  tags: string\n}\n\nconst TrustPilotCombo = ({ backgroundColor, widgetType, tags }: Props) => {\n  useEffect(() => {\n    console.log('TrustPilotCarousel::Change', window, window.Trustpilot)\n    if (widgetType == WidgetType.Carousel) {\n      const trustCarousel = document.getElementById('trust-pilot-carousel')\n      window.Trustpilot?.loadFromElement(trustCarousel)\n    } else if (widgetType == WidgetType.MicroCombo) {\n      const trustWidget = document.getElementById('trust-pilot-micro')\n      window.Trustpilot?.loadFromElement(trustWidget)\n    } else if (widgetType == WidgetType.List) {\n      const trustWidget = document.getElementById('trust-pilot-list')\n      window.Trustpilot?.loadFromElement(trustWidget)\n    }\n  }, [widgetType])\n\n  const getWidget = () => {\n    if (widgetType == WidgetType.MicroCombo) {\n      return (\n        <div key=\"micro-combo\">\n          {/* <!-- TrustBox widget - Micro Combo --> */}\n          <div\n            className=\"trustpilot-widget flex px-8 py-4\"\n            data-locale=\"en-GB\"\n            // 53aa8807dec7e10d38f59f32\n            data-template-id=\"5419b6ffb0d04a076446a9af\"\n            data-businessunit-id=\"5af423d4a3303b0001bf47c1\"\n            // data-style-height=\"20px\"\n            data-style-width=\"100%\"\n            data-theme=\"light\"\n            data-font-family=\"Montserrat\"\n            data-text-color=\"#004355\"\n            data-stars=\"5\"\n            data-tags={tags ? tags : ''}\n            style={{ backgroundColor }}\n            id=\"trust-pilot-micro\"\n          >\n            <a href=\"https://uk.trustpilot.com/review/differentdog.com\" target=\"_blank\" rel=\"noreferrer noopener\">\n              <StaticImage\n                objectFit=\"contain\"\n                className=\"w-full\"\n                src=\"../../../images/trustpilot.png\"\n                alt=\"Trustpilot\"\n              />\n            </a>\n          </div>\n          {/* <!-- End TrustBox widget --> */}\n        </div>\n      )\n    }\n\n    if (widgetType == WidgetType.List) {\n      return (\n        // <!-- TrustBox widget - List -->\n        <div\n          className=\"trustpilot-widget\"\n          data-locale=\"en-GB\"\n          data-template-id=\"539ad60defb9600b94d7df2c\"\n          data-businessunit-id=\"5af423d4a3303b0001bf47c1\"\n          data-style-height=\"500px\"\n          data-style-width=\"100%\"\n          data-theme=\"light\"\n          data-stars=\"5\"\n          data-review-languages=\"en\"\n          data-font-family=\"Montserrat\"\n          data-text-color=\"#004355\"\n          data-tags={tags ? tags : ''}\n          id=\"trust-pilot-list\"\n          style={{ backgroundColor }}\n        >\n          <a href=\"https://uk.trustpilot.com/review/differentdog.com\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <StaticImage objectFit=\"contain\" className=\"w-full\" src=\"../../../images/trustpilot.png\" alt=\"Trustpilot\" />\n          </a>\n        </div>\n        // <!-- End TrustBox widget -->\n      )\n    }\n\n    return (\n      <div key=\"trust-carousel\">\n        {/* <!-- TrustBox widget - Carousel --> */}\n        <div\n          className=\"trustpilot-widget px-0 py-4 sm:px-8\"\n          data-locale=\"en-GB\"\n          data-template-id=\"53aa8912dec7e10d38f59f36\"\n          data-businessunit-id=\"5af423d4a3303b0001bf47c1\"\n          data-style-height=\"140px\"\n          data-style-width=\"100%\"\n          data-theme=\"light\"\n          data-stars=\"5\"\n          data-review-languages=\"en\"\n          data-font-family=\"Montserrat\"\n          data-text-color=\"#004355\"\n          data-tags={tags ? tags : ''}\n          id=\"trust-pilot-carousel\"\n          style={{ backgroundColor }}\n        >\n          <a href=\"https://uk.trustpilot.com/review/differentdog.com\" target=\"_blank\" rel=\"noreferrer noopener\">\n            <StaticImage objectFit=\"contain\" className=\"w-full\" src=\"../../../images/trustpilot.png\" alt=\"Trustpilot\" />\n          </a>\n        </div>\n        {/* <!-- End TrustBox widget --> */}\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"h-full w-full px-10\" style={{ backgroundColor }}>\n      {getWidget()}\n    </div>\n  )\n}\n\nexport default TrustPilotCombo\n"],"names":["WidgetType","_ref","backgroundColor","widgetType","tags","useEffect","Carousel","_window$Trustpilot","trustCarousel","document","getElementById","window","Trustpilot","loadFromElement","MicroCombo","_window$Trustpilot2","trustWidget","List","_window$Trustpilot3","_trustWidget","React","className","style","key","id","href","target","rel","StaticImage","objectFit","src","alt","__imageData","require"],"sourceRoot":""}