@plurix/ecom-components 1.16.0-commerce.0 → 1.16.1-commerce
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/svgs/CheckMarkBoxIcon.d.ts +1 -0
- package/dist/assets/svgs/CheckMarkBoxIcon.js +30 -0
- package/dist/assets/svgs/CheckMarkIcon.d.ts +1 -0
- package/dist/assets/svgs/CheckMarkIcon.js +23 -0
- package/dist/assets/svgs/CouponIcon.d.ts +1 -4
- package/dist/assets/svgs/CouponIcon.js +50 -14
- package/dist/assets/svgs/ErrorIcon.d.ts +1 -5
- package/dist/assets/svgs/ErrorIcon.js +26 -14
- package/dist/assets/svgs/ErrorIconV2.d.ts +1 -0
- package/dist/assets/svgs/ErrorIconV2.js +33 -0
- package/dist/assets/svgs/SuccessIconV2.d.ts +1 -0
- package/dist/assets/svgs/SuccessIconV2.js +30 -0
- package/dist/assets/svgs/WarningIconV2.d.ts +1 -0
- package/dist/assets/svgs/WarningIconV2.js +40 -0
- package/dist/hooks/useVerticalShelfCarouselProps.d.ts +4 -0
- package/dist/hooks/useVerticalShelfCarouselProps.js +14 -0
- package/dist/hooks/useWindowDimensions.d.ts +5 -0
- package/dist/hooks/useWindowDimensions.js +38 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +19 -17
- package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.d.ts +14 -0
- package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.js +69 -0
- package/dist/packages/Coupons/Coupons.d.ts +3 -17
- package/dist/packages/Coupons/Coupons.js +76 -114
- package/dist/packages/Coupons/components/Alert.d.ts +4 -2
- package/dist/packages/Coupons/components/Alert.js +10 -10
- package/dist/packages/Coupons/components/CouponCard.d.ts +5 -22
- package/dist/packages/Coupons/components/CouponCard.js +79 -133
- package/dist/packages/Coupons/components/NoCoupons.js +7 -7
- package/dist/packages/Coupons/hooks/useCoupons.d.ts +33 -0
- package/dist/packages/Coupons/hooks/useCoupons.js +108 -0
- package/dist/packages/Coupons/types/CouponType.d.ts +1 -1
- package/dist/packages/VouchersRedeemed/VouchersRedeemed.d.ts +24 -0
- package/dist/packages/VouchersRedeemed/VouchersRedeemed.js +145 -0
- package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.js +20 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.d.ts +12 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js +27 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.js +4 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts +17 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js +37 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js +4 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.d.ts +15 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js +49 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js +4 -0
- package/dist/packages/VouchersRedeemed/data/validVouchers.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/data/validVouchers.js +20 -0
- package/dist/packages/VouchersRedeemed/utils/getCouponPrice.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js +8 -0
- package/dist/styles/adaptive-carousel.global.css +1 -0
- package/dist/styles/coupons.global.css +1 -1
- package/dist/styles/regionalization.global.css +1 -1
- package/dist/styles/vouchers-redeemed.global.css +1 -0
- package/dist/utils/carousel/carouselProps.d.ts +33 -0
- package/dist/utils/carousel/carouselProps.js +59 -0
- package/dist/utils/scroll/isScrollToEnd.d.ts +1 -0
- package/dist/utils/scroll/isScrollToEnd.js +4 -0
- package/dist/utils/setBoldTextParts.d.ts +1 -0
- package/dist/utils/setBoldTextParts.js +7 -0
- package/package.json +1 -1
- package/dist/packages/Coupons/components/Breadcrumb.d.ts +0 -6
- package/dist/packages/Coupons/components/Breadcrumb.js +0 -33
- package/dist/packages/Coupons/components/Modal.d.ts +0 -8
- package/dist/packages/Coupons/components/Modal.js +0 -62
- package/dist/packages/Coupons/components/ModalFooter.d.ts +0 -9
- package/dist/packages/Coupons/components/ModalFooter.js +0 -25
- package/dist/packages/Coupons/components/ModalHeader.d.ts +0 -6
- package/dist/packages/Coupons/components/ModalHeader.js +0 -25
- package/dist/packages/Coupons/types/Views.d.ts +0 -1
- package/dist/packages/Coupons/types/Views.js +0 -1
- package/dist/packages/Coupons/views/CouponsView.d.ts +0 -15
- package/dist/packages/Coupons/views/CouponsView.js +0 -131
- package/dist/packages/Coupons/views/EmptyCartView.d.ts +0 -6
- package/dist/packages/Coupons/views/EmptyCartView.js +0 -36
- package/dist/packages/Coupons/views/LoadingView.d.ts +0 -7
- package/dist/packages/Coupons/views/LoadingView.js +0 -39
- package/dist/packages/Coupons/views/OverwriteView.d.ts +0 -14
- package/dist/packages/Coupons/views/OverwriteView.js +0 -58
- package/dist/packages/Coupons/views/RulesView.d.ts +0 -13
- package/dist/packages/Coupons/views/RulesView.js +0 -49
- package/dist/packages/Coupons/views/index.d.ts +0 -5
- package/dist/packages/Coupons/views/index.js +0 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
.regionalization-container *{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif;font-style:normal}.regionalization-container{border-radius:8px}.regionalization-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .badge{border-radius:12px;padding:4px 8px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf)!important;font-size:12px;font-weight:700;line-height:16px}.regionalization-container{border:1px solid var(--color-grayScale-lightest, #e8e8e8);width:100%;max-width:660px;margin:auto;padding:24px 16px;background-color:var(--color-grayScale-white, #fff)}.regionalization-container .delivery-pickup-container{gap:8px 0}.regionalization-container .title-container{display:flex;justify-content:space-between}.regionalization-container .title-container h1{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;line-height:24px;margin-right:16px}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}}.regionalization-container .title-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .more-infos-button{align-items:center;margin:16px 0;color:var(--color-support-links, #00289c);font-weight:400;font-size:14px;line-height:18px;text-decoration-line:underline}@media screen and (min-width: 769px){.regionalization-container .more-infos-button{font-size:16px;line-height:20px}}.regionalization-container .more-infos-button span{display:inline-flex;margin-left:8px}.regionalization-container .content-container{display:flex;flex-direction:column}.regionalization-container .content-container h2{color:var(--color-grayScale, #1c1c1c);font-size:24px;line-height:28px;font-weight:700}.regionalization-container .content-container .warning-container{display:flex;align-items:center;border-radius:4px;margin-top:16px;padding:8px 16px;background-color:var(--color-warning-faded, #fff8e5)}.regionalization-container .content-container .warning-container span{display:inline-block;margin-left:16px;color:var(--color-warning-dark, #b28100);font-size:14px;line-height:18px}.regionalization-container .delivery-container{margin-bottom:16px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .delivery-container .info-price{margin-bottom:12px}.delivery-subcontainer{border-radius:4px;border:1px solid var(--color-grayScale-lightest);background:var(--color-grayScale-white);padding:16px;margin:16px 0}.normal-delivery-container,.express-delivery-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.normal-delivery-title-container,.express-delivery-title-container{display:flex;align-items:center}.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:14px;font-weight:400;line-height:18px}.normal-delivery-price,.express-delivery-price{font-size:12px;font-weight:700;line-height:16px;color:var(--color-main)}.normal-delivery-scheduling,.express-delivery-scheduling{font-size:12px;font-weight:400;line-height:16px}.express-delivery-message-container{display:flex;padding:8px 16px;border-radius:4px;background:var(--color-main-faded);margin-top:8px;color:var(--color-main);font-size:12px;font-weight:700;line-height:16px}.delivery-types{color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px;margin:6px 0}@media screen and (min-width: 769px){.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:16px;font-weight:700;line-height:20px}.normal-delivery-price,.express-delivery-price,.normal-delivery-scheduling,.express-delivery-scheduling{font-size:16px;line-height:20px}.express-delivery-message-container{font-size:14px;line-height:18px}.delivery-types{font-size:20px;line-height:24px;margin:16px 0}.regionalization-container .delivery-container{margin:16px 0}.regionalization-container .delivery-container .info-price{margin-bottom:16px}}.regionalization-container .info-price{margin:8px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .info-price span{color:var(--color-main, #004a93);font-weight:700}.regionalization-container .postal-code-container{display:flex;flex-direction:column;row-gap:8px;margin:16px 0}.regionalization-container .postal-code-container .postal-code-container-action{display:flex}.regionalization-container .postal-code-container .postal-code-container-action input{display:inline-block;width:100%;margin-right:8px;padding:9px 12px;border:1px solid var(--color-grayScale-light, #c6c6c6);border-radius:2px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .postal-code-container .postal-code-container-action input::placeholder{color:var(--color-grayScale-light, #c6c6c6)}.regionalization-container .postal-code-container .postal-code-container-action button{justify-content:center;align-items:center;padding:10px 11px;border-radius:2px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);font-size:16px;font-weight:500;line-height:18px}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-action button{width:30%}.regionalization-container .postal-code-container .postal-code-container-action input{width:70%}}.regionalization-container .postal-code-container .postal-code-container-action button:disabled{background-color:var(--color-grayScale-faded, #f4f4f4);color:var(--color-grayScale-light, #c6c6c6);cursor:wait}.regionalization-container .postal-code-container .postal-code-container-pickup{display:flex;flex-direction:column}.regionalization-container .postal-code-container .postal-code-container-pickup label{color:var(--color-main, #2c3490);font-size:16px;font-weight:700;line-height:20px;margin-top:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{width:100%;height:72px;display:flex;column-gap:16px;margin:16px 0;padding:18px 8px;border-radius:8px;border:1px solid var(--color-grayScale-lightest, #e8e8e8);box-shadow:4px 4px 8px 0 var(--color-support-shadow);background:var(--color-grayScale-white, #fff)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative{text-align:start}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-pickup label{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{height:120px;justify-content:center;align-items:center}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select svg{height:88px;width:88px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:16px;line-height:20px}}.regionalization-container a{display:block;margin-top:3px;color:var(--color-support-links, #00289c);font-size:12px;line-height:16px}.regionalization-container .pickup-container{margin:26px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .pickup-instructions{display:flex;flex-direction:column;margin-bottom:24px}.regionalization-container .pickup-price{color:var(--color-grayScale, #1c1c1c);font-size:16px;font-weight:400;line-height:20px;margin-bottom:10px}@media screen and (min-width: 769px){.regionalization-container .pickup-instructions{display:flex;flex-direction:row;column-gap:4px}}.regionalization-container .pickup-instructions{margin-bottom:24px}.regionalization-container .pickup-instructions p{font-size:16px;font-weight:400;line-height:20px}.regionalization-container .pickup-instructions span{font-size:16px;font-weight:700;line-height:20px}.regionalization-container .pickup-open-stores-container{display:flex;justify-content:space-between}.regionalization-container .pickup-open-stores-container .pickup-open-stores{justify-content:center;width:100%;max-width:208px;border-radius:2px;padding:10px 21px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);text-align:center;font-size:16px;line-height:20px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}.regionalization-container .more-infos-button{font-weight:400;font-size:16px;line-height:20px}.content-container .regionalization-container .content-container h2{font-size:20px;line-height:24px}}.regionalization-container .opening-hours-container{margin:16px 0}.regionalization-container .opening-hours-container p,.regionalization-container .opening-hours-container span{color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px;font-weight:400}.regionalization-container .opening-hours-container span{font-weight:700}.regionalization-container .container-navigation{display:flex;justify-content:space-between;margin-top:24px}.regionalization-container .back-button{align-items:center;color:var(--color-main, #2c3490);font-size:14px;font-weight:500;line-height:18px;margin-right:28px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500;margin-right:28px}.regionalization-container .back-button-all-store span,.regionalization-container .back-button span{transform:rotate(180deg);display:inline-flex;margin-right:8px}.regionalization-container .continue-button{padding:10px 40px;border-radius:2px;color:var(--color-assistant-main, #ebe0cf);background-color:var(--color-main, #2c3490);font-size:16px;font-weight:500;line-height:20px;width:100%;max-width:208px;display:flex;justify-content:center;align-items:center;white-space:nowrap}@media screen and (min-width: 769px){.regionalization-container .back-button{font-size:16px;line-height:20px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:16px;line-height:20px;font-weight:500;margin-right:28px}.regionalization-container .back-button span svg{width:24px;height:24px}}.regionalization-container .stores-filter p{margin:18px 0 2px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-filter div{position:relative;display:flex}.regionalization-container .stores-filter div input{display:block;width:100%;border:1px solid var(--color-grayScale-light, #c6c6c6);padding:8px 40px 8px 12px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:24px}.regionalization-container .stores-filter div .filter-ico-container{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:42px;width:42px;padding:12px}.regionalization-container .stores-filter div input::placeholder{color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .stores-filter div svg{overflow:unset}.regionalization-container .divider{justify-content:center;height:1px;margin-top:26px;background-color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .divider span{position:absolute;top:-10px;padding:0 16px;background-color:var(--color-grayScale-white, #fff);color:var(--color-grayScale-dark, #8d8d8d);font-size:16px;line-height:20px}.regionalization-container .stores-label{margin:22px 0 14px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-container{display:grid}.regionalization-container .store-container{display:flex;flex-direction:column;box-shadow:4px 4px 8px var(--color-support-shadow, rgba(0, 74, 147, .25));margin-bottom:16px;margin-right:16px}.regionalization-container .store-container h3{padding:9px 16px;background-color:var(--color-main-faded, #e6edf4);color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:700}.regionalization-container .store-container div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.regionalization-container .store-container div p{margin-bottom:16px;color:var(--color-grayScale-darkest, #545454);font-size:14px;line-height:18px}.regionalization-container .store-container div .choose-store{justify-content:center;width:100%;border:1px solid var(--color-main, #004a93);border-radius:2px;padding:7px 8px;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .stores-container{display:grid;grid-template-columns:repeat(2,1fr);max-height:328px}.stores-container{max-height:326px;overflow-y:auto}.stores-container::-webkit-scrollbar{width:4px}.stores-container::-webkit-scrollbar-thumb{background-color:var(--color-main);border-radius:20px;width:3px}}.regionalization-container .address-container{margin-top:24px;margin-bottom:16px;padding:16px;background-color:var(--color-grayScale-faded, #f4f4f4)}.regionalization-container .address-container .address-title{display:flex;justify-content:space-between}.regionalization-container .address-container span:not(.address-delivery){display:block;margin-bottom:2px;font-size:16px;line-height:20px;font-weight:700}.regionalization-container .address-container span.address-delivery,.regionalization-container .address-container .address-pickup{color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .address-container .edit-button{color:var(--color-support-links, #00289c);font-size:16px;line-height:20px;text-decoration:underline}.regionalization-container .inital-view-container .price-stock-information{font-size:14px;font-weight:400;line-height:18px;text-align:center;width:100%;color:var(--color-grayScale, #1c1c1c);margin-top:8px}.regionalization-container .inital-view-container .delivery-option-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:6px}.regionalization-container .inital-view-container .delivery-option-container .option{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;box-shadow:4px 4px 8px 0 var(--color-support-shadow, rgba(0, 74, 147, .25));border:1px solid var(--color-grayScale-lightest, #e8e8e8);padding:8px;width:100%;height:106px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .inital-view-container .delivery-option-container p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .inital-view-container .price-stock-information{font-size:16px;line-height:20px;margin-top:16px}.regionalization-container .inital-view-container .delivery-option-container .option{height:188px}.regionalization-container .inital-view-container .delivery-option-container svg{height:80px;width:80px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:20px;line-height:24px}.regionalization-container .inital-view-container .delivery-option-container p{font-size:16px;line-height:20px}}
|
|
1
|
+
.regionalization-container *{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif;font-style:normal}.regionalization-container{border-radius:8px}.regionalization-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .badge{border-radius:12px;padding:4px 8px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf)!important;font-size:12px;font-weight:700;line-height:16px}.regionalization-container{border:1px solid var(--color-grayScale-lightest, #e8e8e8);width:100%;max-width:660px;margin:auto;padding:24px 16px;background-color:var(--color-grayScale-white, #fff)}.regionalization-container .delivery-pickup-container{gap:8px 0}.regionalization-container .title-container{display:flex;justify-content:space-between}.regionalization-container .title-container h1{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;line-height:24px;margin-right:16px}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}}.regionalization-container .title-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .more-infos-button{align-items:center;margin:16px 0;color:var(--color-support-links, #00289c);font-weight:400;font-size:14px;line-height:18px;text-decoration-line:underline}@media screen and (min-width: 769px){.regionalization-container .more-infos-button{font-size:16px;line-height:20px}}.regionalization-container .more-infos-button span{display:inline-flex;margin-left:8px}.regionalization-container .content-container{display:flex;flex-direction:column}.regionalization-container .content-container h2{color:var(--color-grayScale, #1c1c1c);font-size:24px;line-height:28px;font-weight:700}.regionalization-container .content-container .warning-container{display:flex;align-items:center;border-radius:4px;margin-top:16px;padding:8px 16px;background-color:var(--color-warning-faded, #fff8e5)}.regionalization-container .content-container .warning-container span{display:inline-block;margin-left:16px;color:var(--color-warning-dark, #b28100);font-size:14px;line-height:18px}.regionalization-container .delivery-container{margin-bottom:16px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .delivery-container .info-price{margin-bottom:12px}.delivery-subcontainer{border-radius:4px;border:1px solid var(--color-grayScale-lightest);background:var(--color-grayScale-white);padding:16px;margin:16px 0}.normal-delivery-container,.express-delivery-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.normal-delivery-title-container,.express-delivery-title-container{display:flex;align-items:center}.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:14px;font-weight:400;line-height:18px}.normal-delivery-price,.express-delivery-price{font-size:12px;font-weight:700;line-height:16px;color:var(--color-main)}.normal-delivery-scheduling,.express-delivery-scheduling{font-size:12px;font-weight:400;line-height:16px}.express-delivery-message-container{display:flex;padding:8px 16px;border-radius:4px;background:var(--color-main-faded);margin-top:8px;color:var(--color-main);font-size:12px;font-weight:700;line-height:16px}.delivery-types{color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px;margin:6px 0}@media screen and (min-width: 769px){.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:16px;font-weight:700;line-height:20px}.normal-delivery-price,.express-delivery-price,.normal-delivery-scheduling,.express-delivery-scheduling{font-size:16px;line-height:20px}.express-delivery-message-container{font-size:14px;line-height:18px}.delivery-types{font-size:20px;line-height:24px;margin:16px 0}.regionalization-container .delivery-container{margin:16px 0}.regionalization-container .delivery-container .info-price{margin-bottom:16px}}.regionalization-container .info-price{margin:8px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .info-price span{color:var(--color-main, #004a93);font-weight:700}.regionalization-container .postal-code-container{display:flex;flex-direction:column;row-gap:8px;margin:16px 0}.regionalization-container .postal-code-container .postal-code-container-action{display:flex}.regionalization-container .postal-code-container .postal-code-container-action input{display:inline-block;width:100%;margin-right:8px;padding:9px 12px;border:1px solid var(--color-grayScale-light, #c6c6c6);border-radius:2px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .postal-code-container .postal-code-container-action input::placeholder{color:var(--color-grayScale-light, #c6c6c6)}.regionalization-container .postal-code-container .postal-code-container-action button{justify-content:center;align-items:center;padding:10px 11px;border-radius:2px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);font-size:16px;font-weight:500;line-height:18px}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-action button{width:30%}.regionalization-container .postal-code-container .postal-code-container-action input{width:70%}}.regionalization-container .postal-code-container .postal-code-container-action button:disabled{background-color:var(--color-grayScale-faded, #f4f4f4);color:var(--color-grayScale-light, #c6c6c6);cursor:wait}.regionalization-container .postal-code-container .postal-code-container-pickup{display:flex;flex-direction:column}.regionalization-container .postal-code-container .postal-code-container-pickup label{color:var(--color-main, #2c3490);font-size:16px;font-weight:700;line-height:20px;margin-top:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{width:100%;height:72px;display:flex;column-gap:16px;margin:16px 0;padding:18px 8px;border-radius:8px;border:1px solid var(--color-grayScale-lightest, #e8e8e8);box-shadow:4px 4px 8px 0 var(--color-support-shadow);background:var(--color-grayScale-white, #fff)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative{text-align:start}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-pickup label{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{height:120px;justify-content:center;align-items:center}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select svg{height:88px;width:88px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:16px;line-height:20px}}.regionalization-container a{display:block;margin-top:3px;color:var(--color-support-links, #00289c);font-size:12px;line-height:16px}.regionalization-container .pickup-container{margin:26px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .pickup-instructions{display:flex;flex-direction:column;margin-bottom:24px}.regionalization-container .pickup-price{color:var(--color-grayScale, #1c1c1c);font-size:16px;font-weight:400;line-height:20px;margin-bottom:10px}@media screen and (min-width: 769px){.regionalization-container .pickup-instructions{display:flex;flex-direction:row;column-gap:4px}}.regionalization-container .pickup-instructions{margin-bottom:24px}.regionalization-container .pickup-instructions p{font-size:16px;font-weight:400;line-height:20px}.regionalization-container .pickup-instructions span{font-size:16px;font-weight:700;line-height:20px}.regionalization-container .pickup-open-stores-container{display:flex;justify-content:space-between}.regionalization-container .pickup-open-stores-container .pickup-open-stores{justify-content:center;width:100%;max-width:208px;border-radius:2px;padding:10px 21px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);text-align:center;font-size:16px;line-height:20px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}.regionalization-container .more-infos-button{font-weight:400;font-size:16px;line-height:20px}.content-container .regionalization-container .content-container h2{font-size:20px;line-height:24px}}.regionalization-container .opening-hours-container{margin:16px 0}.regionalization-container .opening-hours-container p,.regionalization-container .opening-hours-container span{color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px;font-weight:400}.regionalization-container .opening-hours-container span{font-weight:700}.regionalization-container .container-navigation{display:flex;justify-content:space-between;margin-top:24px}.regionalization-container .back-button{align-items:center;color:var(--color-main, #2c3490);font-size:14px;font-weight:500;line-height:18px;margin-right:28px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500;margin-right:28px}.regionalization-container .back-button-all-store span,.regionalization-container .back-button span{transform:rotate(180deg);display:inline-flex;margin-right:8px}.regionalization-container .continue-button{padding:10px 40px;border-radius:2px;color:var(--color-assistant-main, #ebe0cf);background-color:var(--color-main, #2c3490);font-size:16px;font-weight:500;line-height:20px;width:100%;max-width:208px;display:flex;justify-content:center;align-items:center;white-space:nowrap}@media screen and (min-width: 769px){.regionalization-container .back-button{font-size:16px;line-height:20px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:16px;line-height:20px;font-weight:500;margin-right:28px}.regionalization-container .back-button span svg{width:24px;height:24px}}.regionalization-container .stores-filter p{margin:18px 0 2px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-filter div{position:relative;display:flex}.regionalization-container .stores-filter div input{display:block;width:100%;border:1px solid var(--color-grayScale-light, #c6c6c6);padding:8px 40px 8px 12px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:24px}.regionalization-container .stores-filter div .filter-ico-container{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:42px;width:42px;padding:12px}.regionalization-container .stores-filter div input::placeholder{color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .stores-filter div svg{overflow:unset}.regionalization-container .divider{justify-content:center;height:1px;margin-top:26px;background-color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .divider span{position:absolute;top:-10px;padding:0 16px;background-color:var(--color-grayScale-white, #fff);color:var(--color-grayScale-dark, #8d8d8d);font-size:16px;line-height:20px}.regionalization-container .stores-label{margin:22px 0 14px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-container{display:grid}.regionalization-container .store-container{display:flex;flex-direction:column;box-shadow:4px 4px 8px var(--color-support-shadow, rgba(0, 74, 147, .25));margin-bottom:16px}.regionalization-container .store-container h3{padding:9px 16px;background-color:var(--color-main-faded, #e6edf4);color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:700}.regionalization-container .store-container div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.regionalization-container .store-container div p{margin-bottom:16px;color:var(--color-grayScale-darkest, #545454);font-size:14px;line-height:18px}.regionalization-container .store-container div .choose-store{justify-content:center;width:100%;border:1px solid var(--color-main, #004a93);border-radius:2px;padding:7px 8px;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .stores-container{display:grid;grid-template-columns:repeat(2,1fr);max-height:328px}.stores-container{max-height:326px;overflow-y:auto}.stores-container::-webkit-scrollbar{width:4px}.stores-container::-webkit-scrollbar-thumb{background-color:var(--color-main);border-radius:20px;width:3px}}.regionalization-container .address-container{margin-top:24px;margin-bottom:16px;padding:16px;background-color:var(--color-grayScale-faded, #f4f4f4)}.regionalization-container .address-container .address-title{display:flex;justify-content:space-between}.regionalization-container .address-container span:not(.address-delivery){display:block;margin-bottom:2px;font-size:16px;line-height:20px;font-weight:700}.regionalization-container .address-container span.address-delivery,.regionalization-container .address-container .address-pickup{color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .address-container .edit-button{color:var(--color-support-links, #00289c);font-size:16px;line-height:20px;text-decoration:underline}.regionalization-container .inital-view-container .price-stock-information{font-size:14px;font-weight:400;line-height:18px;text-align:center;width:100%;color:var(--color-grayScale, #1c1c1c);margin-top:8px}.regionalization-container .inital-view-container .delivery-option-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:6px}.regionalization-container .inital-view-container .delivery-option-container .option{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;box-shadow:4px 4px 8px 0 var(--color-support-shadow, rgba(0, 74, 147, .25));border:1px solid var(--color-grayScale-lightest, #e8e8e8);padding:8px;width:100%;height:106px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .inital-view-container .delivery-option-container p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .inital-view-container .price-stock-information{font-size:16px;line-height:20px;margin-top:16px}.regionalization-container .inital-view-container .delivery-option-container .option{height:188px}.regionalization-container .inital-view-container .delivery-option-container svg{height:80px;width:80px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:20px;line-height:24px}.regionalization-container .inital-view-container .delivery-option-container p{font-size:16px;line-height:20px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.club-card-vouchersRedeemed{display:flex;flex-direction:column;gap:16px;width:100%}.club-card-vouchersRedeemed .carousel-arrow-button-prev button,.club-card-vouchersRedeemed .carousel-arrow-button-next button{background-color:var(--loyalty-color-surface-subtlest)!important}.club-card-vouchersRedeemed .bullets-container button{background-color:var(--loyalty-color-surface-strong)!important}.club-card-vouchersRedeemed .carousel-arrow-button-prev button>svg path,.club-card-vouchersRedeemed .carousel-arrow-button-next button>svg path{stroke:var(--loyalty-color-icon-default)}.club-card-vouchersRedeemed .vouchersRedeemed-title{color:var(--loyalty-text-color-default);font-weight:700;font-size:20px;line-height:normal;letter-spacing:0}.club-card-vouchersRedeemed .vouchersRedeemed-subtitle{color:var(--loyalty-text-color-neutral);font-size:20px;line-height:normal;font-weight:400}.club-card-vouchersRedeemed .adaptiveCarousel-container{justify-content:flex-start;gap:8px}.club-card-vouchersRedeemed #carousel .carousel-container{gap:8px}.club-card-vouchersRedeemed #carousel .carousel-container .container-item:last-child{margin-right:8px!important}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .bullets-container{margin-top:16px;height:10px;align-items:center}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev{margin-right:8px}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .carousel-arrow-button-next{margin-left:8px}@media (min-width: 768px){.club-card-vouchersRedeemed{gap:8px}.club-card-vouchersRedeemed .vouchersRedeemed-title{font-size:24px}.club-card-vouchersRedeemed .adaptiveCarousel-container{margin-top:8px;gap:16px}.club-card-vouchersRedeemed #carousel .carousel-container{gap:16px}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .bullets-container{margin-top:24px}}.points-redeemed-voucherCard{width:160px;height:208px;display:flex;flex-direction:column;border-radius:8px 8px 0 0}.points-redeemed-voucherCard .voucherCard-top{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px;height:100%;border:1px solid var(--color-grayScale-lightest);border-radius:8px 8px 0 0;border-bottom:0}.points-redeemed-voucherCard .voucherCard-top-image{width:100%;display:flex;justify-content:center}.points-redeemed-voucherCard .voucherCard-top-title,.points-redeemed-voucherCard .voucherCard-top-description{color:var(--loyalty-text-color-neutral);font-weight:600;font-size:12px;line-height:normal;letter-spacing:0;height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-top-description{font-weight:400;height:16px;-webkit-line-clamp:1;margin-top:4px}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed{display:flex}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed p{font-weight:400;font-size:14px;line-height:normal;color:var(--loyalty-text-color-neutral);letter-spacing:0;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-bottom{display:flex;justify-content:center;align-items:center}.points-redeemed-voucherCard .voucherCard-bottom button{width:100%;height:50px;background-color:var(--loyalty-color-surface-strong);border-radius:0 0 8px 8px;color:var(--loyalty-text-color-on-dark);font-weight:700;font-size:14px;line-height:normal;letter-spacing:0;cursor:pointer;outline:none;border:none;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-bottom button.clicked{background-color:var(--color-positiveFeedback-dark)}.points-redeemed-voucherCard .voucherCard-bottom button.loading{cursor:wait}.vouchersRedeemed-empty{width:100%;justify-content:center;display:flex}.vouchersRedeemed-empty p{max-width:265px;font-size:20px;font-weight:500;font-family:DM Sans,sans-serif;line-height:normal;letter-spacing:0;text-align:center;color:var(--loyalty-text-color-neutral)}@media (min-width: 768px){.points-redeemed-voucherCard{width:193px;height:220px}.points-redeemed-voucherCard .voucherCard-top-title,.points-redeemed-voucherCard .voucherCard-top-description{height:36px;font-size:14px}.points-redeemed-voucherCard .voucherCard-top-description{height:18px}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed p,.points-redeemed-voucherCard .voucherCard-bottom button{font-size:16px}}.points-redeemed-statusMessageTryApply{display:flex;gap:8px;background-color:var(--color-positiveFeedback-faded);border-radius:8px;padding:4px 8px;align-items:center}.points-redeemed-statusMessageTryApply.warning{background-color:var(--color-warning-faded)}.points-redeemed-statusMessageTryApply.error{background-color:var(--color-negativeFeedback-faded)}.points-redeemed-statusMessageTryApply svg{width:24px}.points-redeemed-statusMessageTryApply p{font-family:DM Sans,sans-serif;color:var(--loyalty-text-color-neutral);font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;flex:1}.points-redeemed-statusMessageTryApply p strong{font-weight:600}@media (min-width: 768px){.points-redeemed-statusMessageTryApply{margin-top:12px}.points-redeemed-statusMessageTryApply svg{width:32px}.points-redeemed-statusMessageTryApply p{font-size:20px}}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const carouselProps: (width: number, layout?: 'vertical' | 'horizontal', customQtyItems?: number, bulletExtraStyle?: Record<string, unknown>, arrowExtraStyle?: Record<string, unknown>) => {
|
|
2
|
+
qtyItems: number;
|
|
3
|
+
bullet: {
|
|
4
|
+
isVisible: boolean;
|
|
5
|
+
bulletEnableColor: string;
|
|
6
|
+
bulletDisableColor: string;
|
|
7
|
+
style: {
|
|
8
|
+
width: number;
|
|
9
|
+
height: number;
|
|
10
|
+
margin: string;
|
|
11
|
+
borderRadius: string;
|
|
12
|
+
padding: number;
|
|
13
|
+
} | {
|
|
14
|
+
width: number;
|
|
15
|
+
height: number;
|
|
16
|
+
margin: string;
|
|
17
|
+
borderStyle: string;
|
|
18
|
+
borderColor: string;
|
|
19
|
+
borderWidth: number;
|
|
20
|
+
borderRadius: string;
|
|
21
|
+
padding: number;
|
|
22
|
+
cursor: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
arrow: {
|
|
26
|
+
isVisible: boolean;
|
|
27
|
+
iconColor: string;
|
|
28
|
+
style: {
|
|
29
|
+
backgroundColor: string;
|
|
30
|
+
cursor: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var b = Object.defineProperty;
|
|
2
|
+
var a = Object.getOwnPropertySymbols;
|
|
3
|
+
var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var s = (r, o, e) => o in r ? b(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, l = (r, o) => {
|
|
5
|
+
for (var e in o || (o = {}))
|
|
6
|
+
d.call(o, e) && s(r, e, o[e]);
|
|
7
|
+
if (a)
|
|
8
|
+
for (var e of a(o))
|
|
9
|
+
c.call(o, e) && s(r, e, o[e]);
|
|
10
|
+
return r;
|
|
11
|
+
};
|
|
12
|
+
const p = (r, o, e, n, t) => {
|
|
13
|
+
const u = () => e || (o === "horizontal" ? r <= 374 ? 1.2 : r <= 425 ? 1.4 : r <= 540 ? 1.8 : r <= 900 ? 2.8 : r <= 1100 ? 3.2 : 4 : r <= 374 ? 2.1 : r <= 425 ? 2.5 : r <= 540 ? 3.3 : r <= 900 ? 4.3 : r <= 1100 ? 4.6 : 5.2), i = {
|
|
14
|
+
mobile: {
|
|
15
|
+
disableColor: "var(--color-grayScale-dark)",
|
|
16
|
+
style: {
|
|
17
|
+
width: 8,
|
|
18
|
+
height: 8,
|
|
19
|
+
margin: "0px 2px",
|
|
20
|
+
borderRadius: "50%",
|
|
21
|
+
padding: 0
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
desk: {
|
|
25
|
+
disableColor: "transparent",
|
|
26
|
+
style: {
|
|
27
|
+
width: 8,
|
|
28
|
+
height: 8,
|
|
29
|
+
margin: "0px 4px",
|
|
30
|
+
borderStyle: "solid",
|
|
31
|
+
borderColor: "var(--color-main-dark)",
|
|
32
|
+
borderWidth: 0.5,
|
|
33
|
+
borderRadius: "50%",
|
|
34
|
+
padding: 0,
|
|
35
|
+
cursor: "pointer"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
return {
|
|
40
|
+
qtyItems: u(),
|
|
41
|
+
bullet: {
|
|
42
|
+
isVisible: !0,
|
|
43
|
+
bulletEnableColor: "var(--color-main)",
|
|
44
|
+
bulletDisableColor: r < 768 ? i.mobile.disableColor : i.desk.disableColor,
|
|
45
|
+
style: r < 768 ? l(l({}, i.mobile.style), n) : l(l({}, i.desk.style), n)
|
|
46
|
+
},
|
|
47
|
+
arrow: {
|
|
48
|
+
isVisible: !(r < 1280),
|
|
49
|
+
iconColor: "var(--color-main)",
|
|
50
|
+
style: l({
|
|
51
|
+
backgroundColor: "var(--color-main-faded)",
|
|
52
|
+
cursor: "pointer"
|
|
53
|
+
}, t)
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
p as carouselProps
|
|
59
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isScrollToEnd: (element: Element | null) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const setBoldTextParts: (text: string, highlightChar?: string) => string;
|
package/package.json
CHANGED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { ArrowIcon as a } from "../../../assets/svgs/ArrowIcon.js";
|
|
3
|
-
const s = ({ title: c, cancelButtonAction: o }) => /* @__PURE__ */ t("div", { className: "breadcrumb-container", children: [
|
|
4
|
-
/* @__PURE__ */ t("div", { className: "breadcrumb-content-container", children: [
|
|
5
|
-
/* @__PURE__ */ r(
|
|
6
|
-
"button",
|
|
7
|
-
{
|
|
8
|
-
onClick: o,
|
|
9
|
-
"data-testid": "back-to-coupons-button",
|
|
10
|
-
children: "Meus Cupons"
|
|
11
|
-
}
|
|
12
|
-
),
|
|
13
|
-
" ",
|
|
14
|
-
/* @__PURE__ */ r(a, {}),
|
|
15
|
-
" ",
|
|
16
|
-
/* @__PURE__ */ r("span", { children: c })
|
|
17
|
-
] }),
|
|
18
|
-
/* @__PURE__ */ t(
|
|
19
|
-
"button",
|
|
20
|
-
{
|
|
21
|
-
className: "breadcrumb-back-button",
|
|
22
|
-
onClick: o,
|
|
23
|
-
"data-testid": "back-button",
|
|
24
|
-
children: [
|
|
25
|
-
/* @__PURE__ */ r(a, { color: "var(--color-support-links)", rotate: "Left" }),
|
|
26
|
-
" Voltar"
|
|
27
|
-
]
|
|
28
|
-
}
|
|
29
|
-
)
|
|
30
|
-
] });
|
|
31
|
-
export {
|
|
32
|
-
s as Breadcrumb
|
|
33
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ModalHeaderProps } from './ModalHeader';
|
|
2
|
-
import { ModalFooterProps } from './ModalFooter';
|
|
3
|
-
|
|
4
|
-
interface ModalProps extends ModalHeaderProps, ModalFooterProps {
|
|
5
|
-
isIO?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const Modal: ({ children, isIO, closeModal, title, genericTaggingEvent, cancelButtonAction, ...modalFooterProps }: React.PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var x = Object.defineProperty;
|
|
2
|
-
var m = Object.getOwnPropertySymbols;
|
|
3
|
-
var c = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
|
|
4
|
-
var i = (r, e, o) => e in r ? x(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, p = (r, e) => {
|
|
5
|
-
for (var o in e || (e = {}))
|
|
6
|
-
c.call(e, o) && i(r, o, e[o]);
|
|
7
|
-
if (m)
|
|
8
|
-
for (var o of m(e))
|
|
9
|
-
n.call(e, o) && i(r, o, e[o]);
|
|
10
|
-
return r;
|
|
11
|
-
};
|
|
12
|
-
var u = (r, e) => {
|
|
13
|
-
var o = {};
|
|
14
|
-
for (var a in r)
|
|
15
|
-
c.call(r, a) && e.indexOf(a) < 0 && (o[a] = r[a]);
|
|
16
|
-
if (r != null && m)
|
|
17
|
-
for (var a of m(r))
|
|
18
|
-
e.indexOf(a) < 0 && n.call(r, a) && (o[a] = r[a]);
|
|
19
|
-
return o;
|
|
20
|
-
};
|
|
21
|
-
import { jsx as l, jsxs as h } from "react/jsx-runtime";
|
|
22
|
-
import { ModalHeader as v } from "./ModalHeader.js";
|
|
23
|
-
import { Breadcrumb as M } from "./Breadcrumb.js";
|
|
24
|
-
import { ModalFooter as N } from "./ModalFooter.js";
|
|
25
|
-
const q = (j) => {
|
|
26
|
-
var s = j, {
|
|
27
|
-
children: r,
|
|
28
|
-
isIO: e = !1,
|
|
29
|
-
closeModal: o,
|
|
30
|
-
title: a,
|
|
31
|
-
genericTaggingEvent: f,
|
|
32
|
-
cancelButtonAction: d
|
|
33
|
-
} = s, t = u(s, [
|
|
34
|
-
"children",
|
|
35
|
-
"isIO",
|
|
36
|
-
"closeModal",
|
|
37
|
-
"title",
|
|
38
|
-
"genericTaggingEvent",
|
|
39
|
-
"cancelButtonAction"
|
|
40
|
-
]);
|
|
41
|
-
return /* @__PURE__ */ l("div", { className: "modal-rule-coupon-external", children: /* @__PURE__ */ h("div", { className: "modal-rule-coupon-internal", children: [
|
|
42
|
-
/* @__PURE__ */ l(
|
|
43
|
-
v,
|
|
44
|
-
{
|
|
45
|
-
closeModal: o,
|
|
46
|
-
title: a,
|
|
47
|
-
genericTaggingEvent: f
|
|
48
|
-
}
|
|
49
|
-
),
|
|
50
|
-
e && /* @__PURE__ */ l(M, { title: a, cancelButtonAction: d }),
|
|
51
|
-
/* @__PURE__ */ l("div", { className: "modal-rule-coupon-children", children: r }),
|
|
52
|
-
/* @__PURE__ */ l(
|
|
53
|
-
N,
|
|
54
|
-
p({
|
|
55
|
-
cancelButtonAction: d
|
|
56
|
-
}, t)
|
|
57
|
-
)
|
|
58
|
-
] }) });
|
|
59
|
-
};
|
|
60
|
-
export {
|
|
61
|
-
q as Modal
|
|
62
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface ModalFooterProps {
|
|
2
|
-
cancelButtonAction: () => void;
|
|
3
|
-
cancelButtonText: string;
|
|
4
|
-
confirmButtonAction?: () => void;
|
|
5
|
-
confirmButtonText?: string;
|
|
6
|
-
isFloating?: boolean;
|
|
7
|
-
redirectionClubText?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const ModalFooter: ({ cancelButtonAction, cancelButtonText, confirmButtonAction, confirmButtonText, isFloating, redirectionClubText }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
const d = ({
|
|
3
|
-
cancelButtonAction: t,
|
|
4
|
-
cancelButtonText: r,
|
|
5
|
-
confirmButtonAction: c,
|
|
6
|
-
confirmButtonText: l,
|
|
7
|
-
isFloating: a,
|
|
8
|
-
redirectionClubText: n
|
|
9
|
-
}) => /* @__PURE__ */ e("div", { className: `modal-footer-container ${a ? "floating" : ""}`, children: [
|
|
10
|
-
c && l && /* @__PURE__ */ o("button", { onClick: c, className: "modal-confirm-button", children: l }),
|
|
11
|
-
/* @__PURE__ */ o("button", { onClick: t, className: "modal-cancel-button", children: r }),
|
|
12
|
-
n && /* @__PURE__ */ o(
|
|
13
|
-
"button",
|
|
14
|
-
{
|
|
15
|
-
onClick: () => {
|
|
16
|
-
window.location.href = "/s/?clubProducts";
|
|
17
|
-
},
|
|
18
|
-
className: "modal-confirm-button redirection-club-button",
|
|
19
|
-
children: n
|
|
20
|
-
}
|
|
21
|
-
)
|
|
22
|
-
] });
|
|
23
|
-
export {
|
|
24
|
-
d as ModalFooter
|
|
25
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export interface ModalHeaderProps {
|
|
2
|
-
closeModal: () => void;
|
|
3
|
-
title: string;
|
|
4
|
-
genericTaggingEvent?: (name: string, params: object) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const ModalHeader: ({ closeModal, title, genericTaggingEvent }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsxs as a, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { CloseIcon as t } from "../../../assets/svgs/CloseIcon.js";
|
|
3
|
-
const r = ({
|
|
4
|
-
closeModal: d,
|
|
5
|
-
title: s,
|
|
6
|
-
genericTaggingEvent: o
|
|
7
|
-
}) => /* @__PURE__ */ a("div", { className: "modal-title-container", children: [
|
|
8
|
-
/* @__PURE__ */ l("h1", { className: "modal-title", children: s }),
|
|
9
|
-
/* @__PURE__ */ l(
|
|
10
|
-
"button",
|
|
11
|
-
{
|
|
12
|
-
onClick: () => {
|
|
13
|
-
o == null || o("discount_coupon", {
|
|
14
|
-
name: "Modal fechado no X"
|
|
15
|
-
}), d();
|
|
16
|
-
},
|
|
17
|
-
className: "modal-close-icon",
|
|
18
|
-
"data-testid": "close-button",
|
|
19
|
-
children: /* @__PURE__ */ l(t, {})
|
|
20
|
-
}
|
|
21
|
-
)
|
|
22
|
-
] });
|
|
23
|
-
export {
|
|
24
|
-
r as ModalHeader
|
|
25
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type View = 'coupons-view' | 'rules-view' | 'overwrite-view';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { CouponCardProps } from '../components/CouponCard';
|
|
2
|
-
import { CouponType } from '../types/CouponType';
|
|
3
|
-
|
|
4
|
-
type OmittedProps = 'item' | 'setType' | 'setAlert';
|
|
5
|
-
interface CouponsViewProps extends Omit<CouponCardProps, OmittedProps> {
|
|
6
|
-
account: string;
|
|
7
|
-
orderFormId: string;
|
|
8
|
-
hasItemsInCart: boolean;
|
|
9
|
-
closeIOModal?: () => void;
|
|
10
|
-
coupons: CouponType[];
|
|
11
|
-
addCouponMutation?: any;
|
|
12
|
-
removeCouponMutation?: any;
|
|
13
|
-
}
|
|
14
|
-
export declare const CouponsView: ({ addCouponMutation, removeCouponMutation, account, orderFormId, hasItemsInCart, isIO, closeIOModal, coupons, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setIsCloseModalEmpty, genericTaggingEvent }: CouponsViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { jsxs as c, Fragment as S, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { useState as l, useEffect as Q } from "react";
|
|
3
|
-
import { ModalHeader as R } from "../components/ModalHeader.js";
|
|
4
|
-
import { ModalFooter as U } from "../components/ModalFooter.js";
|
|
5
|
-
import { CouponCard as V } from "../components/CouponCard.js";
|
|
6
|
-
import { NoCoupons as W } from "../components/NoCoupons.js";
|
|
7
|
-
import { Alert as X } from "../components/Alert.js";
|
|
8
|
-
import { InfoIcon as Y } from "../../../assets/svgs/InfoIcon.js";
|
|
9
|
-
import { addCoupon as Z } from "../api/addCoupon.js";
|
|
10
|
-
const to = ({
|
|
11
|
-
addCouponMutation: w,
|
|
12
|
-
removeCouponMutation: _,
|
|
13
|
-
account: D,
|
|
14
|
-
orderFormId: d,
|
|
15
|
-
hasItemsInCart: x,
|
|
16
|
-
isIO: p,
|
|
17
|
-
closeIOModal: s,
|
|
18
|
-
coupons: n,
|
|
19
|
-
firstCouponName: i,
|
|
20
|
-
secondCouponName: L,
|
|
21
|
-
replaceCoupon: C,
|
|
22
|
-
setView: A,
|
|
23
|
-
setActiveRule: q,
|
|
24
|
-
setDataItem: H,
|
|
25
|
-
setFirstCouponName: m,
|
|
26
|
-
setSecondCouponName: f,
|
|
27
|
-
setReplaceCoupon: B,
|
|
28
|
-
setIsCloseModalEmpty: J,
|
|
29
|
-
genericTaggingEvent: t
|
|
30
|
-
}) => {
|
|
31
|
-
const [r, P] = l(""), [k, N] = l(!1), [z, u] = l(""), [h, e] = l(!1), [G, y] = l(!1), K = (a) => {
|
|
32
|
-
a.preventDefault(), P(a.target.value);
|
|
33
|
-
}, M = async (a) => {
|
|
34
|
-
a.preventDefault();
|
|
35
|
-
try {
|
|
36
|
-
if (!i || i && C) {
|
|
37
|
-
N(!0);
|
|
38
|
-
const b = p ? await Z(d, r) : await w({
|
|
39
|
-
input: {
|
|
40
|
-
orderFormId: d,
|
|
41
|
-
couponId: r
|
|
42
|
-
}
|
|
43
|
-
}), j = p ? b : JSON.parse(b.addCoupon.data);
|
|
44
|
-
B(!1), f(""), j.error.length <= 0 ? (t == null || t("discount_coupon", {
|
|
45
|
-
name: "Cupom aplicado do input",
|
|
46
|
-
couponName: r
|
|
47
|
-
}), u("success"), y(!0), m(r), p && window.location.reload()) : (t == null || t("discount_coupon", {
|
|
48
|
-
name: "Cupom do input expirado ou invalido",
|
|
49
|
-
couponName: r,
|
|
50
|
-
objectError: j.error
|
|
51
|
-
}), u("error"), y(!1), m("")), e(!0);
|
|
52
|
-
} else
|
|
53
|
-
f(r), A("overwrite-view");
|
|
54
|
-
} catch (b) {
|
|
55
|
-
t == null || t("discount_coupon", {
|
|
56
|
-
name: "Cupom do input - error na api",
|
|
57
|
-
couponName: r
|
|
58
|
-
}), u("error"), y(!1), e(!0);
|
|
59
|
-
} finally {
|
|
60
|
-
N(!1);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
return Q(() => {
|
|
64
|
-
h && setTimeout(() => e(!1), 5e3);
|
|
65
|
-
}, [G, h]), /* @__PURE__ */ c(S, { children: [
|
|
66
|
-
p && s && /* @__PURE__ */ o(
|
|
67
|
-
R,
|
|
68
|
-
{
|
|
69
|
-
closeModal: s,
|
|
70
|
-
title: "Meus Cupons",
|
|
71
|
-
genericTaggingEvent: t
|
|
72
|
-
}
|
|
73
|
-
),
|
|
74
|
-
x ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ c("form", { onSubmit: M, children: [
|
|
75
|
-
/* @__PURE__ */ o(
|
|
76
|
-
"input",
|
|
77
|
-
{
|
|
78
|
-
type: "text",
|
|
79
|
-
placeholder: "Insira o cupom",
|
|
80
|
-
value: r,
|
|
81
|
-
onChange: K
|
|
82
|
-
}
|
|
83
|
-
),
|
|
84
|
-
/* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: k, children: "Adicionar" })
|
|
85
|
-
] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ c("p", { children: [
|
|
86
|
-
/* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Y, {}) }),
|
|
87
|
-
"Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
|
|
88
|
-
] }) }),
|
|
89
|
-
/* @__PURE__ */ o("div", { className: "container-title-coupons", children: n.length > 0 ? /* @__PURE__ */ c(S, { children: [
|
|
90
|
-
/* @__PURE__ */ o("h2", { children: "Cupons disponíveis" }),
|
|
91
|
-
/* @__PURE__ */ o("div", { className: "container-coupons", children: n.map((a) => /* @__PURE__ */ o(
|
|
92
|
-
V,
|
|
93
|
-
{
|
|
94
|
-
removeCouponMutation: _,
|
|
95
|
-
addCouponMutation: w,
|
|
96
|
-
account: D,
|
|
97
|
-
orderFormId: d,
|
|
98
|
-
hasItemsInCart: x,
|
|
99
|
-
isIO: p,
|
|
100
|
-
item: a,
|
|
101
|
-
firstCouponName: i,
|
|
102
|
-
secondCouponName: L,
|
|
103
|
-
replaceCoupon: C,
|
|
104
|
-
setView: A,
|
|
105
|
-
setFirstCouponName: m,
|
|
106
|
-
setSecondCouponName: f,
|
|
107
|
-
setActiveRule: q,
|
|
108
|
-
setDataItem: H,
|
|
109
|
-
setReplaceCoupon: B,
|
|
110
|
-
setAlert: e,
|
|
111
|
-
setType: u,
|
|
112
|
-
setIsCloseModalEmpty: J,
|
|
113
|
-
genericTaggingEvent: t
|
|
114
|
-
},
|
|
115
|
-
a.couponName
|
|
116
|
-
)) })
|
|
117
|
-
] }) : /* @__PURE__ */ o(W, {}) }),
|
|
118
|
-
h && /* @__PURE__ */ o(X, { type: z }),
|
|
119
|
-
p && s && /* @__PURE__ */ o(
|
|
120
|
-
U,
|
|
121
|
-
{
|
|
122
|
-
isFloating: n.length > 0,
|
|
123
|
-
cancelButtonAction: s,
|
|
124
|
-
cancelButtonText: "Sair"
|
|
125
|
-
}
|
|
126
|
-
)
|
|
127
|
-
] });
|
|
128
|
-
};
|
|
129
|
-
export {
|
|
130
|
-
to as CouponsView
|
|
131
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
interface EmptyCartViewProps {
|
|
2
|
-
setIsCloseModalEmpty: (isCloseModalEmpty: boolean) => void;
|
|
3
|
-
genericTaggingEvent?: (name: string, params: object) => void;
|
|
4
|
-
}
|
|
5
|
-
export declare const EmptyCartView: ({ setIsCloseModalEmpty, genericTaggingEvent }: EmptyCartViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsxs as c, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { Modal as e } from "../components/Modal.js";
|
|
3
|
-
import { InfoIcon as s } from "../../../assets/svgs/InfoIcon.js";
|
|
4
|
-
const u = ({
|
|
5
|
-
setIsCloseModalEmpty: t,
|
|
6
|
-
genericTaggingEvent: o
|
|
7
|
-
}) => {
|
|
8
|
-
const r = () => {
|
|
9
|
-
t(!1);
|
|
10
|
-
};
|
|
11
|
-
return /* @__PURE__ */ c(
|
|
12
|
-
e,
|
|
13
|
-
{
|
|
14
|
-
closeModal: r,
|
|
15
|
-
title: "Cupons de desconto",
|
|
16
|
-
genericTaggingEvent: o,
|
|
17
|
-
cancelButtonText: "Voltar para Meus Cupons",
|
|
18
|
-
cancelButtonAction: () => {
|
|
19
|
-
o == null || o("discount_coupon", {
|
|
20
|
-
name: "Modal do cart vazio - botão de sair"
|
|
21
|
-
}), r();
|
|
22
|
-
},
|
|
23
|
-
redirectionClubText: "Ver Minhas Ofertas",
|
|
24
|
-
children: [
|
|
25
|
-
/* @__PURE__ */ a("h3", { className: "cartEmptyCoupon-h3", children: "Ops...Parece que seu carrinho está vazio..." }),
|
|
26
|
-
/* @__PURE__ */ c("p", { id: "cartEmptyCoupon-p", children: [
|
|
27
|
-
/* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(s, {}) }),
|
|
28
|
-
"Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
|
|
29
|
-
] })
|
|
30
|
-
]
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
};
|
|
34
|
-
export {
|
|
35
|
-
u as EmptyCartView
|
|
36
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
interface LoadingViewProps {
|
|
2
|
-
isIO?: boolean;
|
|
3
|
-
closeIOModal?: () => void;
|
|
4
|
-
genericTaggingEvent?: (name: string, params: object) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const LoadingView: ({ isIO, closeIOModal, genericTaggingEvent }: LoadingViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsxs as a, Fragment as n, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { ModalHeader as i } from "../components/ModalHeader.js";
|
|
3
|
-
import { ModalFooter as m } from "../components/ModalFooter.js";
|
|
4
|
-
import { Skeleton as u } from "../../Skeleton/index.js";
|
|
5
|
-
const f = ({
|
|
6
|
-
isIO: t = !1,
|
|
7
|
-
closeIOModal: o,
|
|
8
|
-
genericTaggingEvent: e
|
|
9
|
-
}) => /* @__PURE__ */ a(n, { children: [
|
|
10
|
-
t && o && /* @__PURE__ */ r(
|
|
11
|
-
i,
|
|
12
|
-
{
|
|
13
|
-
closeModal: o,
|
|
14
|
-
title: "Meus Cupons",
|
|
15
|
-
genericTaggingEvent: e
|
|
16
|
-
}
|
|
17
|
-
),
|
|
18
|
-
/* @__PURE__ */ r(
|
|
19
|
-
u,
|
|
20
|
-
{
|
|
21
|
-
width: t ? "100%" : "90%",
|
|
22
|
-
height: t ? 600 : 425,
|
|
23
|
-
backgroundColor: "var(--color-grayScale-faded)",
|
|
24
|
-
margin: "auto",
|
|
25
|
-
animation: !0
|
|
26
|
-
}
|
|
27
|
-
),
|
|
28
|
-
t && o && /* @__PURE__ */ r(
|
|
29
|
-
m,
|
|
30
|
-
{
|
|
31
|
-
isFloating: !0,
|
|
32
|
-
cancelButtonAction: o,
|
|
33
|
-
cancelButtonText: "Sair"
|
|
34
|
-
}
|
|
35
|
-
)
|
|
36
|
-
] });
|
|
37
|
-
export {
|
|
38
|
-
f as LoadingView
|
|
39
|
-
};
|