{"version":3,"sources":["views/pages/VoucherView/components/Options/Options.js","views/pages/VoucherView/components/PriceInput/PriceInput.js","views/pages/VoucherView/components/SectionCard/SectionCard.js","views/common/component/SuggestedCoupons/components/CouponItem/CouponItem.js","views/common/component/SuggestedCoupons/SuggestedCoupons.js","views/pages/VoucherView/components/BriefInfo/BriefInfo.js","views/pages/VoucherView/components/index.js","views/pages/VoucherView/index.js"],"names":["Options","props","priceOptions","selectedPriceOptions","handleSelectPriceOption","handleChangeVoucherQuantity","quantity","currency","exchangeRate","className","minValue","maxValue","initialValue","onCommitChange","length","map","priceOption","type","classNames","productCode","disabled","onClick","toLowerCase","CURRENCY_TYPE","UTOP","name","toUTop","price","toVND","MAX_PRICE","PriceInput","forwardRef","ref","onCommitAmount","useState","value","setValue","useEffect","placeholder","Number","toLocaleString","min","max","inputMode","pattern","onInput","e","typedValue","target","replace","parsedValue","SectionCard","title","content","hasCollapse","customTitle","brandLogoUrl","brandName","show","setShow","data","LogoUtop","src","CouponItem","code","endDateTime","isAllocated","handleSave","handleClickContent","showBtnShowMore","handleShowMore","nameClassName","endDateClassName","moment","utc","local","format","SuggestedCoupons","isLoading","suggestedCouponList","handleSaveCoupon","handleGotoDetailCoupon","firstCoupon","showSuggestedCouponList","setShowSuggestedCouponList","couponId","couponCode","handleClose","showBtnClose","style","padding","lineHeight","coupon","marginTop","BriefInfo","isLoadingSuggestedCoupons","voucherType","VOUCHER_TYPES","GEN_VOUCHER_WITH_AMOUNT","voucherName","unitPrice","unitListPrice","tags","tag","MESSAGE_KEY","toastOptions","position","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","checkIfPriceOptionNotAvailable","_outOfStockProductCodes","_currPriceOption","find","VoucherView","idVoucher","useQuery","get","history","useHistory","location","useLocation","dispatch","useDispatch","useSelector","state","TYPE","voucherInfo","shortLinkToShare","outOfStockProductCodes","userInfo","ROOT_TYPE","amountToBuy","selectedVoucherOptions","setSelectedVoucherOptions","showModalWarning","setShowModalWarning","showModalShouldReload","setShowModalShouldReload","showModalRequireLogin","setShowModalRequireLogin","amountInputRef","useRef","isSelectedPriceOptionNotAvailable","useMemo","console","log","cartDataOfThisVoucherFromLS","found","JSON","parse","localStorage","getItem","VOUCHER_CART_KEY","totalPrice","actions","GET_VOUCHER_INFO","request","id","currentChosenPriceOption","prices","expiredDate","listPrice","productName","dataToUpdate","prev","defaultPriceOption","default","CHECK_STOCK_OF_PRODUCT","handleCheckStockOfPriceOption","merchant","viewAsGuest","GET_SUGGESTED_COUPON_LIST","MerchantId","Feature","isOverExpirationDate","Date","getTime","now","useCallback","SAVE_SUGGESTED_COUPON","onSuccess","toast","success","toastId","onFailure","message","errMsgToToast","MESSAGES","error","warn","push","handleClickBtnBuyVoucher","a","current","focus","voucherCartDataToSave","couponToUse","appliedCoupon","setItem","stringify","handleCommitAmountToBuy","amount","handleTriggerWebShareAPI","_shortLinkToShare","navigator","share","text","vi","en","handleCloseModalWarning","prevPathname","goBack","handleCloseModalShouldReload","removeItem","CART_KEYS_MAP","VOUCHER_CART","LOCAL_STORAGE_KEY","window","reload","items","images","imgWrapperClassName","imgClassName","GET_SHORT_LINK_TO_SHARE","url","href","callbackFunction","currencies","idCoupon","mode","COUPON_DETAIL_PAGE_MODES","ALLOCATE","callbackUrl","pathname","search","prevPage","brand","iv","logoUrl","description","term","itemsCount","onClickButton","onClose","scrollable","centered","variant"],"mappings":"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","file":"static/js/29.315996e2.chunk.js","sourcesContent":["import classNames from \"classnames\";\r\nimport React from \"react\";\r\nimport { InputNumberV2 } from \"views/common/component\";\r\nimport { CURRENCY_TYPE } from \"constants/types\";\r\nimport { toVND, toUTop } from \"utils/currencyFormat\";\r\nimport \"./Options.scss\";\r\n\r\nfunction Options(props) {\r\n  const {\r\n    priceOptions,\r\n    selectedPriceOptions,\r\n    handleSelectPriceOption = () => {},\r\n    handleChangeVoucherQuantity,\r\n    quantity,\r\n    currency,\r\n    exchangeRate,\r\n  } = props;\r\n\r\n  return (\r\n    <div className=\"options-section\">\r\n      <div className=\"quantity-container\">\r\n        <div>\r\n          <span className=\"label\">Số lượng</span>\r\n        </div>\r\n\r\n        <InputNumberV2\r\n          minValue={1}\r\n          maxValue={99}\r\n          initialValue={quantity}\r\n          onCommitChange={handleChangeVoucherQuantity}\r\n        />\r\n      </div>\r\n\r\n      {/* chỉ có 1 option thì không cần show */}\r\n      {priceOptions?.length > 1 && (\r\n        <>\r\n          <div className=\"divider-line\" />\r\n\r\n          <div className=\"price-options-container\">\r\n            <div>\r\n              <span className=\"label\">Tùy chọn giá</span>\r\n            </div>\r\n\r\n            <div className=\"price-options-wrapper\">\r\n              {priceOptions.map((priceOption) => (\r\n                <button\r\n                  key={priceOption.productCode}\r\n                  type=\"button\"\r\n                  className={classNames(\"price-option\", {\r\n                    \"price-option--selected\":\r\n                      priceOption?.productCode ===\r\n                      selectedPriceOptions?.productCode,\r\n                    // \"price-option--disabled\": false,\r\n                  })}\r\n                  disabled={false}\r\n                  onClick={handleSelectPriceOption(priceOption)}\r\n                >\r\n                  <span>\r\n                    {currency?.toLowerCase() === CURRENCY_TYPE.UTOP.name\r\n                      ? toUTop(priceOption.price, exchangeRate)\r\n                      : toVND(priceOption.price)}\r\n                  </span>\r\n                </button>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Options;\r\n","import React, { useState, useEffect, forwardRef } from \"react\";\r\nimport { CURRENCY_TYPE } from \"constants/types\";\r\nimport \"./PriceInput.scss\";\r\n\r\nconst MIN_PRICE = 0;\r\nconst MAX_PRICE = 20000;\r\n\r\nconst PriceInput = forwardRef((props, ref) => {\r\n  const { onCommitAmount, initialValue } = props;\r\n  const [value, setValue] = useState(\"\");\r\n\r\n  const handleOnInput = (e) => {\r\n    const typedValue = Number(e.target.value.replace(\".\", \"\"));\r\n\r\n    if (!typedValue) {\r\n      setValue(\"\");\r\n      return;\r\n    }\r\n\r\n    const parsedValue = Number(typedValue) || MIN_PRICE;\r\n\r\n    if (parsedValue < MIN_PRICE && parsedValue !== value) {\r\n      setValue(MIN_PRICE);\r\n      return;\r\n    }\r\n\r\n    if (parsedValue > MAX_PRICE && parsedValue !== value) {\r\n      setValue(MAX_PRICE);\r\n      return;\r\n    }\r\n\r\n    setValue(typedValue);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (initialValue) {\r\n      setValue(initialValue);\r\n    }\r\n  }, [initialValue]);\r\n\r\n  useEffect(() => {\r\n    onCommitAmount(value);\r\n  }, [value]);\r\n\r\n  return (\r\n    <div className=\"price-input-section\">\r\n      <span className=\"price-input__label\">\r\n        {props.currency?.toLowerCase() === CURRENCY_TYPE.UTOP.name\r\n          ? \"Nhập số Utop\"\r\n          : \" Nhập số tiền (đơn vị: Ngàn VND)\"}\r\n      </span>\r\n\r\n      <div className=\"price-input__container\">\r\n        <input\r\n          className=\"price-input__input\"\r\n          placeholder=\"0\"\r\n          value={value ? Number(value).toLocaleString(\"vi\") : value} // cần check điều kiện như này để show được placeholder khi chưa có value,\r\n          min={MIN_PRICE}\r\n          max={MAX_PRICE}\r\n          type=\"text\"\r\n          inputMode=\"numeric\"\r\n          pattern=\"[0-9]*\"\r\n          onInput={handleOnInput}\r\n          ref={ref}\r\n        />\r\n\r\n        <span className=\"price-input__unit\">\r\n          {props.currency?.toLowerCase() === CURRENCY_TYPE.UTOP.name\r\n            ? \"Utop\"\r\n            : \".000đ\"}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default PriceInput;\r\n","import React, { useState } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { CCollapse } from \"@coreui/react\";\r\nimport { ArrowDownIcon } from \"assets/svg\";\r\nimport { Markup } from \"interweave\";\r\nimport LogoUtop from \"assets/img/LogoUtop.jpg\";\r\nimport \"./SectionCard.scss\";\r\n\r\nfunction SectionCard(props) {\r\n  const { title, content, hasCollapse, customTitle, brandLogoUrl, brandName } =\r\n    props;\r\n  const [show, setShow] = useState(true);\r\n\r\n  const handleToggleShow = () => {\r\n    setShow(!show);\r\n  };\r\n\r\n  return (\r\n    <div className=\"section-card\">\r\n      <div className=\"section-card__top\">\r\n        {customTitle ? (\r\n          <div className=\"brand-container\">\r\n            <object\r\n              data={brandLogoUrl || LogoUtop}\r\n              type=\"image/png\"\r\n              className=\"brand__avatar\"\r\n            >\r\n              <img src={LogoUtop} className=\"brand__avatar\" />\r\n            </object>\r\n\r\n            <span className=\"brand__name only-2-lines\">{brandName}</span>\r\n          </div>\r\n        ) : (\r\n          <span className=\"title\">{title}</span>\r\n        )}\r\n\r\n        {hasCollapse && (\r\n          <button\r\n            className={classNames(\"btn-collapse\", show && \"btn-collapse--hide\")}\r\n            type=\"button\"\r\n            onClick={handleToggleShow}\r\n          >\r\n            <ArrowDownIcon />\r\n          </button>\r\n        )}\r\n      </div>\r\n\r\n      {content && (\r\n        <CCollapse show={hasCollapse ? show : true}>\r\n          <div className=\"section-card__content\">\r\n            <Markup content={content} />\r\n          </div>\r\n        </CCollapse>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default SectionCard;\r\n","import React from \"react\";\r\nimport { CouponIcon, ArrowRightYellowIcon } from \"assets/svg\";\r\nimport moment from \"moment\";\r\nimport classNames from \"classnames\";\r\nimport \"./CouponItem.scss\";\r\n\r\nconst CouponItem = (props) => {\r\n  const {\r\n    code,\r\n    endDateTime,\r\n    name,\r\n    isAllocated,\r\n    handleSave,\r\n    handleClickContent,\r\n\r\n    //\r\n    showBtnShowMore,\r\n    handleShowMore,\r\n    nameClassName,\r\n    endDateClassName,\r\n  } = props;\r\n\r\n  return (\r\n    <div className=\"suggested-coupon-item\">\r\n      <i className=\"suggested-coupon-item__icon\">\r\n        <CouponIcon />\r\n      </i>\r\n\r\n      <div\r\n        onClick={handleClickContent}\r\n        className=\"suggested-coupon-item__content\"\r\n      >\r\n        <div className={classNames(\"name text-on-1-line\", nameClassName)}>\r\n          {name}\r\n        </div>\r\n        {endDateTime && (\r\n          <div>\r\n            <span className={classNames(\"end-date-time\", endDateClassName)}>\r\n              Hết hạn:{\" \"}\r\n              <span>\r\n                {moment.utc(endDateTime).local().format(\"DD/MM/YYYY\")}\r\n              </span>\r\n            </span>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {showBtnShowMore ? (\r\n        <button\r\n          type=\"button\"\r\n          className=\"suggested-coupon-item__right button-see-more\"\r\n          onClick={handleShowMore}\r\n        >\r\n          Xem thêm\r\n          <i>\r\n            <ArrowRightYellowIcon />\r\n          </i>\r\n        </button>\r\n      ) : (\r\n        <button\r\n          type=\"button\"\r\n          onClick={handleSave(code)}\r\n          disabled={isAllocated}\r\n          className=\"button-save-coupon\"\r\n        >\r\n          <span>{isAllocated ? \"Đã lấy\" : \"Lấy mã\"}</span>\r\n        </button>\r\n      )}\r\n\r\n      {/* <button\r\n        type=\"button\"\r\n        className=\"suggested-coupon-item__right button-see-more\"\r\n        onClick={handleShowMore}\r\n      >\r\n        Xem thêm\r\n        <i>\r\n          <ArrowRightYellowIcon />\r\n        </i>\r\n      </button> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CouponItem;\r\n","import React, { useState } from \"react\";\r\n// import Popup from \"../Popup\";\r\nimport { Dock, LoadingOverlay } from \"..\";\r\nimport { CouponItem } from \"./components\";\r\nimport \"./SuggestedCoupons.scss\";\r\n\r\nfunction SuggestedCoupons(props) {\r\n  const {\r\n    isLoading = false,\r\n    suggestedCouponList,\r\n    handleSaveCoupon,\r\n    handleGotoDetailCoupon,\r\n  } = props;\r\n  const firstCoupon = suggestedCouponList?.[0];\r\n\r\n  const [showSuggestedCouponList, setShowSuggestedCouponList] = useState(false);\r\n\r\n  const handleClosePopupSuggestedCouponList = () => {\r\n    setShowSuggestedCouponList(false);\r\n  };\r\n\r\n  const handleOpenPopupSuggestedCouponList = () => {\r\n    setShowSuggestedCouponList(true);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className=\"suggested-coupons-section\">\r\n        <CouponItem\r\n          key={firstCoupon?.couponId}\r\n          couponId={firstCoupon?.couponId}\r\n          couponCode={firstCoupon?.couponCode}\r\n          code={firstCoupon?.code}\r\n          endDateTime={firstCoupon?.endDateTime}\r\n          name={firstCoupon?.name}\r\n          isAllocated={firstCoupon?.isAllocated}\r\n          handleSave={handleSaveCoupon}\r\n          handleClickContent={handleGotoDetailCoupon(\r\n            firstCoupon?.couponId,\r\n            firstCoupon?.isAllocated\r\n          )}\r\n          showBtnShowMore={suggestedCouponList?.length > 1}\r\n          handleShowMore={handleOpenPopupSuggestedCouponList}\r\n          nameClassName=\"suggested-coupons-section__coupon-name\"\r\n          endDateClassName=\"suggested-coupons-section__end-date\"\r\n        />\r\n\r\n        {suggestedCouponList?.length > 0 && (\r\n          <Dock\r\n            show={showSuggestedCouponList}\r\n            handleClose={handleClosePopupSuggestedCouponList}\r\n            showBtnClose\r\n          >\r\n            <div\r\n              className=\"color-ucla_gold _fs-15px _fw-600 text-center text-1-line\"\r\n              style={{\r\n                padding: \"16px 40px 8px\",\r\n                lineHeight: \"18px\",\r\n              }}\r\n            >\r\n              Ưu đãi hiện có\r\n            </div>\r\n            <div className=\"suggested-coupons__list\">\r\n              {suggestedCouponList?.map((coupon) => (\r\n                <CouponItem\r\n                  key={coupon?.couponId}\r\n                  couponId={coupon?.couponId}\r\n                  couponCode={coupon?.couponCode}\r\n                  code={coupon?.code}\r\n                  endDateTime={coupon?.endDateTime}\r\n                  name={coupon?.name}\r\n                  isAllocated={coupon?.isAllocated}\r\n                  handleSave={handleSaveCoupon}\r\n                  handleClickContent={handleGotoDetailCoupon(\r\n                    coupon?.couponId,\r\n                    coupon?.isAllocated\r\n                  )}\r\n                />\r\n              ))}\r\n            </div>\r\n            <LoadingOverlay\r\n              isLoading={isLoading}\r\n              style={{ marginTop: \"1rem\" }}\r\n            />\r\n          </Dock>\r\n        )}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default SuggestedCoupons;\r\n","import React from \"react\";\r\n// import { IconList } from \"views/common/component\";\r\nimport { SuggestedCoupons } from \"views/common/component/SuggestedCoupons\";\r\n\r\nimport { VOUCHER_TYPES, CURRENCY_TYPE } from \"constants/types\";\r\nimport \"./BriefInfo.scss\";\r\nimport { toVND, toUTop } from \"utils/currencyFormat\";\r\n\r\nfunction BriefInfo(props) {\r\n  const {\r\n    isLoadingSuggestedCoupons = false,\r\n    voucherType = VOUCHER_TYPES.GEN_VOUCHER_WITH_AMOUNT,\r\n    voucherName = \"\",\r\n    unitPrice,\r\n    unitListPrice,\r\n    tags = [],\r\n    suggestedCouponList = [],\r\n    handleSaveCoupon,\r\n    handleGotoDetailCoupon,\r\n    exchangeRate,\r\n    currency,\r\n  } = props;\r\n\r\n  return (\r\n    <div className=\"brief-info\">\r\n      <div className=\"voucher-name only-2-lines\">{voucherName}</div>\r\n\r\n      {voucherType !== VOUCHER_TYPES.GEN_VOUCHER_WITH_AMOUNT && (\r\n        <>\r\n          {/* <div className=\"rating row-flex\">\r\n            <IconList\r\n              selectedNum={4.8}\r\n              containerClassName=\"star-list__container\"\r\n            />\r\n            <span className=\"rating-num\">4.8</span>\r\n          </div> */}\r\n\r\n          <div className=\"voucher-price row-flex\">\r\n            {Number(unitPrice) > 0 && (\r\n              <span className=\"current-price\">\r\n                {currency?.toLowerCase() === CURRENCY_TYPE.UTOP.name\r\n                  ? toUTop(unitPrice, exchangeRate)\r\n                  : toVND(unitPrice)}\r\n              </span>\r\n            )}\r\n            {Number(unitListPrice) > 0 &&\r\n              Number(unitListPrice) !== Number(unitPrice) && (\r\n                <span className=\"list-price strike-low\">\r\n                  {currency?.toLowerCase() === CURRENCY_TYPE.UTOP.name\r\n                    ? toUTop(unitListPrice, exchangeRate)\r\n                    : toVND(unitListPrice)}\r\n                </span>\r\n              )}\r\n          </div>\r\n\r\n          {tags?.length > 0 && (\r\n            <div className=\"tags hide-x-scrollbar\">\r\n              {tags?.map((tag) => (\r\n                <div className=\"tag\" key={tag}>\r\n                  <span className=\"only-2-lines\">{tag}</span>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </>\r\n      )}\r\n\r\n      {suggestedCouponList?.length > 0 && (\r\n        <>\r\n          <div className=\"divider-line\" />\r\n\r\n          <SuggestedCoupons\r\n            isLoading={isLoadingSuggestedCoupons}\r\n            suggestedCouponList={suggestedCouponList}\r\n            handleSaveCoupon={handleSaveCoupon}\r\n            handleGotoDetailCoupon={handleGotoDetailCoupon}\r\n          />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default BriefInfo;\r\n","export { default as BriefInfo } from \"./BriefInfo/BriefInfo\";\r\nexport { default as PriceInput } from \"./PriceInput/PriceInput\";\r\nexport { default as Options } from \"./Options/Options\";\r\nexport { default as SectionCard } from \"./SectionCard/SectionCard\";\r\n","import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n  CButton,\r\n  CModal,\r\n  CModalBody,\r\n  CModalFooter,\r\n  CModalHeader,\r\n} from \"@coreui/react\";\r\nimport { toast } from \"react-toastify\";\r\nimport useQuery from \"assets/hooks/useQuery\";\r\nimport MESSAGES from \"constants/vi\";\r\nimport {\r\n  CART_KEYS_MAP,\r\n  COUPON_DETAIL_PAGE_MODES,\r\n  CURRENCY_TYPE,\r\n  VOUCHER_TYPES,\r\n} from \"constants/types\";\r\nimport { VOUCHER_CART_KEY } from \"constants/localStorageKeys\";\r\n\r\nimport { ArrowLeftWhiteIcon, ShareWhiteIcon } from \"assets/svg\";\r\n\r\nimport {\r\n  CustomSlider,\r\n  CartBottomBar,\r\n  LoadingOverlay,\r\n} from \"views/common/component\";\r\n\r\nimport { TYPE as ROOT_TYPE } from \"views/common/store/constants/constants\";\r\nimport { TYPE } from \"./store/constants\";\r\nimport actions from \"./store/actions\";\r\n\r\nimport { BriefInfo, Options, PriceInput, SectionCard } from \"./components\";\r\n\r\nimport \"./VoucherView.scss\";\r\n\r\nconst MESSAGE_KEY = \"ConfirmPayment\"; // key của object chứa message\r\nconst UNKNOWN = \"unknown\";\r\nconst toastOptions = {\r\n  position: \"top-center\",\r\n  autoClose: 7000,\r\n  hideProgressBar: false,\r\n  closeOnClick: true,\r\n  pauseOnHover: true,\r\n  draggable: true,\r\n  progress: undefined,\r\n};\r\n\r\n// cần tạo 1 biến ngoài scope của page để tránh bị cấp phát lại vùng nhớ mới khi rerender\r\n// nếu viết theo kiểu:\r\n// <CustomSlider items={voucherInfo?.images?.iv} settings={customSettings} />;\r\n// thì prop \"settings\" sẽ được cấp phát lại vùng nhớ khi VoucherView rerender\r\n// vì lí do nào đó mà Slider (infinite-react-carousel) sẽ bị lỗi \"can not create array\"\r\n// có lẽ do đã khởi tạo settings 1 lần trước rồi mà giờ bị trùng lại nên somehow hàm tạo circular array nó không work được\r\n// => Khi cần truyền custom settings xuống Slider thì cần tạo ra biến chỉ được cấp phát vùng nhớ đúng 1 lần.\r\n// (maybe là do đang work với loadable, vì đã thử set up với context tương tự trên codesandbox nhwung không bị lỗi)\r\n\r\nfunction VoucherView() {\r\n  const query = useQuery();\r\n  const idVoucher = query.get(\"id\");\r\n  const history = useHistory();\r\n  const location = useLocation();\r\n  const dispatch = useDispatch();\r\n  const {\r\n    voucherInfo,\r\n    suggestedCouponList,\r\n    shortLinkToShare,\r\n    outOfStockProductCodes,\r\n    isLoading,\r\n  } = useSelector((state) => state[TYPE]);\r\n  const { userInfo } = useSelector((state) => state[ROOT_TYPE]);\r\n  const [selectedVoucherOptions, setSelectedVoucherOptions] = useState({\r\n    quantity: 1,\r\n    amountToBuy: 0,\r\n  });\r\n  const [showModalWarning, setShowModalWarning] = useState(false);\r\n  const [showModalShouldReload, setShowModalShouldReload] = useState(false); // warning page will be reload\r\n  const [showModalRequireLogin, setShowModalRequireLogin] = useState(false); // suggest login to buy voucher\r\n\r\n  const amountInputRef = useRef();\r\n\r\n  const isSelectedPriceOptionNotAvailable = useMemo(() => {\r\n    console.log(\"outOfStockProductCodes\", outOfStockProductCodes);\r\n    return checkIfPriceOptionNotAvailable(\r\n      outOfStockProductCodes,\r\n      selectedVoucherOptions?.priceOption\r\n    );\r\n  }, [outOfStockProductCodes, selectedVoucherOptions?.priceOption]);\r\n\r\n  const cartDataOfThisVoucherFromLS = useMemo(() => {\r\n    const found = JSON.parse(localStorage.getItem(VOUCHER_CART_KEY));\r\n\r\n    if (found?.idVoucher === idVoucher) {\r\n      return found;\r\n    }\r\n\r\n    return null;\r\n  }, [idVoucher]);\r\n\r\n  const totalPrice = useMemo(() => {\r\n    if (\r\n      !voucherInfo?.type?.[0] ||\r\n      typeof selectedVoucherOptions?.priceOption?.price !== \"number\"\r\n    ) {\r\n      return 0;\r\n    }\r\n\r\n    if (voucherInfo?.type?.[0] === VOUCHER_TYPES.GEN_VOUCHER_WITH_AMOUNT) {\r\n      return (\r\n        selectedVoucherOptions.amountToBuy *\r\n        selectedVoucherOptions.priceOption.price\r\n      );\r\n    }\r\n\r\n    return (\r\n      selectedVoucherOptions.quantity * selectedVoucherOptions.priceOption.price\r\n    );\r\n  }, [\r\n    voucherInfo?.type?.[0],\r\n    selectedVoucherOptions.quantity,\r\n    selectedVoucherOptions.priceOption,\r\n    selectedVoucherOptions.amountToBuy,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    if (idVoucher) {\r\n      dispatch(actions.GET_VOUCHER_INFO.request({ id: idVoucher }));\r\n    }\r\n  }, [idVoucher]);\r\n\r\n  useEffect(() => {\r\n    if (!idVoucher) {\r\n      return;\r\n    }\r\n\r\n    if (!cartDataOfThisVoucherFromLS?.idVoucher === idVoucher) {\r\n      return;\r\n    }\r\n\r\n    if (!cartDataOfThisVoucherFromLS) {\r\n      return;\r\n    }\r\n\r\n    // so sánh thông tin đã lưu trong giỏ hàng & thông tin hiện tại\r\n    // chỉ cần so priceOption đã chọn, cần so sánh những field có ảnh hưởng đến giá tiền & về mặt hiển thị\r\n    // - expiredTimeRange\r\n    // - listPrice\r\n    // - price\r\n    // - productName\r\n    // - productCode: đã dùng để tìm ra priceOption từ api response nên ko cần so nữa\r\n\r\n    const currentChosenPriceOption = voucherInfo?.prices?.find(\r\n      (priceOption) =>\r\n        priceOption.productCode ===\r\n        cartDataOfThisVoucherFromLS.priceOption.productCode\r\n    );\r\n\r\n    if (\r\n      !currentChosenPriceOption ||\r\n      currentChosenPriceOption.expiredDate !==\r\n        cartDataOfThisVoucherFromLS.priceOption.expiredDate ||\r\n      currentChosenPriceOption.listPrice !==\r\n        cartDataOfThisVoucherFromLS.priceOption.listPrice ||\r\n      currentChosenPriceOption.price !==\r\n        cartDataOfThisVoucherFromLS.priceOption.price ||\r\n      currentChosenPriceOption.productName !==\r\n        cartDataOfThisVoucherFromLS.priceOption.productName\r\n    ) {\r\n      setShowModalShouldReload(true); // ! data was changed/updated!\r\n      return;\r\n    }\r\n\r\n    let dataToUpdate = {\r\n      voucherInfo, // ? ko cần selectedVoucherOption.voucherInfo\r\n    };\r\n\r\n    // get quantity/amountToBuy\r\n    if (cartDataOfThisVoucherFromLS?.quantity) {\r\n      dataToUpdate = {\r\n        ...dataToUpdate,\r\n        quantity: cartDataOfThisVoucherFromLS.quantity,\r\n      };\r\n    }\r\n\r\n    if (cartDataOfThisVoucherFromLS?.amountToBuy) {\r\n      dataToUpdate = {\r\n        ...dataToUpdate,\r\n        amountToBuy: cartDataOfThisVoucherFromLS.amountToBuy,\r\n      };\r\n    }\r\n\r\n    setSelectedVoucherOptions((prev) => ({\r\n      ...prev,\r\n      ...dataToUpdate,\r\n    }));\r\n  }, [idVoucher, voucherInfo, cartDataOfThisVoucherFromLS]);\r\n\r\n  // get chosen price option if exists\r\n  useEffect(() => {\r\n    if (\r\n      cartDataOfThisVoucherFromLS &&\r\n      cartDataOfThisVoucherFromLS?.priceOption\r\n    ) {\r\n      handleSelectPriceOption(cartDataOfThisVoucherFromLS.priceOption)();\r\n      return;\r\n    }\r\n\r\n    // select default price option by api response\r\n    if (voucherInfo?.prices?.length > 0) {\r\n      let defaultPriceOption = voucherInfo.prices.find(\r\n        (priceOption) => priceOption.default === true\r\n      );\r\n\r\n      if (!defaultPriceOption) {\r\n        defaultPriceOption = voucherInfo.prices?.[0];\r\n      }\r\n\r\n      handleSelectPriceOption(defaultPriceOption)();\r\n    }\r\n  }, [\r\n    voucherInfo?.prices,\r\n    cartDataOfThisVoucherFromLS,\r\n    handleSelectPriceOption,\r\n  ]);\r\n\r\n  // check stock của price option được chọn\r\n  useEffect(() => {\r\n    const handleCheckStockOfPriceOption = () => {\r\n      if (selectedVoucherOptions?.priceOption?.productCode) {\r\n        dispatch(\r\n          actions.CHECK_STOCK_OF_PRODUCT.request({\r\n            productCode: selectedVoucherOptions.priceOption.productCode,\r\n          })\r\n        );\r\n      }\r\n    };\r\n\r\n    if (userInfo) {\r\n      handleCheckStockOfPriceOption();\r\n    }\r\n  }, [userInfo, selectedVoucherOptions?.priceOption]);\r\n\r\n  // get suggested coupons\r\n  useEffect(() => {\r\n    if (voucherInfo?.merchant?.id) {\r\n      let viewAsGuest = true;\r\n\r\n      if (userInfo) {\r\n        viewAsGuest = false;\r\n      }\r\n\r\n      dispatch(\r\n        actions.GET_SUGGESTED_COUPON_LIST.request({\r\n          MerchantId: voucherInfo.merchant.id,\r\n          Feature: \"OrderGift\",\r\n          viewAsGuest,\r\n        })\r\n      );\r\n    }\r\n  }, [voucherInfo?.merchant?.id, userInfo]);\r\n\r\n  // check if expiration date is over to pop modal\r\n  const isOverExpirationDate = () => {\r\n    if (!voucherInfo?.expiredDate) return false;\r\n\r\n    const expiredDate = new Date(voucherInfo.expiredDate).getTime();\r\n    const now = Date.now();\r\n\r\n    // quá hạn\r\n    if (now > expiredDate) {\r\n      return true;\r\n    }\r\n    return false; // còn hạn\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isLoading.GET_VOUCHER_INFO) return;\r\n\r\n    if (!voucherInfo || isOverExpirationDate()) {\r\n      setShowModalWarning(true);\r\n    }\r\n  }, [isLoading.GET_VOUCHER_INFO, voucherInfo]);\r\n\r\n  const handleGoBack = () => {\r\n    // 2021/12/16: dùng useSrollMemory() auto gắn prevPage (e.g: prevPage: /search?id=1), prevPathname, prevSearch\r\n    // hiện tại chưa có flow nào push về trang /voucherview\r\n    // -> có thể dùng goBack\r\n    if (location.state?.prevPathname) {\r\n      history.goBack();\r\n      return;\r\n    }\r\n\r\n    history.push(\"/\");\r\n  };\r\n\r\n  // lấy mã coupon được suggested\r\n  const handleSaveCoupon = useCallback(\r\n    (code) => () => {\r\n      if (!userInfo) {\r\n        toast.warn(\"Vui lòng đăng nhập để nhận ngay ưu đãi.\", {\r\n          toastId: `${TYPE}_SAVE_SUGGESTED_COUPON__REQUIRE_LOGIN`,\r\n          onClick: () => {\r\n            history.push(\"/login\");\r\n          },\r\n        });\r\n\r\n        return;\r\n      }\r\n\r\n      const onSuccessSaveCoupon = () => {\r\n        toast.success(\"Lấy mã thành công!\", {\r\n          toastId: `${TYPE}_SAVE_SUGGESTED_COUPON_SUCCESS`,\r\n          ...toastOptions,\r\n        });\r\n      };\r\n\r\n      const onFailureSaveCoupon = (message) => {\r\n        const errMsgToToast =\r\n          MESSAGES?.[MESSAGE_KEY]?.error?.[message] ||\r\n          MESSAGES?.[MESSAGE_KEY]?.error?.[UNKNOWN];\r\n\r\n        toast.error(errMsgToToast, {\r\n          toastId: `${TYPE}_SAVE_SUGGESTED_COUPON_FAILURE_${message}`,\r\n          ...toastOptions,\r\n        });\r\n      };\r\n\r\n      dispatch(\r\n        actions.SAVE_SUGGESTED_COUPON.request({\r\n          code,\r\n          onSuccess: onSuccessSaveCoupon,\r\n          onFailure: onFailureSaveCoupon,\r\n        })\r\n      );\r\n    },\r\n    [userInfo]\r\n  );\r\n\r\n  const handleGotoDetailCoupon = (idCoupon, isAllocated) => () => {\r\n    history.push(`/coupondetail?id=${idCoupon}`, {\r\n      mode: COUPON_DETAIL_PAGE_MODES.ALLOCATE,\r\n      callbackUrl: `${window.location.pathname}${window.location.search}`,\r\n      prevPage: `${window.location.pathname}${window.location.search}`,\r\n      isAllocated,\r\n    });\r\n  };\r\n\r\n  // ** chỉ dành cho type !== GenVoucherWithAmount\r\n  const handleSelectPriceOption = useCallback(\r\n    (priceOption) => () => {\r\n      setSelectedVoucherOptions((prev) => {\r\n        return { ...prev, priceOption };\r\n      });\r\n    },\r\n    []\r\n  );\r\n\r\n  const handleChangeVoucherQuantity = useCallback((quantity) => {\r\n    setSelectedVoucherOptions((prev) => ({ ...prev, quantity }));\r\n  }, []);\r\n\r\n  const handleClickBtnBuyVoucher = async () => {\r\n    if (!userInfo) {\r\n      setShowModalRequireLogin(true);\r\n      return;\r\n    }\r\n\r\n    if (!selectedVoucherOptions.priceOption) return;\r\n\r\n    if (voucherInfo?.type?.[0] === VOUCHER_TYPES.GEN_VOUCHER_WITH_AMOUNT) {\r\n      if (selectedVoucherOptions.amountToBuy === 0) {\r\n        // pop keyboard\r\n        if (amountInputRef.current) {\r\n          amountInputRef.current.focus();\r\n        }\r\n\r\n        return;\r\n      }\r\n    }\r\n\r\n    // lưu data lên localStorage\r\n    let voucherCartDataToSave = {\r\n      ...cartDataOfThisVoucherFromLS,\r\n      quantity: selectedVoucherOptions.quantity,\r\n      priceOption: selectedVoucherOptions.priceOption,\r\n      voucherInfo,\r\n      idVoucher,\r\n    };\r\n\r\n    if (voucherInfo?.type?.[0] === VOUCHER_TYPES.GEN_VOUCHER_WITH_AMOUNT) {\r\n      voucherCartDataToSave = {\r\n        ...voucherCartDataToSave,\r\n        amountToBuy: selectedVoucherOptions.amountToBuy,\r\n      };\r\n    }\r\n\r\n    /**\r\n     * flow:\r\n     * 1. /myvoucher: select a coupon\r\n     * 2. /coupondetails: click 'Use' btn (Sử dụng)\r\n     * 3. /applicablestores: click to go to store (fnb view) or voucherview\r\n     * 4. /storedetail or /voucherview: click cart btn\r\n     * end.\r\n     */\r\n    const couponToUse = location.state?.couponToUse;\r\n\r\n    if (couponToUse) {\r\n      voucherCartDataToSave = {\r\n        ...voucherCartDataToSave,\r\n        appliedCoupon: {\r\n          code: couponToUse.code,\r\n          name: couponToUse.name,\r\n        },\r\n      };\r\n    }\r\n\r\n    await localStorage.setItem(\r\n      VOUCHER_CART_KEY,\r\n      JSON.stringify(voucherCartDataToSave)\r\n    );\r\n\r\n    history.push(\"/vouchercart\");\r\n  };\r\n\r\n  const handleCommitAmountToBuy = useCallback((amount) => {\r\n    setSelectedVoucherOptions((prev) => ({\r\n      ...prev,\r\n      amountToBuy: Number(amount) || 0,\r\n    }));\r\n  }, []);\r\n\r\n  // * SHARE\r\n  const handleTriggerWebShareAPI = async (_shortLinkToShare) => {\r\n    if (navigator.share) {\r\n      try {\r\n        await navigator.share({\r\n          title: \"Chia sẻ liên kết của voucher\",\r\n          text: `Bạn được giới thiệu trải nghiệm ${\r\n            voucherInfo?.name?.vi || voucherInfo?.name?.en\r\n          } trên ứng dụng Utop. Nhấn link bên dưới để đăng ký và nhận ưu đãi.\\n${_shortLinkToShare}`,\r\n        });\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    } else {\r\n      console.error(\"navigator.share is not available on this browser\");\r\n    }\r\n  };\r\n\r\n  const handleGetShortLinkToShare = () => {\r\n    if (!shortLinkToShare) {\r\n      dispatch(\r\n        actions.GET_SHORT_LINK_TO_SHARE.request({\r\n          url: window.location.href,\r\n          callbackFunction: handleTriggerWebShareAPI,\r\n        })\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    handleTriggerWebShareAPI(shortLinkToShare);\r\n  };\r\n\r\n  // * MODAL\r\n  const handleCloseModalWarning = () => {\r\n    if (\r\n      // history.location.state?.prevPathname === \"/storeview\" || // click vao deal/voucher item\r\n      // history.location.state?.prevPathname === \"/listdeal\" ||\r\n      // history.location.state?.prevPathname === \"/\" ||\r\n      // history.location.state?.prevPathname === \"/listfeed\" ||\r\n      // history.location.state?.prevPathname === \"/search\"\r\n      history.location.state?.prevPathname\r\n    ) {\r\n      history.goBack();\r\n      return;\r\n    }\r\n\r\n    history.push(\"/\"); // cho trường hợp mở trực tiếp từ link share, gặp voucher ko còn khả dụng\r\n  };\r\n\r\n  const handleCloseModalShouldReload = () => {\r\n    localStorage.removeItem(CART_KEYS_MAP.VOUCHER_CART.LOCAL_STORAGE_KEY);\r\n    setShowModalShouldReload(false);\r\n    window.location.reload(); // ? may need to forceReload by using a form then follow the code below\r\n    // const form = document.createElement('form');\r\n    // form.method = \"POST\";\r\n    // form.action = location.href;\r\n    // document.body.appendChild(form);\r\n    // form.submit();\r\n  };\r\n\r\n  const handleCloseModalRequireLogin = () => {\r\n    setShowModalRequireLogin(false);\r\n  };\r\n\r\n  const handleDirectToLoginPage = () => {\r\n    history.push(`/login`);\r\n  };\r\n\r\n  return (\r\n    <div className=\"voucher-view-page\">\r\n      <CustomSlider\r\n        items={voucherInfo?.images}\r\n        imgWrapperClassName=\"slider__img-wrapper--voucher\"\r\n        imgClassName=\"slider__img--voucher\"\r\n      />\r\n\r\n      <div className=\"top--fixed\">\r\n        <button\r\n          type=\"button\"\r\n          className=\"btn--circle--black\"\r\n          onClick={handleGoBack}\r\n        >\r\n          <ArrowLeftWhiteIcon />\r\n        </button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          className=\"btn--circle--black\"\r\n          onClick={handleGetShortLinkToShare}\r\n        >\r\n          <ShareWhiteIcon />\r\n        </button>\r\n      </div>\r\n\r\n      <LoadingOverlay\r\n        isLoading={\r\n          isLoading.GET_VOUCHER_INFO ||\r\n          isLoading.GET_SHORT_LINK_TO_SHARE ||\r\n          isLoading.GET_SUGGESTED_COUPON_LIST ||\r\n          (userInfo && isLoading.CHECK_STOCK_OF_PRODUCT)\r\n        }\r\n      />\r\n\r\n      {voucherInfo && (\r\n        <BriefInfo\r\n          isLoadingSuggestedCoupons={isLoading.SAVE_SUGGESTED_COUPON}\r\n          voucherType={voucherInfo?.type?.[0]}\r\n          voucherName={voucherInfo?.name?.vi}\r\n          tags={voucherInfo?.tags}\r\n          unitPrice={selectedVoucherOptions?.priceOption?.price}\r\n          unitListPrice={selectedVoucherOptions?.priceOption?.listPrice}\r\n          exchangeRate={voucherInfo?.currencies?.[0]?.exchangeRate}\r\n          currency={voucherInfo?.currencies?.[0]?.name}\r\n          suggestedCouponList={suggestedCouponList}\r\n          handleSaveCoupon={handleSaveCoupon}\r\n          handleGotoDetailCoupon={handleGotoDetailCoupon}\r\n        />\r\n      )}\r\n\r\n      <div className=\"detail-info-container\">\r\n        {voucherInfo && (\r\n          <>\r\n            {voucherInfo?.type?.[0] ===\r\n            VOUCHER_TYPES.GEN_VOUCHER_WITH_AMOUNT ? (\r\n              <PriceInput\r\n                onCommitAmount={handleCommitAmountToBuy}\r\n                ref={amountInputRef}\r\n                initialValue={selectedVoucherOptions.amountToBuy}\r\n                currency={voucherInfo?.currencies?.[0]?.name}\r\n                // unit={voucherInfo?.prices?.iv?.[0]?.price} // hard \".000đ\"\r\n              />\r\n            ) : (\r\n              <Options\r\n                priceOptions={voucherInfo?.prices}\r\n                selectedPriceOptions={selectedVoucherOptions?.priceOption}\r\n                quantity={selectedVoucherOptions.quantity}\r\n                outOfStockProductCodes={outOfStockProductCodes}\r\n                handleSelectPriceOption={handleSelectPriceOption}\r\n                handleChangeVoucherQuantity={handleChangeVoucherQuantity}\r\n                exchangeRate={voucherInfo?.currencies?.[0]?.exchangeRate}\r\n                currency={voucherInfo?.currencies?.[0]?.name}\r\n              />\r\n            )}\r\n          </>\r\n        )}\r\n\r\n        {voucherInfo && (\r\n          <SectionCard\r\n            customTitle\r\n            brandLogoUrl={voucherInfo?.brand?.iv?.[0]?.data?.logoUrl?.iv}\r\n            brandName={voucherInfo?.brand?.iv?.[0]?.data?.name?.iv}\r\n            content={\r\n              voucherInfo?.description?.default?.vi ||\r\n              voucherInfo?.description?.default?.en\r\n            }\r\n            hasCollapse={false}\r\n          />\r\n        )}\r\n\r\n        {voucherInfo?.term?.vi && (\r\n          <SectionCard\r\n            title=\"Điều kiện sử dụng\"\r\n            content={voucherInfo.term.vi}\r\n            hasCollapse\r\n          />\r\n        )}\r\n\r\n        {(voucherInfo?.location?.vi || voucherInfo?.location?.en) && (\r\n          <SectionCard\r\n            title=\"Cửa hàng áp dụng\"\r\n            content={voucherInfo?.location?.vi || voucherInfo?.location?.en}\r\n            hasCollapse\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <CartBottomBar\r\n        text={\r\n          // eslint-disable-next-line no-nested-ternary\r\n          isSelectedPriceOptionNotAvailable\r\n            ? \"Hết hàng\"\r\n            : voucherInfo?.currencies?.[0]?.name.toLowerCase() ===\r\n              CURRENCY_TYPE.UTOP.name\r\n            ? \"Đổi sản phầm\"\r\n            : \"Mua sản phẩm\"\r\n        }\r\n        disabled={\r\n          isLoading.GET_VOUCHER_INFO ||\r\n          isSelectedPriceOptionNotAvailable ||\r\n          !selectedVoucherOptions.priceOption ||\r\n          !totalPrice > 0 ||\r\n          (userInfo && isLoading.CHECK_STOCK_OF_PRODUCT)\r\n        }\r\n        exchangeRate={voucherInfo?.currencies?.[0]?.exchangeRate}\r\n        currency={voucherInfo?.currencies?.[0]?.name}\r\n        totalPrice={totalPrice}\r\n        itemsCount={selectedVoucherOptions.quantity}\r\n        onClickButton={handleClickBtnBuyVoucher}\r\n      />\r\n\r\n      <CModal\r\n        title=\"UTOP\"\r\n        show={showModalWarning}\r\n        onClose={handleCloseModalWarning}\r\n        scrollable={false}\r\n        centered\r\n      >\r\n        <CModalHeader className=\"border-0\">\r\n          <span className=\"_fw-700\">UTOP</span>\r\n        </CModalHeader>\r\n\r\n        <CModalBody className=\"py-0\">\r\n          {isOverExpirationDate()\r\n            ? \"Sản phẩm không khả dụng\"\r\n            : \"Cảm ơn bạn. Hiện tại Voucher chưa khả dụng. Bạn quay trở lại sau nhé.\"}\r\n        </CModalBody>\r\n        <CModalFooter className=\"border-0\">\r\n          {location.state?.prevPathname !== \"/\" && (\r\n            <CButton\r\n              variant=\"ghost\"\r\n              onClick={() => {\r\n                history.push(\"/\");\r\n              }}\r\n            >\r\n              Về trang chủ\r\n            </CButton>\r\n          )}\r\n          {location.state?.prevPathname && (\r\n            <CButton variant=\"ghost\" onClick={handleCloseModalWarning}>\r\n              Quay lại\r\n            </CButton>\r\n          )}\r\n        </CModalFooter>\r\n      </CModal>\r\n\r\n      <CModal\r\n        title=\"UTOP\"\r\n        show={showModalShouldReload}\r\n        onClose={handleCloseModalShouldReload}\r\n        scrollable={false}\r\n        centered\r\n      >\r\n        <CModalHeader className=\"border-0\">\r\n          <span className=\"_fw-700\">UTOP</span>\r\n        </CModalHeader>\r\n        <CModalBody className=\"py-0\">\r\n          Dữ liệu lưu trong giỏ hàng cần được làm mới!\r\n        </CModalBody>\r\n        <CModalFooter className=\"border-0\">\r\n          <CButton variant=\"ghost\" onClick={handleCloseModalShouldReload}>\r\n            Tải lại trang\r\n          </CButton>\r\n        </CModalFooter>\r\n      </CModal>\r\n\r\n      <CModal\r\n        title=\"UTOP\"\r\n        show={showModalRequireLogin}\r\n        onClose={handleCloseModalRequireLogin}\r\n        scrollable={false}\r\n        centered\r\n      >\r\n        <CModalHeader className=\"border-0\">\r\n          <span className=\"_fw-700\">Bạn chưa đăng nhập!</span>\r\n        </CModalHeader>\r\n        <CModalBody className=\"py-0\">\r\n          Vui lòng đăng nhập để sử dụng đầy đủ các tính năng của Utop nhé.\r\n        </CModalBody>\r\n        <CModalFooter className=\"border-0\">\r\n          <CButton variant=\"ghost\" onClick={handleDirectToLoginPage}>\r\n            Đồng ý\r\n          </CButton>\r\n        </CModalFooter>\r\n      </CModal>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst checkIfPriceOptionNotAvailable = (\r\n  _outOfStockProductCodes,\r\n  _currPriceOption\r\n) => {\r\n  return _outOfStockProductCodes.find(\r\n    (productCode) => productCode === _currPriceOption?.productCode\r\n  );\r\n};\r\n\r\nexport default VoucherView;\r\n"],"sourceRoot":""}