@salla.sa/twilight-components 2.14.184 → 2.14.186

package/dist/twilight/p-eb8ed9cb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaCartItemOffersCss","SallaCartItemOffers","constructor","hostRef","this","internalOffers","showAll","freeLabel","receivedOffer","discountAmountLabel","showMoreOffers","icons","DiscountCouponIcon","GiftIcon","FireIcon","SpecialDiscountIcon","TagMoneyIcon","visibleOffersCount","handleCartItemUpdated","event","updatedItem","data","cart","items","find","item","id","itemId","internalQuantity","quantity","detailed_offers","internalProductPrice","product_price","toggleShowAll","componentWillLoad","Salla","onReady","salla","lang","onLoaded","get","parseOffers","offers","productPrice","componentDidLoad","on","JSON","parse","e","console","error","visibleOffers","slice","hiddenOffers","getPaidQty","offer","free_quantity","renderOffer","paidQty","h","class","helpers","number","innerHTML","money","discount_icon","replace","offer_name","discount_amount","toFixed","render","_a","length","map","_b","onClick","type","ArrowDownIcon"],"sources":["src/components/salla-cart-item-offers/salla-cart-item-offers.scss?tag=salla-cart-item-offers","src/components/salla-cart-item-offers/salla-cart-item-offers.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, State, h } from '@stencil/core';\nimport SpecialDiscountIcon from '../../assets/svg/special-discount.svg';\nimport GiftIcon from '../../assets/svg/gift.svg';\nimport TagMoneyIcon from '../../assets/svg/tag-money.svg';\nimport FireIcon from '../../assets/svg/fire.svg';\nimport DiscountCouponIcon from '../../assets/svg/discount-coupon.svg';\nimport ArrowDownIcon from '../../assets/svg/keyboard_arrow_down.svg';\n\n@Component({\n  tag: 'salla-cart-item-offers',\n  styleUrl: 'salla-cart-item-offers.scss',\n})\nexport class SallaCartItemOffers {\n  /**\n   * The quantity of the cart item\n   */\n  @Prop() quantity!: number;\n  /**\n   * JSON string containing the offers associated with the cart item\n   */\n  @Prop() offers!: string;\n  /**\n   * The unique identifier of the cart item\n   */\n  @Prop() itemId!: number;\n  /**\n   * The original price of the product in the cart\n   */\n  @Prop() productPrice!: number;\n\n  @State() internalQuantity!: number;\n  @State() internalOffers: any[] = [];\n  @State() internalProductPrice!: number;\n  @State() showAll: boolean = false;\n   // Translations\n  @State() freeLabel: string = '';\n  @State() receivedOffer: string = '';\n  @State() discountAmountLabel: string = '';\n  @State() showMoreOffers: string = '';\n\n\n  private readonly icons: Record<string, string> = {\n    DiscountCouponIcon,\n    GiftIcon,\n    FireIcon,\n    SpecialDiscountIcon,\n    TagMoneyIcon,\n  };\n\n  private visibleOffersCount = 3;\n\n  async componentWillLoad() {\n    await Salla.onReady();\n    await salla.lang.onLoaded(() => {\n        this.freeLabel = salla.lang.get('common.elements.freeExclam');\n        this.receivedOffer = salla.lang.get('pages.cart.received_offer');\n        this.discountAmountLabel = salla.lang.get('pages.cart.discount_amount');\n        this.showMoreOffers = salla.lang.get('pages.cart.show_more_offers');\n      });\n    this.internalQuantity = this.quantity;\n    this.internalOffers = this.parseOffers(this.offers);\n    this.internalProductPrice = this.productPrice;\n  }\n\n  componentDidLoad() {\n    salla.event.on('cart::item.updated', (event) => this.handleCartItemUpdated(event));\n  }\n\n  private parseOffers(offers: string): any[] {\n    try {\n      return JSON.parse(offers || '[]');\n    } catch (e) {\n      console.error('Failed to parse offers', e);\n      return [];\n    }\n  }\n\n  private handleCartItemUpdated = (event) => {\n    const updatedItem = event.data.cart.items.find((item) => item.id === this.itemId);\n    if (updatedItem?.id === this.itemId) {\n      this.internalQuantity = updatedItem.quantity;\n      this.internalOffers = updatedItem.detailed_offers || [];\n      this.internalProductPrice = updatedItem.product_price;\n    }\n  };\n\n  private get visibleOffers() {\n    return this.internalOffers.slice(0, this.visibleOffersCount);\n  }\n\n  private get hiddenOffers() {\n    return this.internalOffers.slice(this.visibleOffersCount);\n  }\n\n  private toggleShowAll = () => {\n    this.showAll = !this.showAll;\n  };\n\n  private getPaidQty(quantity: number, offer: any) {\n    return quantity - offer.free_quantity;\n  }\n\n  private renderOffer(quantity: number, offer: any) {\n    const paidQty = this.getPaidQty(quantity, offer);\n\n    return (\n      <div class=\"s-cart-item-offers-box\">\n        {offer.free_quantity > 0 && paidQty > 0 && (\n          <div class=\"s-cart-item-offers-paid-free\">\n            <div class=\"s-cart-item-offers-line\">\n              {salla.helpers.number(paidQty)} × <span innerHTML={salla.money(this.internalProductPrice)}></span>\n            </div>\n            <div class=\"s-cart-item-offers-line\">\n              {salla.helpers.number(offer.free_quantity)} ×  \n              <span class=\"s-cart-item-offers-regular-price\" innerHTML={salla.money(this.internalProductPrice)}></span>\n              <span class=\"s-cart-item-offers-free-label\">{this.freeLabel}</span>\n            </div>\n          </div>\n        )}\n\n        <div class=\"s-cart-item-offers-details\">\n          <span class={`s-cart-item-offers-icon`} innerHTML={this.icons[offer.discount_icon] || ''}></span>\n          <div>\n            <p class=\"s-cart-item-offers-title\">\n              {this.receivedOffer.replace(':offer', offer.offer_name)}\n            </p>\n            <p class=\"s-cart-item-offers-discount\">\n              <span innerHTML={this.discountAmountLabel.replace(':amount', salla.money(offer.discount_amount.toFixed(2)))}></span>\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    if (!this.internalOffers?.length) {\n      return null;\n    }\n\n    return (\n      <div class=\"s-cart-item-offers-container\" id={`offers_list_${this.itemId}`}>\n        {this.visibleOffers.map((offer) => this.renderOffer(this.internalQuantity, offer))}\n\n        {this.internalOffers?.length > this.visibleOffersCount && (\n          <div class=\"s-cart-item-offers-show-more\">\n            <button\n              class=\"s-cart-item-offers-show-more-btn\"\n              onClick={this.toggleShowAll}\n              type=\"button\">\n              <span class=\"s-cart-item-offers-show-more-label\">\n                +{this.hiddenOffers.length} {this.showMoreOffers}\n                <span\n                  innerHTML={ArrowDownIcon}\n                  class={{\n                    's-cart-item-offers-arrow-icon': true,\n                    's-cart-item-offers-arrow-open': this.showAll,\n                  }}\n                ></span>\n              </span>\n            </button>\n          </div>\n        )}\n\n        {this.showAll && (\n          <div class=\"s-cart-item-offers-collapsed\" id={`offers_${this.itemId}`}>\n            {this.hiddenOffers.map((offer) => this.renderOffer(this.internalQuantity, offer))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}