@salla.sa/twilight-components 2.14.184 → 2.14.185

package/dist/components/salla-cart-item-offers.js

@@ -77,6 +77,10 @@ const SallaCartItemOffers$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartIt
     }
     parseOffers(offers) {
         try {
+            if (typeof offers !== 'string') {
+                console.warn('Offers is not a string. Returning as-is.', offers);
+                return Array.isArray(offers) ? offers : [];
+            }
             return JSON.parse(offers || '[]');
         }
         catch (e) {

package/dist/components/salla-cart-item-offers.js.map

@@ -1 +1 @@
-{"file":"salla-cart-item-offers.js","mappings":"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","names":["SallaCartItemOffers","__stencil_proxyCustomElement","GiftIcon","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"],"version":3}
+{"file":"salla-cart-item-offers.js","mappings":"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","names":["SallaCartItemOffers","__stencil_proxyCustomElement","GiftIcon","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\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      if (typeof offers !== 'string') {\n        console.warn('Offers is not a string. Returning as-is.', offers);\n        return Array.isArray(offers) ? offers : [];\n      }\n\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"],"version":3}

package/dist/esm/{app-globals-CzcB8Kqv.js → app-globals-D9DEYpz2.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { L as LazyLoad } from './index-XtfHeWdL.js';
+import { L as LazyLoad } from './index-BvdHfZUh.js';
 
 function appGlobalScript () {
     // Only initialize it one time for the entire application
@@ -34,6 +34,6 @@ function appGlobalScript () {
 const globalScripts = appGlobalScript;
 
 export { globalScripts as g };
-//# sourceMappingURL=app-globals-CzcB8Kqv.js.map
+//# sourceMappingURL=app-globals-D9DEYpz2.js.map
 
-//# sourceMappingURL=app-globals-CzcB8Kqv.js.map
+//# sourceMappingURL=app-globals-D9DEYpz2.js.map

package/dist/esm/{app-globals-CzcB8Kqv.js.map → app-globals-D9DEYpz2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"app-globals-CzcB8Kqv.js","sources":["src/global/app.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import '@salla.sa/twilight'\nimport LazyLoad from \"vanilla-lazyload\";\n\nexport default function () {\n  // Only initialize it one time for the entire application\n  if (!document.lazyLoadInstance) {\n    document.lazyLoadInstance = new LazyLoad({\n      use_native: true,//native not support lazyLoad backgrounds\n      // restore_on_error: true,\n      // Your custom settings go here\n      // callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))\n    });\n    document.lazyLoadBackgrounds = new LazyLoad({\n        elements_selector: '.lazy[data-bg]:not(.loaded)',\n    });\n    //native way doesn't load backgrounds\n    // document.lazyLoadBackgrounds = new LazyLoad();\n  }\n  //make sure that lazyLoad will be fired after loading the page too.\n  if (document.readyState !== 'complete') {\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadInstance.update());\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadBackgrounds.update());\n  }\n\n  // fire it after each load more request;\n  // @ts-ignore\n  salla.infiniteScroll.event.onAppend(() => {\n            document.lazyLoadInstance.update();\n            document.lazyLoadBackgrounds.update();\n        }\n    );\n}\n","import appGlobalScript from '/home/runner/work/twilight/twilight/packages/twilight-components/src/global/app.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;;AAGc,wBAAA,IAAA;;AAEZ,IAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE;AAC9B,QAAA,QAAQ,CAAC,gBAAgB,GAAG,IAAI,QAAQ,CAAC;YACvC,UAAU,EAAE,IAAI;;;;AAIjB,SAAA,CAAC;AACF,QAAA,QAAQ,CAAC,mBAAmB,GAAG,IAAI,QAAQ,CAAC;AACxC,YAAA,iBAAiB,EAAE,6BAA6B;AACnD,SAAA,CAAC;;;;;AAKJ,IAAA,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;AACtC,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;AACvF,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC;;;;IAK5F,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAK;AAC/B,QAAA,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAClC,QAAA,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE;AACzC,KAAC,CACJ;AACL;;AC9BY,MAAC,aAAa,GAAG;;;;"}
+{"version":3,"file":"app-globals-D9DEYpz2.js","sources":["src/global/app.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import '@salla.sa/twilight'\nimport LazyLoad from \"vanilla-lazyload\";\n\nexport default function () {\n  // Only initialize it one time for the entire application\n  if (!document.lazyLoadInstance) {\n    document.lazyLoadInstance = new LazyLoad({\n      use_native: true,//native not support lazyLoad backgrounds\n      // restore_on_error: true,\n      // Your custom settings go here\n      // callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))\n    });\n    document.lazyLoadBackgrounds = new LazyLoad({\n        elements_selector: '.lazy[data-bg]:not(.loaded)',\n    });\n    //native way doesn't load backgrounds\n    // document.lazyLoadBackgrounds = new LazyLoad();\n  }\n  //make sure that lazyLoad will be fired after loading the page too.\n  if (document.readyState !== 'complete') {\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadInstance.update());\n    document.addEventListener(\"DOMContentLoaded\", () => document.lazyLoadBackgrounds.update());\n  }\n\n  // fire it after each load more request;\n  // @ts-ignore\n  salla.infiniteScroll.event.onAppend(() => {\n            document.lazyLoadInstance.update();\n            document.lazyLoadBackgrounds.update();\n        }\n    );\n}\n","import appGlobalScript from '/home/runner/work/twilight/twilight/packages/twilight-components/src/global/app.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;;AAGc,wBAAA,IAAA;;AAEZ,IAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE;AAC9B,QAAA,QAAQ,CAAC,gBAAgB,GAAG,IAAI,QAAQ,CAAC;YACvC,UAAU,EAAE,IAAI;;;;AAIjB,SAAA,CAAC;AACF,QAAA,QAAQ,CAAC,mBAAmB,GAAG,IAAI,QAAQ,CAAC;AACxC,YAAA,iBAAiB,EAAE,6BAA6B;AACnD,SAAA,CAAC;;;;;AAKJ,IAAA,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;AACtC,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;AACvF,QAAA,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC;;;;IAK5F,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAK;AAC/B,QAAA,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAClC,QAAA,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE;AACzC,KAAC,CACJ;AACL;;AC9BY,MAAC,aAAa,GAAG;;;;"}