{"version":3,"file":"static/js/913.fb914a1c.chunk.js","mappings":"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","sources":["Svgs/Svg.js","components/PDPWidget/ChildComponents/RatingStars/RatingStars.js","asst/thumbs-up.svg","asst/thumbs-down.svg","components/Popup/Popup.js"],"sourcesContent":["export const CrossIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"13\"\n    height=\"13\"\n    viewBox=\"0 0 13 13\"\n    fill=\"none\"\n  >\n    <line\n      x1=\"0.5\"\n      y1=\"-0.5\"\n      x2=\"15.6029\"\n      y2=\"-0.5\"\n      transform=\"matrix(0.70711 0.707103 -0.70711 0.707103 0.295166 1.07031)\"\n      stroke=\"black\"\n      stroke-linecap=\"round\"\n    />\n    <line\n      x1=\"0.5\"\n      y1=\"-0.5\"\n      x2=\"15.6029\"\n      y2=\"-0.5\"\n      transform=\"matrix(0.70711 -0.707103 0.70711 0.707103 0.617188 12.3408)\"\n      stroke=\"black\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n)\n\nexport const CrossIcon2 = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"13\"\n    height=\"13\"\n    viewBox=\"0 0 13 13\"\n    fill=\"none\"\n  >\n    <line\n      x1=\"0.5\"\n      y1=\"-0.5\"\n      x2=\"15.6029\"\n      y2=\"-0.5\"\n      transform=\"matrix(0.70711 0.707103 -0.70711 0.707103 0.295166 1.07031)\"\n      stroke=\"black\"\n      stroke-linecap=\"round\"\n    />\n    <line\n      x1=\"0.5\"\n      y1=\"-0.5\"\n      x2=\"15.6029\"\n      y2=\"-0.5\"\n      transform=\"matrix(0.70711 -0.707103 0.70711 0.707103 0.617188 12.3408)\"\n      stroke=\"black\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n)\n\nexport const RateStar = ({ color }) => (\n  <svg\n    width=\"50\"\n    height=\"48\"\n    viewBox=\"0 0 50 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M24.9603 4.55918L30.3588 17.5388L30.7416 18.459L31.735 18.5386L45.7476 19.662L35.0714 28.8073L34.3146 29.4556L34.5458 30.425L37.8075 44.099L25.8108 36.7714L24.9603 36.2519L24.1098 36.7714L12.113 44.099L15.3748 30.425L15.606 29.4556L14.8492 28.8073L4.17301 19.662L18.1856 18.5386L19.179 18.459L19.5618 17.5388L24.9603 4.55918Z\"\n      fill={color}\n      stroke={color}\n      stroke-width=\"3.26321\"\n    />\n  </svg>\n)\n\nexport const RateStar5 = ({ color }) => {\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"44\"\n    height=\"42\"\n    viewBox=\"0 0 44 42\"\n  >\n    <path\n      d=\"M21.0815 0.893246C21.565 0.0898162 22.7298 0.0898151 23.2134 0.893244L29.6415 11.5746C29.8152 11.8633 30.0985 12.0691 30.4267 12.1451L42.5717 14.9579C43.4853 15.1695 43.8452 16.2773 43.2305 16.9854L35.0583 26.3997C34.8375 26.6541 34.7293 26.9871 34.7584 27.3228L35.8363 39.7426C35.9173 40.6767 34.975 41.3614 34.1116 40.9956L22.6327 36.1326C22.3226 36.0011 21.9723 36.0011 21.6622 36.1326L10.1833 40.9956C9.3199 41.3614 8.37755 40.6767 8.45863 39.7426L9.5365 27.3228C9.56563 26.9871 9.45741 26.6541 9.23658 26.3997L1.06439 16.9854C0.449693 16.2773 0.809634 15.1695 1.72315 14.9579L13.8682 12.1451C14.1964 12.0691 14.4797 11.8633 14.6534 11.5746L21.0815 0.893246Z\"\n      fill={color}\n      stroke={color}\n      stroke-width=\"3.26321\"\n    />\n  </svg>\n}\n\nexport const RateStar1 = ({ color }) => (\n  <svg\n    width=\"31\"\n    height=\"31\"\n    viewBox=\"0 0 50 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M24.9603 4.55918L30.3588 17.5388L30.7416 18.459L31.735 18.5386L45.7476 19.662L35.0714 28.8073L34.3146 29.4556L34.5458 30.425L37.8075 44.099L25.8108 36.7714L24.9603 36.2519L24.1098 36.7714L12.113 44.099L15.3748 30.425L15.606 29.4556L14.8492 28.8073L4.17301 19.662L18.1856 18.5386L19.179 18.459L19.5618 17.5388L24.9603 4.55918Z\"\n      fill={color}\n      stroke={color}\n      stroke-width=\"3.26321\"\n    />\n  </svg>\n)\n\nexport const CircleCheck = () => (\n  <svg\n    width=\"13\"\n    height=\"13\"\n    viewBox=\"0 0 13 13\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle\n      cx=\"6.06787\"\n      cy=\"6.88672\"\n      r=\"3.79998\"\n      fill=\"black\"\n      stroke=\"black\"\n      stroke-width=\"4.40003\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M8.14679 4.70707L5.0119 7.7325L4.18002 6.8437C4.02677 6.69922 3.78597 6.69046 3.61083 6.81305C3.44008 6.94002 3.39191 7.16332 3.497 7.34283L4.48212 8.9453C4.57844 9.09417 4.74482 9.18611 4.93309 9.18611C5.1126 9.18611 5.28336 9.09417 5.37968 8.9453C5.5373 8.73952 8.54522 5.15366 8.54522 5.15366C8.93927 4.75086 8.46203 4.39621 8.14679 4.70269V4.70707Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\nexport const CircleFill = () => (\n  <svg\n    width=\"13\"\n    height=\"13\"\n    viewBox=\"0 0 13 13\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"6.36694\" cy=\"6.88672\" r=\"6\" fill=\"black\" />\n  </svg>\n)\n\nexport const CircleEmpty = () => (\n  <svg\n    width=\"13\"\n    height=\"13\"\n    viewBox=\"0 0 13 13\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle\n      cx=\"6.66577\"\n      cy=\"6.88672\"\n      r=\"5.68571\"\n      stroke=\"#BFBFBF\"\n      stroke-width=\"0.628576\"\n    />\n  </svg>\n)\n\nexport const ProggressLineDark = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"21\"\n    height=\"2\"\n    viewBox=\"0 0 21 2\"\n    fill=\"none\"\n  >\n    <path d=\"M0.0678711 0.886719H20.3669\" stroke=\"black\" />\n  </svg>\n)\n\nexport const ProggressLineLite = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"21\"\n    height=\"2\"\n    viewBox=\"0 0 21 2\"\n    fill=\"none\"\n  >\n    <path d=\"M0.366943 0.886719H20.6659\" stroke=\"#BFBFBF\" />\n  </svg>\n)\n\nexport const ShareImgIcon = () => (\n  <svg\n    width=\"50\"\n    height=\"50\"\n    viewBox=\"0 0 31 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M29.416 23.4137L24.912 12.8949C23.3867 9.3263 20.5807 9.18241 18.6957 12.5784L15.9761 17.4852C14.5947 19.9746 12.019 20.1905 10.2347 17.9601L9.9181 17.5572C8.06184 15.2261 5.44293 15.5139 4.1047 18.1759L1.62969 23.1403C-0.111452 26.5938 2.40673 30.6661 6.26314 30.6661H24.6242C28.3655 30.6661 30.8837 26.8529 29.416 23.4137Z\"\n      stroke=\"black\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M8.24901 10.5205C10.6331 10.5205 12.5659 8.58774 12.5659 6.2036C12.5659 3.81946 10.6331 1.88672 8.24901 1.88672C5.86487 1.88672 3.93213 3.81946 3.93213 6.2036C3.93213 8.58774 5.86487 10.5205 8.24901 10.5205Z\"\n      stroke=\"black\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n)\n\nexport const ShareVidIcon = () => (\n  <svg\n    width=\"50\"\n    height=\"50\"\n    viewBox=\"0 0 29 29\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12.8038 20.3783C12.2416 20.3783 11.7196 20.2445 11.2511 19.9767C10.1802 19.361 9.56445 18.1027 9.56445 16.5098V12.5475C9.56445 10.968 10.1802 9.69626 11.2511 9.08051C12.3219 8.46475 13.7141 8.55846 15.0928 9.36163L18.5331 11.3427C19.8984 12.1325 20.6882 13.2971 20.6882 14.5286C20.6882 15.7601 19.8984 16.9247 18.5331 17.7145L15.0928 19.6956C14.3164 20.1508 13.5267 20.3783 12.8038 20.3783ZM12.8172 10.6868C12.603 10.6868 12.4156 10.727 12.2684 10.8207C11.84 11.075 11.5857 11.7042 11.5857 12.5475V16.5098C11.5857 17.3531 11.8266 17.9822 12.2684 18.2366C12.6967 18.4909 13.366 18.3838 14.1023 17.9555L17.5425 15.9743C18.2787 15.546 18.6937 15.0239 18.6937 14.5286C18.6937 14.0333 18.2787 13.4979 17.5425 13.0829L14.1023 11.1018C13.6204 10.8207 13.1786 10.6868 12.8172 10.6868Z\"\n      fill=\"black\"\n    />\n    <path\n      d=\"M14.464 28.9187C6.52605 28.9187 0.0739746 22.4666 0.0739746 14.5287C0.0739746 6.59075 6.52605 0.138672 14.464 0.138672C22.4019 0.138672 28.854 6.59075 28.854 14.5287C28.854 22.4666 22.4019 28.9187 14.464 28.9187ZM14.464 2.14658C7.63709 2.14658 2.08188 7.70179 2.08188 14.5287C2.08188 21.3556 7.63709 26.9108 14.464 26.9108C21.2909 26.9108 26.8461 21.3556 26.8461 14.5287C26.8461 7.70179 21.2909 2.14658 14.464 2.14658Z\"\n      fill=\"black\"\n    />\n  </svg>\n)\n\nexport const ProductLinkIcon = () => (\n  <svg\n    width=\"9\"\n    height=\"9\"\n    viewBox=\"0 0 9 9\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <rect\n      x=\"0.283203\"\n      y=\"0.18457\"\n      width=\"8.19238\"\n      height=\"8.19238\"\n      fill=\"url(#23e42dsdsddda)\"\n    />\n    <defs>\n      <pattern\n        id=\"23e42dsdsddda\"\n        patternContentUnits=\"objectBoundingBox\"\n        width=\"1\"\n        height=\"1\"\n      >\n        <use xlinkHref=\"#image0_1925_58365\" transform=\"scale(0.0078125)\" />\n      </pattern>\n      <image\n        id=\"image0_1925_58365\"\n        width=\"128\"\n        height=\"128\"\n        xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAE8klEQVR4nO2dTWsdVRjHf00sFSziC6ggWhe60o1VaAsqWFz4AdKk0UgX+gXcuPALuHAjrqQLFbQaqQgiQv0CWpGufEFsJYK4qJS0ESNCmtTFyYVreu+dc2bOmTPnPP8fHLK4JzPPnf8vc+fl5hkQKbgXOA38DGwDNwYydoB14M10b10cBq6QP+ym8QPAfJptYJYDwFfAodyFeHAPcDB3EbXxHPn/skPG+lya7WCWw7kLCOQOCRCX9dwFBLJPAsTlfO4CQtFBYFz+xB0APp67EJGP24Gz5D/A8xr7Em0EAceBZ4BHSLenPQQcAZSjQV4ArtN9LyAKJFb4EqBAYoYvAQpjmbjhS4CCSBG+BCiENuHv+MwbP304CDwPPAHcmfodDYSrwAXgHPB35lqmsQx8QNip5DbwHXDU9xeeBtaIv3spZazhztmHRpu//Ou4A8VVz/k8AGwErqTGsQE85BVLP3QJHwIEeD9wJTWP1cZY+qFr+BAgwMXAFdU8fp8ZSz+0DX95z3K8BfA6WjQyNsl7XT1W+BAgQO6NPqTx9cRY+iFm+CABWo1TUzZmak4SN3yQAMHjvRkbMyUpwgcJ4DX+Bb4BVho2ZipShQ+eAtziWehnwMuec0tiE9jKtO6TwIeEX+F7Cfg4VhG+AmwB12KtVAwjfAB9K7h/BhM+SIC+GVT44P8RILrTNvwVEl6i1h6gHwYZPkiAPhhs+CABUrPEgMMHCZCSJeAMAw4fJEAqiggfJEAKigkfJEBsigofJEBMigsfJEAshhj+tsecHV0J7E7b8F8EPklSkeMXjzkXwe8e9FC+LTs0lmh3P3+ph9qOe9RyGs+iJcDNDDn8EbM6lVzBdTSVAC0oIXxw7WrenVDLj4y1tJMAYSxSRvjjPAa8AryGa2Z5YPxFCeBPieE3IgH8qDJ8kAA+LOK+F1ld+CABmqg6fJAAs6g+fJAA0zARPkiASbQNfzFHsV2RAP/HVPggAcZpE/4WBYcPEmDECQyGDxIADIcPEsB0+GBbAPPhg10BFP4uFgUoMfxk3cusCVBa+Kdw3cs2cX0MV4nc0dSSAG3DP5GjWFzjqkk1bRCxt7EVAUoLf6WhtjUiPfvXggClhQ+ue1lTjQsxVlS7ACWGvx/Xwq6pzje6rqj2/wxaAD4irBXOqOv22SQV+XEbe764OYXOD/aoWYAFXGOl0sLvlVoFUPie1CiAwg+gNgEUfiA1CfAUCj+YWgS4FXfVTOEHUkt/gCPAwwHzRy3XP01TTjnUsgd4NGCuwh+jFgH+8Jyn8PdQiwDngX8a5ij8CdQiwGXg9RmvK/wp1CIAwNvAq9y8J7gEPIvCn0gtZwHg7o69hbsWcBS4H9cK5VvcnTUxgZoEGHEZ+Dx3EaVQ00eAaIEEMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI4EMI5vm7hjlP3ksNLY39eKfAV4cHeIytBHgHEkgHEkgHHmgGu5ixCtudp1AXPAhQiFiDx0zm4OeCdCIaJ/fgPOdV3IPPATcB/wZNeFid74C/d080tdFzS/+/NL3MMV7gbuwj2HTwyLG8CvwBe48L+PsdD/AHjMLw8TLqGoAAAAAElFTkSuQmCC\"\n      />\n    </defs>\n  </svg>\n)\n\nexport const QuoliVerifyIcon = () => (\n  <svg\n    width=\"60\"\n    height=\"21\"\n    viewBox=\"0 0 60 21\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.519 10.5077L12.2501 12.7574C12.2626 12.7957 12.2869 12.829 12.3195 12.8527C12.3521 12.8763 12.3914 12.8891 12.4317 12.8891H14.8018C14.8421 12.8892 14.8813 12.9021 14.9139 12.9258C14.9464 12.9495 14.9706 12.9829 14.9831 13.0212C14.9956 13.0594 14.9956 13.1007 14.9833 13.139C14.9709 13.1774 14.9468 13.2108 14.9143 13.2346L12.9973 14.6326C12.9646 14.6559 12.9403 14.6891 12.9279 14.7273C12.9155 14.7655 12.9156 14.8066 12.9282 14.8447L13.6593 17.0943C13.6717 17.1327 13.6717 17.174 13.6592 17.2123C13.6467 17.2507 13.6224 17.2841 13.5898 17.3078C13.5572 17.3315 13.5179 17.3443 13.4776 17.3443C13.4372 17.3444 13.3979 17.3317 13.3653 17.308L11.4483 15.9197C11.4157 15.8963 11.3767 15.8837 11.3366 15.8837C11.2965 15.8837 11.2574 15.8963 11.2249 15.9197L9.30791 17.3129C9.27524 17.3365 9.23594 17.3492 9.19561 17.3492C9.15529 17.3491 9.11601 17.3363 9.08339 17.3126C9.05077 17.2889 9.02648 17.2555 9.01399 17.2172C9.0015 17.1788 9.00145 17.1375 9.01385 17.0991L9.74659 14.8495C9.75855 14.8112 9.75816 14.7701 9.74547 14.7321C9.73278 14.694 9.70844 14.6609 9.67589 14.6374L7.75889 13.2394C7.7264 13.2156 7.70225 13.1822 7.68989 13.1439C7.67753 13.1055 7.67759 13.0643 7.69006 13.026C7.70253 12.9877 7.72677 12.9543 7.75933 12.9306C7.79188 12.9069 7.83109 12.8941 7.87137 12.894H10.2415C10.2818 12.8939 10.321 12.8812 10.3536 12.8575C10.3863 12.8338 10.4106 12.8005 10.4231 12.7622L11.1542 10.5126C11.1667 10.4744 11.1909 10.4411 11.2233 10.4173C11.2557 10.3935 11.2947 10.3804 11.3349 10.3799C11.375 10.3794 11.4144 10.3914 11.4474 10.4143C11.4804 10.4372 11.5054 10.4699 11.519 10.5077Z\"\n      fill=\"#0ABAAF\"\n    />\n    <path\n      d=\"M7.65869 14.8962C6.73201 14.8696 5.83359 14.5712 5.07529 14.0379C4.31698 13.5045 3.73228 12.76 3.39397 11.8969C3.05566 11.0337 2.97868 10.0902 3.17263 9.18363C3.36657 8.27708 3.82287 7.4476 4.48471 6.79844C5.14656 6.14929 5.98472 5.70913 6.89485 5.53277C7.80498 5.35641 8.74688 5.45164 9.60329 5.80659C10.4597 6.16155 11.1928 6.76055 11.7113 7.52904C12.2299 8.29753 12.5109 9.20155 12.5195 10.1286H15.1724C15.1636 8.67687 14.7268 7.26001 13.9167 6.05537C13.1065 4.85073 11.959 3.91184 10.6178 3.35623C9.27662 2.80062 7.80133 2.65299 6.37663 2.93181C4.95192 3.21063 3.64112 3.90352 2.60832 4.92373C1.57552 5.94394 0.86661 7.24614 0.570338 8.66732C0.274065 10.0885 0.403596 11.5655 0.942714 12.9134C1.48183 14.2613 2.40658 15.4202 3.6012 16.2451C4.79581 17.07 6.2072 17.5241 7.65869 17.5507V14.8962Z\"\n      fill=\"#0ABAAF\"\n    />\n    <path\n      d=\"M27.7384 14.9707C28.5063 15.0875 29.1741 15.4715 29.8752 16.0558L29.0572 17.0407C27.922 16.2728 27.3878 16.1392 26.8035 16.1392C26.3361 16.1392 26.0523 16.1893 25.5849 16.2895C25.2176 16.3729 24.8337 16.4063 24.3996 16.4063C20.8939 16.4063 18.9575 13.9189 18.9575 10.4132C18.9575 6.89086 20.8939 4.42017 24.3996 4.42017C27.9053 4.42017 29.8418 6.89086 29.8418 10.4132C29.8418 12.3497 29.1073 13.969 27.7384 14.9707ZM20.5601 10.4132C20.5601 13.4014 21.979 15.2711 24.3996 15.2711C26.8202 15.2711 28.2392 13.4014 28.2392 10.4132C28.2392 7.40836 26.8202 5.55535 24.3996 5.55535C21.979 5.55535 20.5601 7.40836 20.5601 10.4132ZM38.9967 7.32489V16.1726H37.561V14.6702L37.0101 15.7052C36.2589 16.2561 35.6078 16.4063 34.7064 16.4063C32.87 16.4063 31.8016 15.3713 31.6013 14.1527C31.5345 13.7019 31.5178 13.3514 31.5178 12.6335V7.32489H32.9535V12.3664C32.9535 12.6502 32.9702 13.1343 33.0203 13.5851C33.1538 14.5867 33.8717 15.2711 35.0736 15.2711C36.4592 15.2711 37.561 14.2361 37.561 11.2145V7.32489H38.9967ZM45.1867 7.09118C48.1916 7.09118 49.5771 9.24468 49.5771 11.7488C49.5771 14.2361 48.1916 16.4063 45.1867 16.4063C42.1818 16.4063 40.7962 14.2361 40.7962 11.7488C40.7962 9.24468 42.1818 7.09118 45.1867 7.09118ZM45.1867 15.3045C46.9729 15.3045 48.0079 13.8188 48.0079 11.7488C48.0079 9.66203 46.9729 8.19297 45.1867 8.19297C43.4004 8.19297 42.3654 9.66203 42.3654 11.7488C42.3654 13.8188 43.4004 15.3045 45.1867 15.3045ZM52.6811 3.90267V13.6352C52.6811 13.9023 52.6811 14.186 52.6978 14.4698C52.7312 15.0374 52.9983 15.2211 53.7829 15.1376V16.1726C53.4658 16.2227 53.0985 16.2394 52.7646 16.2394C51.9299 16.2394 51.3123 15.9723 51.2622 14.8538C51.2455 14.5533 51.2455 14.1694 51.2455 13.6852V3.90267H52.6811ZM56.1546 4.42017C56.6721 4.42017 57.0728 4.82083 57.0728 5.33833C57.0728 5.85584 56.6721 6.25649 56.1546 6.25649C55.6371 6.25649 55.2365 5.85584 55.2365 5.33833C55.2365 4.82083 55.6371 4.42017 56.1546 4.42017ZM56.8725 16.1726H55.4368V7.32489H56.8725V16.1726Z\"\n      fill=\"black\"\n    />\n  </svg>\n)\nexport const QuoliVerifyIconDark = () => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <rect\n      x=\"0.416016\"\n      y=\"0.593506\"\n      width=\"11.3305\"\n      height=\"11.3305\"\n      rx=\"5.66527\"\n      fill=\"#9C9C9C\"\n    />\n    <path\n      d=\"M7.7316 6.40845L8.05549 7.40502C8.06103 7.42198 8.0718 7.43676 8.08624 7.44724C8.10069 7.45772 8.11808 7.46338 8.13592 7.46339H9.18588C9.20372 7.46344 9.22109 7.46912 9.23552 7.47962C9.24994 7.49012 9.26068 7.50491 9.2662 7.52188C9.27172 7.53884 9.27175 7.55712 9.26627 7.5741C9.2608 7.59108 9.2501 7.60589 9.23571 7.61644L8.38649 8.23573C8.37203 8.24608 8.36125 8.26078 8.35574 8.27769C8.35023 8.29459 8.35028 8.31282 8.35588 8.3297L8.67977 9.32627C8.68526 9.34327 8.68524 9.36157 8.67971 9.37855C8.67418 9.39554 8.66341 9.41034 8.64896 9.42084C8.63451 9.43134 8.61711 9.43701 8.59925 9.43703C8.58138 9.43705 8.56397 9.43142 8.5495 9.42094L7.70028 8.80592C7.68587 8.79555 7.66856 8.78997 7.65081 8.78997C7.63305 8.78997 7.61575 8.79555 7.60133 8.80592L6.75211 9.42308C6.73764 9.43355 6.72023 9.43918 6.70236 9.43916C6.6845 9.43914 6.6671 9.43348 6.65265 9.42298C6.6382 9.41247 6.62744 9.39767 6.62191 9.38069C6.61637 9.3637 6.61635 9.3454 6.62185 9.3284L6.94644 8.33183C6.95174 8.31486 6.95157 8.29666 6.94595 8.2798C6.94033 8.26293 6.92954 8.24827 6.91512 8.23787L6.0659 7.61857C6.05151 7.60803 6.04081 7.59321 6.03534 7.57623C6.02986 7.55925 6.02989 7.54098 6.03541 7.52401C6.04093 7.50705 6.05167 7.49226 6.0661 7.48176C6.08052 7.47126 6.09789 7.46558 6.11573 7.46553H7.16569C7.18354 7.46551 7.20092 7.45986 7.21537 7.44938C7.22981 7.4389 7.24058 7.42412 7.24613 7.40716L7.57001 6.41059C7.57556 6.39367 7.58626 6.37891 7.60061 6.36838C7.61496 6.35784 7.63224 6.35205 7.65004 6.35181C7.66784 6.35158 7.68527 6.35691 7.6999 6.36707C7.71452 6.37722 7.7256 6.39169 7.7316 6.40845Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M6.0214 8.35295C5.61089 8.3412 5.21289 8.20897 4.87697 7.97272C4.54104 7.73647 4.28202 7.40664 4.13215 7.02428C3.98228 6.64191 3.94818 6.22392 4.0341 5.82232C4.12001 5.42073 4.32215 5.05327 4.61535 4.7657C4.90854 4.47813 5.27984 4.28314 5.68302 4.20501C6.08621 4.12689 6.50346 4.16907 6.88285 4.32631C7.26224 4.48356 7.587 4.74891 7.8167 5.08935C8.04641 5.42979 8.17091 5.83027 8.17471 6.24093H9.34995C9.34606 5.59783 9.15255 4.97017 8.79366 4.43652C8.43476 3.90287 7.92642 3.48695 7.33228 3.24082C6.73814 2.99468 6.08459 2.92928 5.45345 3.0528C4.82232 3.17632 4.24164 3.48326 3.78411 3.93521C3.32659 4.38716 3.01254 4.96403 2.8813 5.5936C2.75005 6.22317 2.80743 6.87748 3.04626 7.47459C3.28508 8.07171 3.69474 8.58511 4.22395 8.95053C4.75316 9.31594 5.3784 9.51713 6.0214 9.5289V8.35295Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\nexport const TickFilter = () => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 9 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clip-path=\"url(#clip0_653_14491)\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M8.40242 0.684653C8.46028 0.732449 8.50816 0.791176 8.54333 0.857479C8.57849 0.923783 8.60025 0.996364 8.60736 1.07108C8.61447 1.14579 8.60679 1.22117 8.58477 1.29292C8.56274 1.36467 8.5268 1.43137 8.47899 1.48922L3.8847 7.04922L3.88299 7.05037C3.77856 7.17596 3.64742 7.27667 3.49915 7.34518C3.35087 7.41368 3.18917 7.44825 3.02585 7.44637C2.86008 7.44435 2.69691 7.40485 2.54857 7.33083C2.40023 7.25681 2.27056 7.15018 2.16928 7.01894L2.1687 7.0178L0.729847 5.16865C0.681803 5.10964 0.64603 5.04162 0.624628 4.9686C0.603226 4.89557 0.596625 4.819 0.605214 4.74339C0.613802 4.66778 0.637407 4.59465 0.674642 4.52828C0.711877 4.46191 0.761993 4.40365 0.822049 4.35692C0.882105 4.31018 0.950891 4.27591 1.02437 4.25612C1.09785 4.23633 1.17454 4.23141 1.24995 4.24166C1.32535 4.25191 1.39795 4.27712 1.46348 4.3158C1.52901 4.35449 1.58616 4.40587 1.63156 4.46694L3.03956 6.27665L7.59728 0.761224C7.64507 0.703361 7.7038 0.655479 7.7701 0.620315C7.83641 0.585151 7.90899 0.563392 7.9837 0.556281C8.05841 0.549171 8.1338 0.556848 8.20554 0.578874C8.27729 0.6009 8.34399 0.636844 8.40185 0.684653H8.40242Z\"\n        fill=\"black\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_653_14491\">\n        <rect\n          width=\"16\"\n          height=\"16\"\n          fill=\"white\"\n          transform=\"translate(0.609375)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n)\nexport const OfferDiscountCode = () => (\n  <svg\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M6.20128 21.2045H19.3195C20.1719 21.2045 20.8628 20.5135 20.8628 19.6612V6.54295C20.8628 5.69059 20.1719 4.99963 19.3195 4.99963H6.20128C5.34892 4.99963 4.65796 5.69059 4.65796 6.54295V19.6612C4.65796 20.5135 5.34892 21.2045 6.20128 21.2045Z\"\n      stroke=\"black\"\n      stroke-width=\"1.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M0.799438 16.5744V2.68455C0.799438 2.27523 0.962038 1.88269 1.25147 1.59326C1.54089 1.30383 1.93344 1.14124 2.34276 1.14124H16.2326\"\n      stroke=\"black\"\n      stroke-width=\"1.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n)\n","import React from \"react\";\nimport { StarIcon } from \"../../PDPConstants/PDPContants\";\nimport \"./RatingStars.scss\";\n\nconst RatingStars = ({ rating, color }) => {\n  const wholeStars = Math.floor(rating);\n  const decimalPart = rating - wholeStars;\n  const fractionPercentage =\n    decimalPart === 0 ? 0 : Math.round(decimalPart * 100);\n\n  const stars = [];\n\n  for (let i = 0; i < wholeStars; i++) {\n    stars.push(<StarIcon key={i} fillPercentage={100} color={color} />);\n  }\n\n  if (fractionPercentage > 0 && wholeStars < 5) {\n    stars.push(\n      <StarIcon\n        key={wholeStars}\n        fillPercentage={fractionPercentage}\n        color={color}\n      />\n    );\n  }\n\n  for (let i = stars.length; i < 5; i++) {\n    stars.push(<StarIcon key={i} fillPercentage={0} color={color} />);\n  }\n\n  return (\n    <div className=\"pdp-rating-stars\">\n      {stars.map((star, index) => (\n        <div key={index} className=\"star\">\n          {star}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default RatingStars;\n","var _rect, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgThumbsUp(_ref, svgRef) {\n  var title = _ref.title,\n    titleId = _ref.titleId,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    width: 15,\n    height: 15,\n    viewBox: \"0 0 15 15\",\n    fill: \"none\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n    x: 0.936035,\n    y: 0.878448,\n    width: 13.3874,\n    height: 13.3874,\n    fill: \"url(#pattern0_210_110099)\",\n    fillOpacity: 0.3\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"pattern\", {\n    id: \"pattern0_210_110099\",\n    patternContentUnits: \"objectBoundingBox\",\n    width: 1,\n    height: 1\n  }, /*#__PURE__*/React.createElement(\"use\", {\n    xlinkHref: \"#image0_210_110099\",\n    transform: \"scale(0.0104166)\"\n  })), /*#__PURE__*/React.createElement(\"image\", {\n    id: \"image0_210_110099\",\n    width: 96,\n    height: 96,\n    xlinkHref: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAADwElEQVR4nO2dzYtOURzHP4NBed+ISRk7Yf4ALKxspISQsmAhhJViwUIKC2FEJMrbQmElWSBmo0TZeJkUMmbh/V2I4dHRMcnMfea59zn3/J77zPdTv93TOfd8v/d3znNfzu+CEEIIIYQQokoagV3AK+AdcBvYDjRV27CojL1AqZf4DKyqsA2RkQnAtwQD/sbmrI2LvtnYh/gufgFzKmhLZOBaBQa46ACGZelAJDMS+F6hAS7WlWlLZGBBCvFdtGfpRCRzJKUBLiaXaU+koAHozGDA2jSdiGRaMojv4liZNkUKNmU0oC1NJyKZtowGPCrTpsjp7+e/8anSTkS4v58yIDBHZYDtreeXVRjwzPDY64KVVYjv4qb1AIpME/CmSgPOWg+iyFe+F6sUv+SflIkMrA4gvot5WTrv77QAXwIZoOfEKRkBPAgk/pO0nfd3BgDnAonv4oT1gIrG9oDiu1hhPaAiscQ/TA9pwCTrQRWFGRW8apI2nloPqig0Ay8Ci+/iuPXAisLdHMR3sdx6YEW52i3lFC6zhJEBHVLeNgOO1evtgX1+zv5chTgxDKir+X8IcBD4GUicGAY015P4VwOLE2sRzhrvgfvAKWCR18CMQzkMsNYN+D8e+6t0kzk/1LRTKrABf8OtfwNjGtCa00CKaoCLw0TkngygNxOWxTLAvVGmDKCHBp2xFua80rjIU1DU6wwZQKIGp2UAphkQ5V6TMoBEDT7KAEwzwL0qrwzAzoAomz40BZGowQUZgOkU5ParKQOwM8C9xSEDsBHfvT4zVAZgdvZfjyG+FmESDXCVumQAdhkwXwZgGuNkAGbiP4wlvtYAejXgpAzAdPpZIwMwNWCaDMBM/Ld+C5XWAGwMOB9TfC3C9DDA1SuVAdhNQdNlAGbiu03jg2UAZga4ar3RyWswRXwvaBsGyAC6NZgtAzA7+3/4+hXKAGwMuGUhvqYgug3YIwMwXYBdyUxlADbifwVGyQDMzv4zVuJrDeCPAXNlAGZn/w1/oWjGxwivdTcYClwuXOGomRiTxya9OwUxYCc1QGuE/9QNOZQpqzYuxd4PnIR7/tkVcGBdwJRe+hkLLPb1KNprQPzh1BAHAu80r4TxwFK/Kbo9Yoacsrjn3xfugK4EGNxlX4Y+C6P93cgt/rns88DCu/L2C6lhnAn7M05HXf7Mbwx8TBN9JZMdfrdKR8aquhv851EKwVS/iN7pYxf9J/+b3Qlzfl6MAWYB6/0H39x3A177giMffDlkV3pnq//doNyORAghhBBCCIGA3xYRvc2bZ4AUAAAAAElFTkSuQmCC\"\n  }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgThumbsUp);\nexport default __webpack_public_path__ + \"static/media/thumbs-up.a332668e8ff6ba2dac59c9e66b63bcf7.svg\";\nexport { ForwardRef as ReactComponent };","var _rect, _defs;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgThumbsDown(_ref, svgRef) {\n  var title = _ref.title,\n    titleId = _ref.titleId,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    width: 14,\n    height: 15,\n    viewBox: \"0 0 14 15\",\n    fill: \"none\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n    x: 13.7104,\n    y: 14.2658,\n    width: 13.3874,\n    height: 13.3874,\n    transform: \"rotate(180 13.7104 14.2658)\",\n    fill: \"url(#pattern0_210_110102)\",\n    fillOpacity: 0.3\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"pattern\", {\n    id: \"pattern0_210_110102\",\n    patternContentUnits: \"objectBoundingBox\",\n    width: 1,\n    height: 1\n  }, /*#__PURE__*/React.createElement(\"use\", {\n    xlinkHref: \"#image0_210_110102\",\n    transform: \"scale(0.0104166)\"\n  })), /*#__PURE__*/React.createElement(\"image\", {\n    id: \"image0_210_110102\",\n    width: 96,\n    height: 96,\n    xlinkHref: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAADwElEQVR4nO2dzYtOURzHP4NBed+ISRk7Yf4ALKxspISQsmAhhJViwUIKC2FEJMrbQmElWSBmo0TZeJkUMmbh/V2I4dHRMcnMfea59zn3/J77zPdTv93TOfd8v/d3znNfzu+CEEIIIYQQokoagV3AK+AdcBvYDjRV27CojL1AqZf4DKyqsA2RkQnAtwQD/sbmrI2LvtnYh/gufgFzKmhLZOBaBQa46ACGZelAJDMS+F6hAS7WlWlLZGBBCvFdtGfpRCRzJKUBLiaXaU+koAHozGDA2jSdiGRaMojv4liZNkUKNmU0oC1NJyKZtowGPCrTpsjp7+e/8anSTkS4v58yIDBHZYDtreeXVRjwzPDY64KVVYjv4qb1AIpME/CmSgPOWg+iyFe+F6sUv+SflIkMrA4gvot5WTrv77QAXwIZoOfEKRkBPAgk/pO0nfd3BgDnAonv4oT1gIrG9oDiu1hhPaAiscQ/TA9pwCTrQRWFGRW8apI2nloPqig0Ay8Ci+/iuPXAisLdHMR3sdx6YEW52i3lFC6zhJEBHVLeNgOO1evtgX1+zv5chTgxDKir+X8IcBD4GUicGAY015P4VwOLE2sRzhrvgfvAKWCR18CMQzkMsNYN+D8e+6t0kzk/1LRTKrABf8OtfwNjGtCa00CKaoCLw0TkngygNxOWxTLAvVGmDKCHBp2xFua80rjIU1DU6wwZQKIGp2UAphkQ5V6TMoBEDT7KAEwzwL0qrwzAzoAomz40BZGowQUZgOkU5ParKQOwM8C9xSEDsBHfvT4zVAZgdvZfjyG+FmESDXCVumQAdhkwXwZgGuNkAGbiP4wlvtYAejXgpAzAdPpZIwMwNWCaDMBM/Ld+C5XWAGwMOB9TfC3C9DDA1SuVAdhNQdNlAGbiu03jg2UAZga4ar3RyWswRXwvaBsGyAC6NZgtAzA7+3/4+hXKAGwMuGUhvqYgug3YIwMwXYBdyUxlADbifwVGyQDMzv4zVuJrDeCPAXNlAGZn/w1/oWjGxwivdTcYClwuXOGomRiTxya9OwUxYCc1QGuE/9QNOZQpqzYuxd4PnIR7/tkVcGBdwJRe+hkLLPb1KNprQPzh1BAHAu80r4TxwFK/Kbo9Yoacsrjn3xfugK4EGNxlX4Y+C6P93cgt/rns88DCu/L2C6lhnAn7M05HXf7Mbwx8TBN9JZMdfrdKR8aquhv851EKwVS/iN7pYxf9J/+b3Qlzfl6MAWYB6/0H39x3A177giMffDlkV3pnq//doNyORAghhBBCCIGA3xYRvc2bZ4AUAAAAAElFTkSuQmCC\"\n  }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgThumbsDown);\nexport default __webpack_public_path__ + \"static/media/thumbs-down.327829a4fab290eba82237cc8b60647d.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from \"react\"\nimport \"./popup.scss\"\nimport \"swiper/css\"\nimport \"swiper/css/navigation\"\nimport Modal from \"react-bootstrap/Modal\"\nimport { FreeMode, Navigation, Thumbs } from \"swiper\"\nimport { SwiperSlide, Swiper } from \"swiper/react\"\nimport \"swiper/css\"\nimport \"swiper/css/free-mode\"\nimport \"swiper/css/navigation\"\nimport \"swiper/css/thumbs\"\n// import imgOne from \"../../asst/DSC093296 1.png\"\nimport thumbsup from \"../../asst/thumbs-up.svg\"\nimport thumbsdown from \"../../asst/thumbs-down.svg\"\nimport { useSearchParams } from \"react-router-dom\"\nimport ApiManager from \"../../classes/ApiManager\"\n// import { FaPlay, FaPause } from \"react-icons/fa\"\nimport {\n  RATING_BOXES,\n  WRAPPER_STYLE,\n  getFirstNameAndLastInitial,\n  // getInitial,\n  getTimeFromNow,\n  AttributesComponent,\n  getImageUrl,\n} from \"../../helper\"\nimport Slider from \"rc-slider\"\nimport { OverlayTrigger, Spinner, Tooltip } from \"react-bootstrap\"\nimport RatingStars from \"../PDPWidget/ChildComponents/RatingStars/RatingStars\"\nimport { ProductLinkIcon } from \"../../Svgs/Svg\"\n\nlet apiManager = ApiManager.getInstance()\nconst Popup = ({ review, formValue }) => {\n  // const [show, setShow] = useState(false)\n  const [thumbsSwiper, setThumbsSwiper] = useState(null)\n  const [reviews, setReviews] = useState({})\n  const [nextReview, setNextReview] = useState([])\n  const [randomReview, setRandomReview] = useState({})\n  const [productData, setProductData] = useState({})\n  const [loading, setLoading] = useState(true)\n  const [searchParams] = useSearchParams()\n  const [isPlaying, setIsPlaying] = useState(false);\n  // const [sliderValue, setSliderValue] = useState(50);\n\n  // useEffect(() => {\n  //   if (formValue) {\n  //     setSliderValue(formValue);\n  //   }\n  // }, [formValue]);\n\n  // const handleSliderChange = (value) => {\n  //   setSliderValue(value);\n  // };\n\n\n\n  const handleClose = () => {\n    setTimeout(\n      () => window.parent.postMessage({ showReviewCard: true }, \"*\"),\n      100\n    )\n    setLoading(true)\n  }\n  // const handleShow = () => setShow(true)\n\n  let xToken = searchParams.get(\"store\")\n  apiManager._setXToken(xToken)\n\n  const [brandSettingsData, setBrandSettingsData] = useState({})\n\n  useEffect(() => {\n    apiManager\n      .get(\"getBrandSettings\", null)\n      .then((response) => {\n        console.log(\"===>getBrandSettingsPDPWidget\", response.result)\n        setBrandSettingsData(response.result)\n        console.log(brandSettingsData, \"\")\n      })\n      .catch((error) => {\n        console.error(\"Error:In getBrandSettings\", error)\n      })\n  }, [])\n  let reviewId = searchParams.get(\"reviewId\")\n  // let totalReviews = searchParams.get(\"totalReviews\")\n  let helpful_button = searchParams.get(\"showHelpfulButton\")\n  let showAttributes = searchParams.get(\"attributes\")\n  let star_color = brandSettingsData?.generalAppearance?.starColor ?? \"#ffc803\"\n  let card_bg_color =\n    brandSettingsData?.generalAppearance?.cardFillColor ?? \"#ffffff\"\n  let card_border_color =\n    brandSettingsData?.generalAppearance?.cardBorderColor ?? \"#e7e7e7\"\n  let primary_text_color =\n    brandSettingsData?.generalAppearance?.reviewColor ?? \"#000000\"\n  let customerAvatar =\n    brandSettingsData?.generalAppearance?.avatarColor ?? \"#e3e3e3\"\n  let primaryColor =\n    brandSettingsData?.generalAppearance?.reviewColor ?? \"#000000\"\n  let secondaryColor =\n    `${brandSettingsData?.generalAppearance?.reviewColor}60` ?? \"#333333\"\n  let badgeColor =\n    brandSettingsData?.generalAppearance?.verifiedColor ?? \"#000000\"\n\n  // let star_color = \"#\" + searchParams.get(\"starColor\")\n  // let card_bg_color = \"#\" + searchParams.get(\"cardBackgroundColor\")\n  // let card_border_color = \"#\" + searchParams.get(\"cardBorderColor\")\n  // let primary_text_color = \"#\" + searchParams.get(\"primaryTextColor\")\n  // let customerAvatar = \"#\" + searchParams.get(\"customerAvatar\")\n  // let primaryColor = \"#\" + searchParams.get(\"primaryColor\")\n  // let secondaryColor = \"#\" + searchParams.get(\"secondaryColor\")\n  let showProductLink = searchParams.get(\"showProductLink\")\n  // let badgeColor = \"#\" + searchParams.get(\"badgeColor\")\n  // let iconColor = \"#\" + searchParams.get(\"iconColor\")\n\n  console.log(\"helpful_button--------->\", helpful_button)\n  console.log(\"showProductLink--------->\", showProductLink)\n  console.log(\"badgeColor--------->\", badgeColor)\n  console.log(\"badgeColor--------->\", badgeColor)\n\n  apiManager._setXToken(xToken)\n  useEffect(() => {\n    getReviews()\n  }, [])\n\n  const getRandomReview = (review) => {\n    if (review?.productId) {\n      apiManager\n        .get(\"getAvgRating\", {\n          productId: review?.productId,\n          reviewStatus: 2\n        })\n        .then((res) => {\n          console.log(\"getAvgRating\", res)\n          setProductData(res?.data)\n          console.log(\"product--->>\", productData)\n        })\n        .catch((err) => { })\n      apiManager\n        .get(\"getReviews\", {\n          // reviewRating: 5,\n          productId: review?.productId,\n          contentType: 1,\n          mediaType: 2,\n          reviewIdExcluded: reviewId,\n          reviewStatus: 2,\n        })\n        .then((res) => {\n          console.log(\"res.result?.allproduct===>\", res?.result)\n          setNextReview([review, ...res?.result?.docs])\n          console.log(\"nextReview--->\", nextReview)\n          console.log(\"end\")\n        })\n    }\n    else {\n      setNextReview([review])\n    }\n  }\n\n  const likeUnlikeReview = (id, type) => {\n    console.log(\"id\", id, type)\n    apiManager\n      .post(\"likeUnlikeReview\", {\n        id,\n        type,\n      })\n      .then((res) => {\n        console.log(\"type\", type)\n        if (type === \"like\") {\n          reviews.helpUpCount += 1\n          console.log(reviews)\n        } else {\n          reviews.helpDownCount += 1\n        }\n        setTimeout(() => {\n          setReviews({ ...reviews })\n          console.log(\"reviews---->\")\n        }, 500)\n      })\n      .catch((err) => {\n        console.log(\"err===>\", err)\n      })\n  }\n  const getReviews = () => {\n    if (reviewId != null) {\n      let body = {\n        merchantId: xToken,\n        id: reviewId,\n        limit: 1,\n        reviewStatus: 2\n      }\n\n      apiManager.get(\"getReviews\", body).then((res) => {\n        console.log(\"res.result?.docs[0]===>\", res.result)\n        setReviews(res.result?.docs[0])\n        getRandomReview(res.result?.docs[0])\n        setLoading(false)\n        console.log(\"sad\")\n      })\n    }\n  }\n\n  const tooltip = (\n    <Tooltip id=\"tooltip\">\n      {reviews?.isAuthorized ? (\n        <span style={{ color: \"#fff\" }}>\n          {\" \"}\n          A verified customer purchased this product and posted a review.{\" \"}\n          <a style={{ color: \"white\" }} href=\"https://quoli.io/\">\n            {\" \"}\n            Learn more\n          </a>\n        </span>\n      ) : (\n        <span style={{ color: \"white\" }}>\n          A site visitor posted this review.{\" \"}\n          <a style={{ color: \"white\" }} href=\"https://quoli.io/\">\n            {\" \"}\n            Learn more\n          </a>\n        </span>\n      )}\n    </Tooltip>\n  )\n\n  const togglePlay = (index) => {\n    const video = document.getElementById(`video-${index}`);\n    if (isPlaying) {\n      video.pause();\n    } else {\n      video.play();\n    }\n    setIsPlaying(!isPlaying);\n  };\n\n  const handlePlay = () => {\n    setIsPlaying(true);\n  };\n\n  const handlePause = () => {\n    setIsPlaying(false);\n  };\n  console.log(\"nextReview\", nextReview)\n  return (\n    <div className=\"popup-modal-wrapper\">\n      {/* <button onClick={handleShow} className=\"launch-btn\">\n        Launch\n      </button> */}\n      {loading ? (\n        <Spinner />\n      ) : (\n        <Modal\n          show={true}\n          onHide={handleClose}\n          size={reviews?.images?.length > 0 ? \"xl\" : \"md\"}\n          backdrop={true}\n          className=\"popup-modal-content\"\n          style={{\n            \"--family-font\":\n              xToken === \"7ddac4-3.myshopify.com\" ? \"Visby Semibold\" : \"\",\n          }}\n          onClick={() => window.parent.postMessage({ QuoliWidgetTrack: \"reviewcard-clicked\" }, \"*\")}\n        >\n          <Modal.Body\n            style={{\n              \"--card_border_color\": card_border_color,\n              backgroundColor: card_bg_color,\n              \"--primary-color\": secondaryColor,\n            }}\n          >\n            <>\n              <button\n                onClick={() => {\n                  setTimeout(\n                    () =>\n                      window.parent.postMessage({ showReviewCard: true }, \"*\"),\n                    100\n                  )\n                  setLoading(true)\n                }}\n                className=\"close-btn\"\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"18\"\n                  height=\"18\"\n                  viewBox=\"0 0 18 18\"\n                  fill=\"none\"\n                >\n                  <line\n                    x1=\"1\"\n                    y1=\"-1\"\n                    x2=\"20.9846\"\n                    y2=\"-1\"\n                    transform=\"matrix(0.70711 0.707103 -0.70711 0.707103 1.01465 1.55151)\"\n                    stroke=\"white\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  />\n                  <line\n                    x1=\"1\"\n                    y1=\"-1\"\n                    x2=\"20.9846\"\n                    y2=\"-1\"\n                    transform=\"matrix(0.70711 -0.707103 0.70711 0.707103 1.4541 16.9388)\"\n                    stroke=\"white\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n              </button>\n              <div className=\"container-a\">\n                <div className=\"all-swiper-wrapper\">\n                  {reviews?.images?.length > 0 ? (\n                    <div className=\"image-swiper-rapper\">\n                      <div className=\"swiper-img\">\n                        <Swiper\n                          style={{\n                            \"--swiper-navigation-color\": \"#fff\",\n                            \"--swiper-pagination-color\": \"#fff\",\n                          }}\n                          spaceBetween={10}\n                          navigation={true}\n                          thumbs={{\n                            swiper:\n                              thumbsSwiper && !thumbsSwiper.destroyed\n                                ? thumbsSwiper\n                                : null,\n                          }}\n                          modules={[FreeMode, Navigation, Thumbs]}\n                          className=\"mySwiper2\"\n                          onSlideChange={(e) => {\n                            console.log(\"asdasdasd\", e)\n                            setReviews(nextReview[e.activeIndex])\n                          }}\n                        >\n                          {nextReview?.map((item, index) => (\n                            <SwiperSlide className=\"swiper-image\"\n                              key={index}\n                              onChange={(e) => {\n                                console.log(\"asdasdasd\", e)\n                              }}\n                            >\n                              {item?.images &&\n                                item?.images?.length > 0 &&\n                                item?.images[0]?.mediaUrl &&\n                                (\n                                  <>\n                                    {item.images[0].mediaType === 2 ? (\n                                      <img\n                                        src={getImageUrl(item.images[0].mediaUrl)}\n                                        alt={`Review ${index}`}\n                                      />\n                                    ) : (\n                                      <div style={{ position: 'relative' }}>\n                                        <video\n                                          id={`video-${index}`}\n                                          src={getImageUrl(item.images[0].mediaUrl)}\n                                          controls={false}\n                                          width=\"auto\"\n                                          onPlay={handlePlay}\n                                          onPause={handlePause}\n                                          onClick={() => togglePlay(index)}\n                                        />\n                                        {!isPlaying && (\n                                          <div\n                                            style={{\n                                              position: 'absolute',\n                                              top: '50%',\n                                              left: '50%',\n                                              transform: 'translate(-50%, -50%)',\n                                              cursor: 'pointer',\n                                            }}\n                                            onClick={() => togglePlay(index)}\n                                          >\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"95\" height=\"100\" viewBox=\"0 0 140 145\" fill=\"none\">\n                                              <circle cx=\"69.9518\" cy=\"69.8867\" r=\"69.4555\" fill=\"white\" fill-opacity=\"0.7\" />\n                                              <path d=\"M53.623 105.058L79.1338 88.7726V56.2019L53.623 39.9166V105.058ZM79.1338 88.7726L104.644 72.4872L79.1338 56.2019V88.7726Z\" fill=\"#050505\" />\n                                            </svg>\n                                          </div>\n                                        )}\n                                      </div>\n                                    )}\n                                  </>\n                                )}\n                            </SwiperSlide>\n                          ))}\n                        </Swiper>\n                      </div>\n                      <Swiper\n                        onSwiper={setThumbsSwiper}\n                        spaceBetween={5}\n                        slidesPerView={3}\n                        freeMode={true}\n                        watchSlidesProgress={true}\n                        modules={[FreeMode, Navigation, Thumbs]}\n                        className=\"mySwiper\"\n                      >\n                        {nextReview?.map((item, index) => (\n                          <SwiperSlide key={index}>\n                            {item?.images &&\n                              item?.images?.length > 0 &&\n                              item?.images[0]?.mediaUrl &&\n                              (item?.images[0]?.mediaType === 2 ? (\n                                <img\n                                  src={getImageUrl(item.images[0].mediaUrl)}\n                                  alt={`Review ${index}`}\n                                />\n                              ) : (\n                                <video\n                                  src={getImageUrl(item.images[0].mediaUrl)}\n                                />\n                              ))}\n                          </SwiperSlide>\n                        ))}\n                        {nextReview?.images?.map((item, index) => {\n                          return (\n                            <SwiperSlide key={index}>\n                              {item.mediaType === 2 ? (\n                                <img src={item.mediaUrl} alt={`Review ${index}`} />\n                              ) : (\n                                <video src={item.mediaUrl} />\n                              )}\n                            </SwiperSlide>\n                          );\n                        })}\n                      </Swiper>\n                    </div>\n                  ) : (\n                    <div\n                      style={{\n                        minHeight: \"300px\",\n                      }}\n                    >\n\n                    </div>\n                  )}\n                  <div className={`right-modal ${!reviews?.images?.length > 0 ? \"no-image\" : \"\"}`}>\n                    <div className=\"top-section\">\n                      <div className=\"right-top\">\n                        <div className=\"top-right-img\">\n                          {/* <span\n                            className=\"name-avatar\"\n                            style={{ backgroundColor: customerAvatar }}\n                          >\n                            {getInitial(reviews?.reviewerName ?? \"\")}\n                          </span> */}\n                          <h3\n                            className=\"full-name\"\n                            style={{ color: primary_text_color }}\n                          >\n                            {getFirstNameAndLastInitial(\n                              reviews?.reviewerName ?? \"Anonymous\"\n                            )}\n                          </h3>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.79736 12.4802C10.1111 12.4802 12.7974 9.79462 12.7974 6.4818C12.7974 3.16897 10.1111 0.483398 6.79736 0.483398C3.48365 0.483398 0.797363 3.16897 0.797363 6.4818C0.797363 9.79462 3.48365 12.4802 6.79736 12.4802Z\" fill=\"black\" />\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.83789 8.81197L3.88086 6.69766C3.82618 6.63822 3.79883 6.5618 3.79883 6.4684C3.79883 6.37499 3.82617 6.29858 3.88086 6.23914L4.31446 5.78061C4.36914 5.71269 4.43751 5.67872 4.51953 5.67872C4.60157 5.67872 4.67383 5.71269 4.73633 5.78061L6.04883 7.20714L8.86133 4.1503C8.92383 4.08237 8.9961 4.0484 9.07812 4.0484C9.16016 4.0484 9.22851 4.08236 9.2832 4.1503L9.71679 4.60883C9.77148 4.66826 9.79883 4.74469 9.79883 4.83809C9.79883 4.93149 9.77149 5.00791 9.71679 5.06734L6.25975 8.81198C6.20507 8.87991 6.13475 8.91388 6.04882 8.91388C5.96288 8.91388 5.89257 8.87992 5.83789 8.81198L5.83789 8.81197Z\" fill=\"#F1F1F1\" />\n                          </svg>\n                        </div>\n                        <div className=\"top-right-logo\">\n                          <p>{getTimeFromNow(reviews?.createdAt ?? 0)}</p>\n                          <OverlayTrigger placement=\"bottom\" overlay={tooltip}>\n                            <svg\n                              width=\"15\"\n                              height=\"14\"\n                              viewBox=\"0 0 15 14\"\n                              fill=\"none\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n                            >\n                              <rect\n                                x=\"0.959961\"\n                                y=\"0.0275879\"\n                                width=\"13.2168\"\n                                height=\"13.2168\"\n                                fill=\"url(#pattern0)\"\n                              />\n                              <defs>\n                                <pattern\n                                  id=\"pattern0\"\n                                  patternContentUnits=\"objectBoundingBox\"\n                                  width=\"1\"\n                                  height=\"1\"\n                                >\n                                  <use\n                                    xlinkHref=\"#image0_2371_60383\"\n                                    transform=\"scale(0.01)\"\n                                  />\n                                </pattern>\n                                <image\n                                  id=\"image0_2371_60383\"\n                                  width=\"100\"\n                                  height=\"100\"\n                                  xlinkHref=\"data:image/png;base64,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\"\n                                />\n                              </defs>\n                            </svg>\n                          </OverlayTrigger>\n                        </div>\n                      </div>\n\n                      <div className=\"right-stars\">\n                        <div className=\"star-img\">\n                          {Array(parseInt(reviews?.reviewRating) ?? 0)\n                            .fill()\n                            .map((_, i) => (\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\">\n                                <g clip-path=\"url(#clip0_210_110043)\">\n                                  <path d=\"M12.6748 2.96533C12.9177 2.56169 13.5029 2.56169 13.7458 2.96533L16.9753 8.33158C17.0626 8.47659 17.2049 8.58001 17.3698 8.61819L23.4714 10.0313C23.9303 10.1376 24.1111 10.6942 23.8023 11.0499L19.6967 15.7796C19.5857 15.9074 19.5313 16.0747 19.546 16.2433L20.0875 22.483C20.1282 22.9523 19.6548 23.2963 19.221 23.1125L13.4541 20.6693C13.2983 20.6033 13.1224 20.6033 12.9665 20.6693L7.19962 23.1125C6.76585 23.2963 6.29243 22.9523 6.33316 22.483L6.87467 16.2433C6.88931 16.0747 6.83494 15.9074 6.72399 15.7796L2.61834 11.0499C2.30952 10.6942 2.49035 10.1376 2.9493 10.0313L9.05087 8.61819C9.21575 8.58001 9.35809 8.47659 9.44536 8.33158L12.6748 2.96533Z\" stroke={star_color} fill={star_color} />\n                                </g>\n                                <defs>\n                                  <clipPath id=\"clip0_210_110043\">\n                                    <rect width=\"25\" height=\"25\" fill=\"white\" transform=\"translate(0.710938 0.481812)\" />\n                                  </clipPath>\n                                </defs>\n                              </svg>\n                            ))}\n                          {Array(5 - (parseInt(reviews?.reviewRating) ?? 0))\n                            .fill()\n                            .map((_, i) => (\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\">\n                                <g clip-path=\"url(#clip0_210_110043)\">\n                                  <path d=\"M12.6748 2.96533C12.9177 2.56169 13.5029 2.56169 13.7458 2.96533L16.9753 8.33158C17.0626 8.47659 17.2049 8.58001 17.3698 8.61819L23.4714 10.0313C23.9303 10.1376 24.1111 10.6942 23.8023 11.0499L19.6967 15.7796C19.5857 15.9074 19.5313 16.0747 19.546 16.2433L20.0875 22.483C20.1282 22.9523 19.6548 23.2963 19.221 23.1125L13.4541 20.6693C13.2983 20.6033 13.1224 20.6033 12.9665 20.6693L7.19962 23.1125C6.76585 23.2963 6.29243 22.9523 6.33316 22.483L6.87467 16.2433C6.88931 16.0747 6.83494 15.9074 6.72399 15.7796L2.61834 11.0499C2.30952 10.6942 2.49035 10.1376 2.9493 10.0313L9.05087 8.61819C9.21575 8.58001 9.35809 8.47659 9.44536 8.33158L12.6748 2.96533Z\" stroke={star_color} fill={\"#fff\"} />\n                                </g>\n                                <defs>\n                                  <clipPath id=\"clip0_210_110043\">\n                                    <rect width=\"25\" height=\"25\" fill=\"white\" transform=\"translate(0.710938 0.481812)\" />\n                                  </clipPath>\n                                </defs>\n                              </svg>\n                            ))}\n                          {/* <RatingStars rating={reviews?.reviewRating} color={star_color} /> */}\n                        </div>\n                      </div>\n                      {/* <div className=\"right-tick\">\n                        {reviews?.isAuthorized ? (\n                          <>\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              width=\"13\"\n                              height=\"15\"\n                              viewBox=\"0 0 13 15\"\n                              fill=\"none\"\n                            >\n                              <path\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M6.14258 14.0357C9.51292 14.0357 12.2451 11.0661 12.2451 7.40297C12.2451 3.73983 9.51292 0.770264 6.14258 0.770264C2.77224 0.770264 0.0400391 3.73983 0.0400391 7.40297C0.0400391 11.0661 2.77224 14.0357 6.14258 14.0357Z\"\n                                fill={badgeColor}\n                              />\n                              <path\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M5.16376 10.0366L3.17328 7.88618C3.11766 7.82573 3.08984 7.748 3.08984 7.65301C3.08984 7.558 3.11765 7.48028 3.17328 7.41983L3.61429 6.95347C3.6699 6.88438 3.73944 6.84984 3.82287 6.84984C3.9063 6.84984 3.9798 6.88438 4.04336 6.95347L5.3783 8.40437L8.23886 5.29529C8.30243 5.2262 8.37593 5.19165 8.45936 5.19165C8.5428 5.19165 8.61232 5.22619 8.66794 5.29529L9.10895 5.76165C9.16456 5.8221 9.19238 5.89984 9.19238 5.99483C9.19238 6.08983 9.16457 6.16756 9.10895 6.22801L5.59283 10.0366C5.53721 10.1057 5.46569 10.1403 5.37829 10.1403C5.29088 10.1403 5.21937 10.1057 5.16375 10.0366L5.16376 10.0366Z\"\n                                fill=\"white\"\n                              />\n                            </svg>\n                            <p style={{ color: primary_text_color }}>\n                              verified customer\n                            </p>\n                          </>\n                        ) : (\n                          \"\"\n                        )}\n                      </div> */}\n                      <div class=\"right-title\">\n                        <p style={{ color: primary_text_color }}>\n                          {reviews?.reviewDetails}\n                        </p>\n                      </div>\n\n                      <div className=\"right-para\">\n                        <p style={{ color: primary_text_color }}>\n                          {reviews?.reviewDescription}\n                        </p>\n                      </div>\n                      {showAttributes === \"true\" && (\n                        <>\n                          <div>\n                            {reviews?.attributes?.map((attribute) => {\n                              if (\n                                attribute?.widgetType === 2 &&\n                                attribute?.selectedAnswer.value === \"Yes\"\n                              ) {\n                                return (\n                                  <div className=\"right-btn\">\n                                    <button\n                                      style={{\n                                        color: primary_text_color,\n                                        backgroundColor: secondaryColor,\n                                      }}\n                                    >\n                                      <svg\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        width=\"14\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 14 14\"\n                                        fill=\"none\"\n                                      >\n                                        <path\n                                          d=\"M2.40583 1.19266C0.972218 1.70348 0.0164783 3.15357 0 4.83436C0 6.13614 0.708566 7.60271 2.20809 9.36588C3.46044 10.8324 6.12992 13.1394 6.59131 13.1394C7.0527 13.1394 9.72218 10.8324 10.9745 9.36588C12.4741 7.60271 13.1826 6.13614 13.1826 4.83436C13.1661 1.50574 9.63979 -0.191518 6.88792 1.80235C6.64074 1.96714 6.54187 1.96714 6.31118 1.80235C5.14122 0.961961 3.67465 0.731265 2.40583 1.19266Z\"\n                                          fill=\"black\"\n                                        />\n                                      </svg>\n                                      Recommended\n                                    </button>\n                                  </div>\n                                )\n                              }\n                            })}\n                          </div>\n\n                          <div className=\"attribute-section\">\n                            <AttributesComponent\n                              attributes={reviews?.attributes}\n                              secondaryColor={secondaryColor}\n                              primaryColor={primaryColor}\n                            />\n                          </div>\n\n                          <div className=\"right-type\">\n                            {reviews?.attributes?.map((attribute) => {\n                              if (attribute?.widgetType === 3) {\n                                return (\n                                  <div className=\"effectiveness-helpful\">\n                                    <div className=\"effectiveness\">\n                                      <span className=\"effectiveness-text\">\n                                        {attribute?.question}\n                                      </span>\n                                      <div className=\"effectiveness-no\">\n                                        {RATING_BOXES?.map((item) => (\n                                          <span\n                                            className={`effectiveness-item ${attribute?.selectedAnswer\n                                              ?.value === item.value\n                                              ? \"active\"\n                                              : \"\"\n                                              }`}\n                                            key={item.value}\n                                          >\n                                            {item.label}\n                                          </span>\n                                        ))}\n                                      </div>\n                                      <div className=\"worked\">\n                                        <span>\n                                          {attribute?.answers?.[0]?.label}\n                                        </span>\n                                        <span>\n                                          {attribute?.answers?.[1]?.label}\n                                        </span>\n                                      </div>\n                                    </div>\n                                  </div>\n                                )\n                              } else if (attribute?.widgetType === 4) {\n                                return (\n                                  <div className=\"attribute-four\">\n                                    <div style={WRAPPER_STYLE}>\n                                      <p\n                                        className=\"description\"\n                                        style={{\n                                          color: primaryColor,\n                                        }}\n                                      >\n                                        {attribute?.question}\n                                      </p>\n                                      <Slider\n                                        min={0}\n                                        defaultValue={50}\n                                        marks={{\n                                          0: attribute?.answers?.[0]?.label,\n                                          50: attribute?.answers?.[1]?.label,\n                                          100: attribute?.answers?.[2]?.label,\n                                        }}\n                                        step={50}\n                                        included={false}\n                                      />\n                                    </div>\n                                  </div>\n                                )\n                              } else if (attribute?.widgetType === 5) {\n                                return (\n                                  <div className=\"attribute-five\">\n                                    <div style={WRAPPER_STYLE}>\n                                      <p\n                                        className=\"description\"\n                                        style={{ color: primaryColor }}\n                                      >\n                                        {attribute?.question}\n                                      </p>\n                                      <Slider\n                                        min={0}\n                                        defaultValue={attribute?.selectedAnswer?.value}\n                                        marks={{\n                                          \"0\": attribute?.answers?.[0]?.label,\n                                          \"50\": attribute?.answers?.[1]?.label,\n                                          \"100\": attribute?.answers?.[2]?.label,\n                                        }}\n                                        step={50}\n                                        included={false}\n                                        disabled={true}\n                                      />\n                                    </div>\n                                  </div>\n                                )\n                              }\n                            })}\n                          </div>\n                        </>\n                      )}\n                    </div>\n                    <div className=\"bottom-modal\">\n                      {helpful_button === \"true\" && (\n                        <div className=\"right-bottom-bar\">\n                          <div className=\"people\">\n                            {/* <p style={{ color: primary_text_color }}>\n                              {reviews?.helpUpCount} people find this helpful\n                            </p> */}\n                          </div>\n                          <div className=\"helpful c-pointer\">\n                            {/* <p style={{ color: primary_text_color }}>\n                              Helpful?\n                            </p> */}\n                            <div\n                              className=\"thumbs-up\"\n                              onClick={() =>\n                                likeUnlikeReview(reviews?.id, \"like\")\n                              }\n                            >\n                              <img src={thumbsup} alt=\"thumbsup\" />\n\n                              <p style={{ color: primary_text_color }}>\n                                ({reviews?.helpUpCount})\n                              </p>\n                            </div>\n                            <div\n                              className=\"thumbs-down\"\n                              onClick={() =>\n                                likeUnlikeReview(reviews?.id, \"unlike\")\n                              }\n                            >\n                              <img src={thumbsdown} alt=\"thumbsdown\" />\n                              <p style={{ color: primary_text_color }}>\n                                ({reviews?.helpDownCount})\n                              </p>\n                            </div>\n                            {/* <div\n                          className=\"report\"\n                          onClick={() =>\n                            likeUnlikeReview(reviews?.id, \"unlike\")\n                          }\n                        >\n                          <p>Report</p>\n                        </div> */}\n                          </div>\n                        </div>\n                      )}\n                      {showProductLink === \"true\" && (\n                        <div\n                          className=\"product-link-cta c-pointer\"\n\n                          onClick={() => {\n\n                            window.open(\n                              `https://${xToken}/products/${productData?.productHandle}`,\n                              \"_blank\"\n                            )\n                          }}\n                          style={{ backgroundColor: customerAvatar, padding: xToken === \"conatural.myshopify.com\" ? \"18px\" : \"15px\", \"--star-width-size\": xToken === \"conatural.myshopify.com\" ? \"10px\" : \"8px\" }}\n                        >\n                          <div className=\"right-footer\">\n                            <div className=\"bottle\">\n                              <img\n                                src={\n                                  productData?.productImage ??\n                                  \"https://xnzoau.stripocdn.email/content/guids/CABINET_18c22d83cfd814ed971730d4336060ddc9c849b818a2c7c8a1294efce90a0877/images/frame_1000004117_1.png\"\n                                }\n                                alt=\"mediaUrl\"\n                              />\n                            </div>\n                            <div className=\"night-cream\">\n                              <div className=\"para\">\n                                <p style={{ color: primary_text_color, fontSize: xToken === \"conatural.myshopify.com\" ? \"13px\" : \"\" }}>\n                                  {productData?.productName}{\" \"}\n                                </p>\n                              </div>\n                              <div className=\"reviews\">\n\n\n                                <div className=\"ratings\">\n                                  <RatingStars\n                                    rating={productData?.averageRating}\n                                    color={star_color}\n                                  />\n                                </div>\n                                <p style={{ color: primary_text_color, fontSize: xToken === \"conatural.myshopify.com\" ? \"10px\" : \"\" }}>\n                                  {productData?.count} Reviews\n                                </p>\n                              </div>\n                            </div>\n                          </div>\n                          <ProductLinkIcon />\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </>\n          </Modal.Body>\n        </Modal>\n      )\n      }\n    </div >\n  )\n}\n\nexport default Popup\n"],"names":["CrossIcon","_jsxs","xmlns","width","height","viewBox","fill","children","_jsx","x1","y1","x2","y2","transform","stroke","RateStar","_ref","color","d","RateStar1","_ref3","CircleCheck","cx","cy","r","CircleFill","CircleEmpty","ProggressLineDark","ProggressLineLite","ShareImgIcon","ShareVidIcon","ProductLinkIcon","xmlnsXlink","x","y","id","patternContentUnits","xlinkHref","OfferDiscountCode","rating","wholeStars","Math","floor","decimalPart","fractionPercentage","round","stars","i","push","StarIcon","fillPercentage","length","className","map","star","index","apiManager","ApiManager","review","formValue","_brandSettingsData$ge","_brandSettingsData$ge2","_brandSettingsData$ge3","_brandSettingsData$ge4","_brandSettingsData$ge5","_brandSettingsData$ge6","_brandSettingsData$ge7","_brandSettingsData$ge8","_brandSettingsData$ge9","_brandSettingsData$ge10","_brandSettingsData$ge11","_brandSettingsData$ge12","_ref2","_brandSettingsData$ge13","_brandSettingsData$ge14","_brandSettingsData$ge15","_reviews$images","_reviews$images2","_nextReview$images","_reviews$images3","_reviews$reviewerName","_reviews$createdAt","_parseInt","_parseInt2","_reviews$attributes","_reviews$attributes2","_productData$productI","_useState","useState","_useState2","_slicedToArray","thumbsSwiper","setThumbsSwiper","_useState3","_useState4","reviews","setReviews","_useState5","_useState6","nextReview","setNextReview","_useState7","_useState8","_useState9","_useState10","productData","setProductData","_useState11","_useState12","loading","setLoading","_useSearchParams","useSearchParams","searchParams","_useState13","_useState14","isPlaying","setIsPlaying","xToken","get","_setXToken","_useState15","_useState16","brandSettingsData","setBrandSettingsData","useEffect","then","response","console","log","result","catch","error","reviewId","helpful_button","showAttributes","star_color","generalAppearance","starColor","card_bg_color","cardFillColor","card_border_color","cardBorderColor","primary_text_color","reviewColor","customerAvatar","avatarColor","primaryColor","secondaryColor","concat","badgeColor","verifiedColor","showProductLink","getReviews","likeUnlikeReview","type","post","res","helpUpCount","helpDownCount","setTimeout","_objectSpread","err","body","merchantId","limit","reviewStatus","_res$result2","_res$result3","docs","productId","data","contentType","mediaType","reviewIdExcluded","_res$result","_toConsumableArray","getRandomReview","tooltip","Tooltip","isAuthorized","style","href","togglePlay","video","document","getElementById","pause","play","handlePlay","handlePause","Spinner","Modal","show","onHide","window","parent","postMessage","showReviewCard","size","images","backdrop","onClick","QuoliWidgetTrack","backgroundColor","_Fragment","Swiper","spaceBetween","navigation","thumbs","swiper","destroyed","modules","FreeMode","Navigation","Thumbs","onSlideChange","e","activeIndex","item","_item$images","_item$images$","SwiperSlide","onChange","mediaUrl","src","getImageUrl","alt","position","controls","onPlay","onPause","top","left","cursor","onSwiper","slidesPerView","freeMode","watchSlidesProgress","_item$images2","_item$images$2","_item$images$3","minHeight","getFirstNameAndLastInitial","reviewerName","getTimeFromNow","createdAt","OverlayTrigger","placement","overlay","Array","parseInt","reviewRating","_","class","reviewDetails","reviewDescription","attributes","attribute","widgetType","selectedAnswer","value","AttributesComponent","_attribute$answers","_attribute$answers$","_attribute$answers2","_attribute$answers2$","_attribute$answers3","_attribute$answers3$","_attribute$answers4","_attribute$answers4$","_attribute$answers5","_attribute$answers5$","_attribute$selectedAn2","_attribute$answers6","_attribute$answers6$","_attribute$answers7","_attribute$answers7$","_attribute$answers8","_attribute$answers8$","question","RATING_BOXES","_attribute$selectedAn","label","answers","WRAPPER_STYLE","Slider","min","defaultValue","marks","step","included","disabled","thumbsup","thumbsdown","open","productHandle","padding","productImage","fontSize","productName","RatingStars","averageRating","count"],"sourceRoot":""}