yt-uikit 0.8.17-drawer-layout.0 → 0.8.18-offerTierText.0
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/README.md +94 -94
- package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
- package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
- package/dist/esm/atoms/cartLoadingAtom.d.ts +22 -22
- package/dist/esm/atoms/cartTimer.d.ts +2 -2
- package/dist/esm/atoms/couponSelectionOpenAtom.d.ts +3 -3
- package/dist/esm/atoms/dateAtom.d.ts +1 -1
- package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
- package/dist/esm/atoms/giftWrap.d.ts +2 -2
- package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
- package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
- package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
- package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +19 -19
- package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
- package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
- package/dist/esm/atoms/shippingAtom.d.ts +8 -8
- package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
- package/dist/esm/atoms/variantSelectionModalAtom.d.ts +23 -23
- package/dist/esm/components/BundleBlock/Bundle.d.ts +396 -395
- package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +40 -40
- package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
- package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +15 -15
- package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -35
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +52 -51
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -75
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +36 -26
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +116 -116
- package/dist/esm/components/BundleBlock/CollectionBundle/FileUpload.d.ts +15 -15
- package/dist/esm/components/BundleBlock/CollectionBundle/LoadingSpinner.d.ts +2 -2
- package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +15 -15
- package/dist/esm/components/BundleBlock/ComboBundle.d.ts +16 -16
- package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
- package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +39 -39
- package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
- package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +90 -84
- package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +8 -8
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
- package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +3 -3
- package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -78
- package/dist/esm/components/BundleBlock/index.d.ts +1 -1
- package/dist/esm/components/Cart/ApplyCoupon.d.ts +12 -12
- package/dist/esm/components/Cart/Bundle.d.ts +6 -6
- package/dist/esm/components/Cart/Cart.d.ts +218 -220
- package/dist/esm/components/Cart/CartDrawer.d.ts +21 -30
- package/dist/esm/components/Cart/CartOffersCarousel.d.ts +45 -45
- package/dist/esm/components/Cart/CartProductsList.d.ts +44 -44
- package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
- package/dist/esm/components/Cart/CheckoutSection.d.ts +38 -38
- package/dist/esm/components/Cart/CouponSelection.d.ts +25 -25
- package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
- package/dist/esm/components/Cart/EmptyCart.d.ts +33 -33
- package/dist/esm/components/Cart/FloatingCart.d.ts +23 -23
- package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
- package/dist/esm/components/Cart/FreebieClaimManager.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +9 -9
- package/dist/esm/components/Cart/FreebieClaimSection.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +16 -16
- package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
- package/dist/esm/components/Cart/GiftWrap.d.ts +14 -14
- package/dist/esm/components/Cart/GuestDiscountCoupon.d.ts +9 -9
- package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
- package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
- package/dist/esm/components/Cart/LoyaltyBadge.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
- package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
- package/dist/esm/components/Cart/NextFreebieRow.d.ts +19 -19
- package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
- package/dist/esm/components/Cart/ProductCard.d.ts +29 -29
- package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
- package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
- package/dist/esm/components/Cart/ProgressBar.d.ts +13 -13
- package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
- package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
- package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
- package/dist/esm/components/Cart/RewardPointsPreview.d.ts +10 -10
- package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
- package/dist/esm/components/Cart/StickyCart.d.ts +52 -52
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +18 -18
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +18 -18
- package/dist/esm/components/Cart/index.d.ts +1 -1
- package/dist/esm/components/CouponFrame/CouponFrame.d.ts +15 -15
- package/dist/esm/components/CouponFrame/index.d.ts +1 -1
- package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
- package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
- package/dist/esm/components/Nudge/index.d.ts +1 -1
- package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductsOffers.d.ts +32 -32
- package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
- package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
- package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
- package/dist/esm/components/index.d.ts +6 -6
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +391 -391
- package/dist/esm/types/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
- package/dist/esm/types/atoms/cartDataAtom.d.ts +3 -3
- package/dist/esm/types/atoms/cartLoadingAtom.d.ts +22 -22
- package/dist/esm/types/atoms/cartTimer.d.ts +2 -2
- package/dist/esm/types/atoms/couponSelectionOpenAtom.d.ts +3 -3
- package/dist/esm/types/atoms/dateAtom.d.ts +1 -1
- package/dist/esm/types/atoms/freebieClaimModalAtom.d.ts +7 -7
- package/dist/esm/types/atoms/giftWrap.d.ts +2 -2
- package/dist/esm/types/atoms/gstCompanyNameAtom.d.ts +1 -1
- package/dist/esm/types/atoms/gstInputAtom.d.ts +1 -1
- package/dist/esm/types/atoms/maxQtyErrorAtom.d.ts +3 -3
- package/dist/esm/types/atoms/multiClaimSelectionAtom.d.ts +19 -19
- package/dist/esm/types/atoms/noteInputAtom.d.ts +3 -3
- package/dist/esm/types/atoms/postalCodeAtom.d.ts +1 -1
- package/dist/esm/types/atoms/shippingAtom.d.ts +8 -8
- package/dist/esm/types/atoms/showGSTInputAtom.d.ts +1 -1
- package/dist/esm/types/atoms/variantSelectionModalAtom.d.ts +23 -23
- package/dist/esm/types/components/BundleBlock/Bundle.d.ts +396 -395
- package/dist/esm/types/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +40 -40
- package/dist/esm/types/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
- package/dist/esm/types/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +15 -15
- package/dist/esm/types/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -35
- package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +52 -51
- package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -75
- package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +36 -26
- package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
- package/dist/esm/types/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +116 -116
- package/dist/esm/types/components/BundleBlock/CollectionBundle/FileUpload.d.ts +15 -15
- package/dist/esm/types/components/BundleBlock/CollectionBundle/LoadingSpinner.d.ts +2 -2
- package/dist/esm/types/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +15 -15
- package/dist/esm/types/components/BundleBlock/ComboBundle.d.ts +16 -16
- package/dist/esm/types/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
- package/dist/esm/types/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +39 -39
- package/dist/esm/types/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
- package/dist/esm/types/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +90 -84
- package/dist/esm/types/components/BundleBlock/Loader.d.ts +5 -5
- package/dist/esm/types/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +8 -8
- package/dist/esm/types/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
- package/dist/esm/types/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +3 -3
- package/dist/esm/types/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -78
- package/dist/esm/types/components/BundleBlock/index.d.ts +1 -1
- package/dist/esm/types/components/Cart/ApplyCoupon.d.ts +12 -12
- package/dist/esm/types/components/Cart/Bundle.d.ts +6 -6
- package/dist/esm/types/components/Cart/Cart.d.ts +218 -220
- package/dist/esm/types/components/Cart/CartDrawer.d.ts +21 -30
- package/dist/esm/types/components/Cart/CartOffersCarousel.d.ts +45 -45
- package/dist/esm/types/components/Cart/CartProductsList.d.ts +44 -44
- package/dist/esm/types/components/Cart/CartTimer.d.ts +8 -8
- package/dist/esm/types/components/Cart/CheckoutSection.d.ts +38 -38
- package/dist/esm/types/components/Cart/CouponSelection.d.ts +25 -25
- package/dist/esm/types/components/Cart/DatePicker.d.ts +10 -10
- package/dist/esm/types/components/Cart/EmptyCart.d.ts +33 -33
- package/dist/esm/types/components/Cart/FloatingCart.d.ts +23 -23
- package/dist/esm/types/components/Cart/FooterSections.d.ts +6 -6
- package/dist/esm/types/components/Cart/FreebieClaimManager.d.ts +17 -17
- package/dist/esm/types/components/Cart/FreebieClaimOverlay.d.ts +17 -17
- package/dist/esm/types/components/Cart/FreebieClaimOverlayCard.d.ts +9 -9
- package/dist/esm/types/components/Cart/FreebieClaimSection.d.ts +17 -17
- package/dist/esm/types/components/Cart/FreebieClaimSectionCard.d.ts +16 -16
- package/dist/esm/types/components/Cart/GSTSection.d.ts +15 -15
- package/dist/esm/types/components/Cart/GiftWrap.d.ts +14 -14
- package/dist/esm/types/components/Cart/GuestDiscountCoupon.d.ts +9 -9
- package/dist/esm/types/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
- package/dist/esm/types/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
- package/dist/esm/types/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
- package/dist/esm/types/components/Cart/LoyaltyBadge.d.ts +10 -10
- package/dist/esm/types/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
- package/dist/esm/types/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
- package/dist/esm/types/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
- package/dist/esm/types/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/types/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
- package/dist/esm/types/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
- package/dist/esm/types/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
- package/dist/esm/types/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/types/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
- package/dist/esm/types/components/Cart/NextFreebieRow.d.ts +19 -19
- package/dist/esm/types/components/Cart/NoteSection.d.ts +8 -8
- package/dist/esm/types/components/Cart/ProductCard.d.ts +29 -29
- package/dist/esm/types/components/Cart/ProductRecCard.d.ts +20 -20
- package/dist/esm/types/components/Cart/ProductRecList.d.ts +23 -23
- package/dist/esm/types/components/Cart/ProgressBar.d.ts +13 -13
- package/dist/esm/types/components/Cart/ProgressBarCartLoader.d.ts +7 -7
- package/dist/esm/types/components/Cart/QuantitySelector.d.ts +12 -12
- package/dist/esm/types/components/Cart/RegionSpecificDelivery.d.ts +17 -17
- package/dist/esm/types/components/Cart/RewardPointsPreview.d.ts +10 -10
- package/dist/esm/types/components/Cart/StandardDelivery.d.ts +11 -11
- package/dist/esm/types/components/Cart/StickyCart.d.ts +52 -52
- package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +18 -18
- package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
- package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +18 -18
- package/dist/esm/types/components/Cart/index.d.ts +1 -1
- package/dist/esm/types/components/CouponFrame/CouponFrame.d.ts +15 -15
- package/dist/esm/types/components/CouponFrame/index.d.ts +1 -1
- package/dist/esm/types/components/Nudge/LeadGenerationNudge.d.ts +15 -15
- package/dist/esm/types/components/Nudge/Nudge.d.ts +40 -40
- package/dist/esm/types/components/Nudge/index.d.ts +1 -1
- package/dist/esm/types/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
- package/dist/esm/types/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
- package/dist/esm/types/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
- package/dist/esm/types/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
- package/dist/esm/types/components/ProductOffersBlock/ProductsOffers.d.ts +32 -32
- package/dist/esm/types/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
- package/dist/esm/types/components/SpinnerWheel/WheelSection.d.ts +9 -9
- package/dist/esm/types/components/SpinnerWheel/index.d.ts +1 -1
- package/dist/esm/types/components/index.d.ts +6 -6
- package/dist/esm/types/index.d.ts +1 -1
- package/dist/esm/types/utils/converter.d.ts +2 -2
- package/dist/esm/types/utils/customVariantOptions.d.ts +20 -20
- package/dist/esm/types/utils/freebieProductUtils.d.ts +23 -23
- package/dist/esm/types/utils/freebieUtils.d.ts +5 -5
- package/dist/esm/types/utils/index.d.ts +14 -14
- package/dist/esm/utils/converter.d.ts +2 -2
- package/dist/esm/utils/customVariantOptions.d.ts +20 -20
- package/dist/esm/utils/freebieProductUtils.d.ts +23 -23
- package/dist/esm/utils/freebieUtils.d.ts +5 -5
- package/dist/esm/utils/index.d.ts +14 -14
- package/dist/index.d.ts +722 -731
- package/package.json +95 -95
- package/src/assets/Frame.svg +4 -4
- package/src/assets/bundlePlus.svg +4 -4
- package/src/assets/copy-icon.svg +3 -3
- package/src/assets/copy-iconBlack.svg +4 -4
- package/src/assets/coupon.svg +4 -4
- package/src/assets/delivery.svg +5 -5
- package/dist/esm/components/Cart/FreebieClaimErrorBoundary.d.ts +0 -28
- package/dist/esm/types/components/Cart/FreebieClaimErrorBoundary.d.ts +0 -28
- package/dist/esm/types/utils/freebieErrorLogger.d.ts +0 -68
- package/dist/esm/types/utils/freebieValidation.d.ts +0 -45
- package/dist/esm/utils/freebieErrorLogger.d.ts +0 -68
- package/dist/esm/utils/freebieValidation.d.ts +0 -45
package/README.md
CHANGED
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
# YourToken UI Kit
|
|
2
|
-
|
|
3
|
-
UI copmonents powering the YourToken ecosystem.
|
|
4
|
-
|
|
5
|
-
### Some Style Advice for Writing Code here
|
|
6
|
-
|
|
7
|
-
- Prefer to use inline styling - negligible chances of store styles overriding us. if its becoming too unreadable then maybe stylesheet with all styles having a `yt` prefix or suffix appended along with `!important` for all styles, if this doesnt work then styled components
|
|
8
|
-
|
|
9
|
-
### Build the library
|
|
10
|
-
|
|
11
|
-
```bash
|
|
12
|
-
npm run rollup
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### Publish the library
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
npm publish
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
### Run storybook locally
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
npm run storybook
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### Build storybook
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
npm run build-storybook
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
### Working with local/testing version of UI kit
|
|
34
|
-
|
|
35
|
-
1. Commit all your changes (otherwise NPM will give this error: "Git working directory not clean.")
|
|
36
|
-
2. Build the version
|
|
37
|
-
|
|
38
|
-
```bash
|
|
39
|
-
npm run rollup
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
3. Create a prerelease:
|
|
43
|
-
|
|
44
|
-
```bash
|
|
45
|
-
npm version prerelease --preid=feature-name
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
4. Publish the version
|
|
49
|
-
|
|
50
|
-
```bash
|
|
51
|
-
npm publish --tag feature-name
|
|
52
|
-
```
|
|
53
|
-
|
|
54
|
-
This will create a version like: "1.0.0-feature-name.0" (you can keep running the above two commands and every time it will increase the digit at the end)
|
|
55
|
-
|
|
56
|
-
5. Update the uikit dependency in your project's `package.json` as this:
|
|
57
|
-
|
|
58
|
-
```bash
|
|
59
|
-
"yt-uikit": "...yt-uikit@feature-name"
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
Use the following to see list of releases with tags
|
|
63
|
-
|
|
64
|
-
```bash
|
|
65
|
-
npm show yt-uikit dist-tags
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
### Reference code for state management in story files
|
|
69
|
-
|
|
70
|
-
```ts
|
|
71
|
-
import { useArgs } from "@storybook/preview-api";
|
|
72
|
-
|
|
73
|
-
import SomeComponent from "./Index";
|
|
74
|
-
|
|
75
|
-
export default {
|
|
76
|
-
component: SomeComponent,
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
export const Default = {
|
|
80
|
-
render: function Component(args) {
|
|
81
|
-
const [, setArgs] = useArgs();
|
|
82
|
-
|
|
83
|
-
const onChange = (value) => {
|
|
84
|
-
args.onChange(value);
|
|
85
|
-
setArgs({ value: value });
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
return <SomeComponent {...args} onChange={onChange} />;
|
|
89
|
-
},
|
|
90
|
-
args: {
|
|
91
|
-
value: null,
|
|
92
|
-
},
|
|
93
|
-
};
|
|
94
|
-
```
|
|
1
|
+
# YourToken UI Kit
|
|
2
|
+
|
|
3
|
+
UI copmonents powering the YourToken ecosystem.
|
|
4
|
+
|
|
5
|
+
### Some Style Advice for Writing Code here
|
|
6
|
+
|
|
7
|
+
- Prefer to use inline styling - negligible chances of store styles overriding us. if its becoming too unreadable then maybe stylesheet with all styles having a `yt` prefix or suffix appended along with `!important` for all styles, if this doesnt work then styled components
|
|
8
|
+
|
|
9
|
+
### Build the library
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm run rollup
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Publish the library
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
npm publish
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
### Run storybook locally
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npm run storybook
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### Build storybook
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
npm run build-storybook
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Working with local/testing version of UI kit
|
|
34
|
+
|
|
35
|
+
1. Commit all your changes (otherwise NPM will give this error: "Git working directory not clean.")
|
|
36
|
+
2. Build the version
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
npm run rollup
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
3. Create a prerelease:
|
|
43
|
+
|
|
44
|
+
```bash
|
|
45
|
+
npm version prerelease --preid=feature-name
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
4. Publish the version
|
|
49
|
+
|
|
50
|
+
```bash
|
|
51
|
+
npm publish --tag feature-name
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
This will create a version like: "1.0.0-feature-name.0" (you can keep running the above two commands and every time it will increase the digit at the end)
|
|
55
|
+
|
|
56
|
+
5. Update the uikit dependency in your project's `package.json` as this:
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
"yt-uikit": "...yt-uikit@feature-name"
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
Use the following to see list of releases with tags
|
|
63
|
+
|
|
64
|
+
```bash
|
|
65
|
+
npm show yt-uikit dist-tags
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
### Reference code for state management in story files
|
|
69
|
+
|
|
70
|
+
```ts
|
|
71
|
+
import { useArgs } from "@storybook/preview-api";
|
|
72
|
+
|
|
73
|
+
import SomeComponent from "./Index";
|
|
74
|
+
|
|
75
|
+
export default {
|
|
76
|
+
component: SomeComponent,
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export const Default = {
|
|
80
|
+
render: function Component(args) {
|
|
81
|
+
const [, setArgs] = useArgs();
|
|
82
|
+
|
|
83
|
+
const onChange = (value) => {
|
|
84
|
+
args.onChange(value);
|
|
85
|
+
setArgs({ value: value });
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
return <SomeComponent {...args} onChange={onChange} />;
|
|
89
|
+
},
|
|
90
|
+
args: {
|
|
91
|
+
value: null,
|
|
92
|
+
},
|
|
93
|
+
};
|
|
94
|
+
```
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ProductDetails } from "../components/BundleBlock/Bundle";
|
|
2
|
-
export declare const bundleBuilderProductDetailsState: import("jotai").PrimitiveAtom<ProductDetails | undefined> & {
|
|
3
|
-
init: ProductDetails | undefined;
|
|
4
|
-
};
|
|
1
|
+
import { ProductDetails } from "../components/BundleBlock/Bundle";
|
|
2
|
+
export declare const bundleBuilderProductDetailsState: import("jotai").PrimitiveAtom<ProductDetails | undefined> & {
|
|
3
|
+
init: ProductDetails | undefined;
|
|
4
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const cartDataState: import("jotai").PrimitiveAtom<any> & {
|
|
2
|
-
init: any;
|
|
3
|
-
};
|
|
1
|
+
export declare const cartDataState: import("jotai").PrimitiveAtom<any> & {
|
|
2
|
+
init: any;
|
|
3
|
+
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export declare const cartLoadingState: import("jotai").PrimitiveAtom<{
|
|
2
|
-
cartLoading: boolean;
|
|
3
|
-
showLoader: boolean;
|
|
4
|
-
showSkeletonLoader?: boolean | undefined;
|
|
5
|
-
showLoyaltyCtaLoading?: boolean | undefined;
|
|
6
|
-
}> & {
|
|
7
|
-
init: {
|
|
8
|
-
cartLoading: boolean;
|
|
9
|
-
showLoader: boolean;
|
|
10
|
-
showSkeletonLoader?: boolean | undefined;
|
|
11
|
-
showLoyaltyCtaLoading?: boolean | undefined;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export declare function useCartLoading(): {
|
|
15
|
-
cartLoading: {
|
|
16
|
-
cartLoading: boolean;
|
|
17
|
-
showLoader: boolean;
|
|
18
|
-
showSkeletonLoader?: boolean | undefined;
|
|
19
|
-
showLoyaltyCtaLoading?: boolean | undefined;
|
|
20
|
-
};
|
|
21
|
-
setLoading: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void;
|
|
22
|
-
};
|
|
1
|
+
export declare const cartLoadingState: import("jotai").PrimitiveAtom<{
|
|
2
|
+
cartLoading: boolean;
|
|
3
|
+
showLoader: boolean;
|
|
4
|
+
showSkeletonLoader?: boolean | undefined;
|
|
5
|
+
showLoyaltyCtaLoading?: boolean | undefined;
|
|
6
|
+
}> & {
|
|
7
|
+
init: {
|
|
8
|
+
cartLoading: boolean;
|
|
9
|
+
showLoader: boolean;
|
|
10
|
+
showSkeletonLoader?: boolean | undefined;
|
|
11
|
+
showLoyaltyCtaLoading?: boolean | undefined;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare function useCartLoading(): {
|
|
15
|
+
cartLoading: {
|
|
16
|
+
cartLoading: boolean;
|
|
17
|
+
showLoader: boolean;
|
|
18
|
+
showSkeletonLoader?: boolean | undefined;
|
|
19
|
+
showLoyaltyCtaLoading?: boolean | undefined;
|
|
20
|
+
};
|
|
21
|
+
setLoading: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void;
|
|
22
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const timeLeftAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
|
|
2
|
-
export declare const lastUpdateAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
|
|
1
|
+
export declare const timeLeftAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
|
|
2
|
+
export declare const lastUpdateAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const couponSelectionOpenState: import("jotai").PrimitiveAtom<boolean> & {
|
|
2
|
-
init: boolean;
|
|
3
|
-
};
|
|
1
|
+
export declare const couponSelectionOpenState: import("jotai").PrimitiveAtom<boolean> & {
|
|
2
|
+
init: boolean;
|
|
3
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const deliverySlotDateState: import("jotai").WritableAtom<string | null, [string | typeof import("jotai/utils").RESET | ((prev: string | null) => string | typeof import("jotai/utils").RESET | null) | null], void>;
|
|
1
|
+
export declare const deliverySlotDateState: import("jotai").WritableAtom<string | null, [string | typeof import("jotai/utils").RESET | ((prev: string | null) => string | typeof import("jotai/utils").RESET | null) | null], void>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare const freebieClaimModalState: import("jotai").PrimitiveAtom<{
|
|
2
|
-
isOpen: boolean;
|
|
3
|
-
}> & {
|
|
4
|
-
init: {
|
|
5
|
-
isOpen: boolean;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
1
|
+
export declare const freebieClaimModalState: import("jotai").PrimitiveAtom<{
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
}> & {
|
|
4
|
+
init: {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const giftWrapAtom: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
|
|
2
|
-
export declare const giftWrapIdAtom: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
1
|
+
export declare const giftWrapAtom: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
|
|
2
|
+
export declare const giftWrapIdAtom: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const gstCompanyNameState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
1
|
+
export declare const gstCompanyNameState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const gstNumberState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
1
|
+
export declare const gstNumberState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const maxQtyErrorState: import("jotai").PrimitiveAtom<string | undefined> & {
|
|
2
|
-
init: string | undefined;
|
|
3
|
-
};
|
|
1
|
+
export declare const maxQtyErrorState: import("jotai").PrimitiveAtom<string | undefined> & {
|
|
2
|
+
init: string | undefined;
|
|
3
|
+
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
export interface MultiClaimSelection {
|
|
2
|
-
selectedProducts: string[];
|
|
3
|
-
maxAllowed: number;
|
|
4
|
-
tierName: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const multiClaimSelectionState: import("jotai").PrimitiveAtom<MultiClaimSelection> & {
|
|
7
|
-
init: MultiClaimSelection;
|
|
8
|
-
};
|
|
9
|
-
export declare const isSelectionLimitReachedAtom: import("jotai").Atom<boolean>;
|
|
10
|
-
export declare const selectionCountAtom: import("jotai").Atom<number>;
|
|
11
|
-
export declare const toggleProductSelectionAtom: import("jotai").WritableAtom<null, [productId: string], void> & {
|
|
12
|
-
init: null;
|
|
13
|
-
};
|
|
14
|
-
export declare const resetSelectionAtom: import("jotai").WritableAtom<null, [], void> & {
|
|
15
|
-
init: null;
|
|
16
|
-
};
|
|
17
|
-
export declare const initializeSelectionAtom: import("jotai").WritableAtom<null, [maxAllowed: number, tierName: string], void> & {
|
|
18
|
-
init: null;
|
|
19
|
-
};
|
|
1
|
+
export interface MultiClaimSelection {
|
|
2
|
+
selectedProducts: string[];
|
|
3
|
+
maxAllowed: number;
|
|
4
|
+
tierName: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const multiClaimSelectionState: import("jotai").PrimitiveAtom<MultiClaimSelection> & {
|
|
7
|
+
init: MultiClaimSelection;
|
|
8
|
+
};
|
|
9
|
+
export declare const isSelectionLimitReachedAtom: import("jotai").Atom<boolean>;
|
|
10
|
+
export declare const selectionCountAtom: import("jotai").Atom<number>;
|
|
11
|
+
export declare const toggleProductSelectionAtom: import("jotai").WritableAtom<null, [productId: string], void> & {
|
|
12
|
+
init: null;
|
|
13
|
+
};
|
|
14
|
+
export declare const resetSelectionAtom: import("jotai").WritableAtom<null, [], void> & {
|
|
15
|
+
init: null;
|
|
16
|
+
};
|
|
17
|
+
export declare const initializeSelectionAtom: import("jotai").WritableAtom<null, [maxAllowed: number, tierName: string], void> & {
|
|
18
|
+
init: null;
|
|
19
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const noteInputState: import("jotai").PrimitiveAtom<string> & {
|
|
2
|
-
init: string;
|
|
3
|
-
};
|
|
1
|
+
export declare const noteInputState: import("jotai").PrimitiveAtom<string> & {
|
|
2
|
+
init: string;
|
|
3
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const postalCodeState: import("jotai").WritableAtom<number | undefined, [number | typeof import("jotai/utils").RESET | ((prev: number | undefined) => number | typeof import("jotai/utils").RESET | undefined) | undefined], void>;
|
|
1
|
+
export declare const postalCodeState: import("jotai").WritableAtom<number | undefined, [number | typeof import("jotai/utils").RESET | ((prev: number | undefined) => number | typeof import("jotai/utils").RESET | undefined) | undefined], void>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
interface DeliveryOptionState {
|
|
2
|
-
isPostalCodeValid: boolean;
|
|
3
|
-
isDateValid: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare const deliveryOptionChosenState: import("jotai").WritableAtom<DeliveryOptionState, [DeliveryOptionState | typeof import("jotai/utils").RESET | ((prev: DeliveryOptionState) => DeliveryOptionState | typeof import("jotai/utils").RESET)], void>;
|
|
6
|
-
export declare const isDeliveryOptionValidState: import("jotai").Atom<boolean>;
|
|
7
|
-
export declare const deliveryTypeState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
8
|
-
export {};
|
|
1
|
+
interface DeliveryOptionState {
|
|
2
|
+
isPostalCodeValid: boolean;
|
|
3
|
+
isDateValid: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const deliveryOptionChosenState: import("jotai").WritableAtom<DeliveryOptionState, [DeliveryOptionState | typeof import("jotai/utils").RESET | ((prev: DeliveryOptionState) => DeliveryOptionState | typeof import("jotai/utils").RESET)], void>;
|
|
6
|
+
export declare const isDeliveryOptionValidState: import("jotai").Atom<boolean>;
|
|
7
|
+
export declare const deliveryTypeState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
|
|
8
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const showGSTInputState: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
|
|
1
|
+
export declare const showGSTInputState: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export declare const variantSelectionModalState: import("jotai").PrimitiveAtom<{
|
|
2
|
-
open: boolean;
|
|
3
|
-
variantId: string | undefined;
|
|
4
|
-
quantity?: number | undefined;
|
|
5
|
-
handle: string | undefined;
|
|
6
|
-
freebieSelection?: boolean | undefined;
|
|
7
|
-
lineItemKey?: string | undefined;
|
|
8
|
-
productId?: string | undefined;
|
|
9
|
-
allowedVariantIds?: string[] | undefined;
|
|
10
|
-
productRec?: boolean | undefined;
|
|
11
|
-
}> & {
|
|
12
|
-
init: {
|
|
13
|
-
open: boolean;
|
|
14
|
-
variantId: string | undefined;
|
|
15
|
-
quantity?: number | undefined;
|
|
16
|
-
handle: string | undefined;
|
|
17
|
-
freebieSelection?: boolean | undefined;
|
|
18
|
-
lineItemKey?: string | undefined;
|
|
19
|
-
productId?: string | undefined;
|
|
20
|
-
allowedVariantIds?: string[] | undefined;
|
|
21
|
-
productRec?: boolean | undefined;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
1
|
+
export declare const variantSelectionModalState: import("jotai").PrimitiveAtom<{
|
|
2
|
+
open: boolean;
|
|
3
|
+
variantId: string | undefined;
|
|
4
|
+
quantity?: number | undefined;
|
|
5
|
+
handle: string | undefined;
|
|
6
|
+
freebieSelection?: boolean | undefined;
|
|
7
|
+
lineItemKey?: string | undefined;
|
|
8
|
+
productId?: string | undefined;
|
|
9
|
+
allowedVariantIds?: string[] | undefined;
|
|
10
|
+
productRec?: boolean | undefined;
|
|
11
|
+
}> & {
|
|
12
|
+
init: {
|
|
13
|
+
open: boolean;
|
|
14
|
+
variantId: string | undefined;
|
|
15
|
+
quantity?: number | undefined;
|
|
16
|
+
handle: string | undefined;
|
|
17
|
+
freebieSelection?: boolean | undefined;
|
|
18
|
+
lineItemKey?: string | undefined;
|
|
19
|
+
productId?: string | undefined;
|
|
20
|
+
allowedVariantIds?: string[] | undefined;
|
|
21
|
+
productRec?: boolean | undefined;
|
|
22
|
+
};
|
|
23
|
+
};
|