@salla.sa/twilight-components 2.14.194 → 2.14.196

package/dist/components/salla-metadata.js

@@ -44,31 +44,23 @@ const SallaMetadata$1 = /*@__PURE__*/ proxyCustomElement(class SallaMetadata ext
         }
         return field.value;
     }
-    componentWillLoad() {
-        return salla
-            .onReady()
-            .then(() => {
-            var _a;
-            if (!((_a = salla.config.get('store.features')) === null || _a === void 0 ? void 0 : _a.includes('custom-fields'))) {
-                throw new Error('feature custom-fields is not activated');
-            }
-        })
-            .then(() => {
-            if (!this.entityId && (salla.url.is_page('product.single') || salla.url.is_page("product.showNewUrls"))) {
-                this.entityId = salla.config.get('page.id');
-            }
-            if (!this.entityId) {
-                throw new Error("can't render salla-metadata without enity-id prop!");
-            }
-            salla.lang.onLoaded(() => (this.download = salla.lang.get('pages.thank_you.download')));
-            //todo:: check in graylog, if there is too many requests for same users, let's store it in the session storage for 15 minutes same as the offers
-            const entityIdsArray = Array.isArray(this.entityId) ? this.entityId : [this.entityId];
-            const entitiesParam = entityIdsArray.map(id => `entities[]=${id}`).join('&');
-            const url = `https://api.salla.dev/store/v1/metadata/values?type=${this.entity}&${entitiesParam}`;
-            return salla.api.request(url).then(response => { var _a; return (_a = response.data[0]) === null || _a === void 0 ? void 0 : _a.sections; });
-        })
-            .then(specs => (this.specs = specs))
-            .catch(error => salla.logger.error('Error loading more specs:', error));
+    async componentWillLoad() {
+        var _a, _b;
+        await salla.onReady();
+        if (!((_a = salla.config.get('store.features')) === null || _a === void 0 ? void 0 : _a.includes('custom-fields'))) {
+            return salla.logger.error('feature custom-fields is not activated');
+        }
+        //todo:: remove `product.showNewUrls` after changing it from BE
+        if (!this.entityId && (salla.url.is_page('product.single') || salla.url.is_page("product.showNewUrls"))) {
+            this.entityId = salla.config.get('page.id');
+        }
+        if (!this.entityId) {
+            return salla.logger.error("can't render salla-metadata without enity-id prop!");
+        }
+        await salla.lang.onLoaded();
+        this.download = salla.lang.get('pages.thank_you.download');
+        const response = await Salla.api.metadata.fetchValues(this.entity, this.entityId);
+        this.specs = (_b = response.data[0]) === null || _b === void 0 ? void 0 : _b.sections;
     }
     render() {
         if (!this.specs.length) {

package/dist/components/salla-metadata.js.map

@@ -1 +1 @@
-{"file":"salla-metadata.js","mappings":"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","names":["SallaMetadata","__stencil_proxyCustomElement"],"sources":["src/components/salla-metadata/salla-metadata.scss?tag=salla-metadata","src/components/salla-metadata/salla-metadata.tsx"],"sourcesContent":["","import { Component, Host, h, Element, Prop, State } from '@stencil/core';\nimport { Field, Specs } from './interfaces';\n\n@Component({\n  tag: 'salla-metadata',\n  styleUrl: 'salla-metadata.scss',\n})\nexport class SallaMetadata {\n  constructor() {\n    if (this.entityId) {\n      try {\n        this.entityId = Array.isArray(this.entityId)\n          ? this.entityId\n          : JSON.parse(this.entityId as string);\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via entityId prop');\n      }\n    }\n  }\n\n  @Element() host: HTMLElement;\n\n  /**\n   * The entity type.\n   */\n  @Prop() entity: string = 'product';\n\n  /**\n   * The id of the product/the endity to which the specs are going to be fetched for.\n   */\n  @Prop() entityId: number | number[] | string;\n\n  @State() specs: Specs[] = [];\n  @State() download: string = salla.lang.get('pages.thank_you.download');\n\n  private getValue(field: Field) {\n    if (field.type === 'file') {\n      return `<a href=\"${field.value}\" class=\"text-primary\" target=\"_blank\"><span class=\"sicon-download\"></span> ${this.download}</a>`;\n    }\n    if (field.type === 'url') {\n      return `<a href=\"${field.value}\" class=\"text-blue-700 underline\" target=\"_blank\">${field.value}</a>`; // classes will be moved to the utilities.json file\n    }\n    if (field.type === 'date') {\n      const date = new Date(field.value);\n      const day = String(date.getDate()).padStart(2, '0');\n      const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-based\n      const year = date.getFullYear();\n\n      const formattedDate = `${day}/${month}/${year}`;\n\n      return formattedDate;\n    }\n    return field.value;\n  }\n\n  componentWillLoad() {\n    return salla\n      .onReady()\n      .then(() => {\n        if (!salla.config.get('store.features')?.includes('custom-fields')) {\n          throw new Error('feature custom-fields is not activated');\n        }\n      })\n      .then(() => {\n        if (!this.entityId && (salla.url.is_page('product.single') || salla.url.is_page(\"product.showNewUrls\"))) {\n          this.entityId = salla.config.get('page.id');\n        }\n        if (!this.entityId) {\n          throw new Error(\"can't render salla-metadata without enity-id prop!\");\n        }\n        salla.lang.onLoaded(() => (this.download = salla.lang.get('pages.thank_you.download')));\n        //todo:: check in graylog, if there is too many requests for same users, let's store it in the session storage for 15 minutes same as the offers\n        const entityIdsArray = Array.isArray(this.entityId) ? this.entityId : [this.entityId];\n        const entitiesParam = entityIdsArray.map(id => `entities[]=${id}`).join('&');\n        const url = `https://api.salla.dev/store/v1/metadata/values?type=${this.entity}&${entitiesParam}`;\n        return salla.api.request(url).then(response => response.data[0]?.sections);\n      })\n      .then(specs => (this.specs = specs))\n      .catch(error => salla.logger.error('Error loading more specs:', error));\n  }\n  render() {\n    if (!this.specs.length) {\n      return;\n    }\n    return (\n      <Host class=\"s-metadata-wrapper\">\n        {this.specs.map((item: Specs) => {\n          return (\n            <div class=\"s-metadata-box\">\n              <div class=\"s-metadata-box-header\">\n                <i class=\"sicon-list\"></i>\n                {item.name}\n              </div>\n\n              {item.fields.map((field: Field) => {\n                return (\n                  <div class=\"s-metadata-row\">\n                    <p class=\"s-metadata-row-name\">{field.name}</p>\n                    <p class=\"s-metadata-row-value\" innerHTML={this.getValue(field) as any}></p>\n                  </div>\n                );\n              })}\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"salla-metadata.js","mappings":"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","names":["SallaMetadata","__stencil_proxyCustomElement"],"sources":["src/components/salla-metadata/salla-metadata.scss?tag=salla-metadata","src/components/salla-metadata/salla-metadata.tsx"],"sourcesContent":["","import { Component, Host, h, Element, Prop, State } from '@stencil/core';\nimport { Field, Specs } from './interfaces';\n\n@Component({\n  tag: 'salla-metadata',\n  styleUrl: 'salla-metadata.scss',\n})\nexport class SallaMetadata {\n  constructor() {\n    if (this.entityId) {\n      try {\n        this.entityId = Array.isArray(this.entityId)\n          ? this.entityId\n          : JSON.parse(this.entityId as string);\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via entityId prop');\n      }\n    }\n  }\n\n  @Element() host: HTMLElement;\n\n  /**\n   * The entity type.\n   */\n  @Prop() entity: string = 'product';\n\n  /**\n   * The id of the product/the endity to which the specs are going to be fetched for.\n   */\n  @Prop() entityId: number | number[] | string;\n\n  @State() specs: Specs[] = [];\n  @State() download: string = salla.lang.get('pages.thank_you.download');\n\n  private getValue(field: Field) {\n    if (field.type === 'file') {\n      return `<a href=\"${field.value}\" class=\"text-primary\" target=\"_blank\"><span class=\"sicon-download\"></span> ${this.download}</a>`;\n    }\n    if (field.type === 'url') {\n      return `<a href=\"${field.value}\" class=\"text-blue-700 underline\" target=\"_blank\">${field.value}</a>`; // classes will be moved to the utilities.json file\n    }\n    if (field.type === 'date') {\n      const date = new Date(field.value);\n      const day = String(date.getDate()).padStart(2, '0');\n      const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-based\n      const year = date.getFullYear();\n\n      const formattedDate = `${day}/${month}/${year}`;\n\n      return formattedDate;\n    }\n    return field.value;\n  }\n\n  async componentWillLoad() {\n    await salla.onReady();\n\n    if (!salla.config.get('store.features')?.includes('custom-fields')) {\n        return salla.logger.error('feature custom-fields is not activated');\n    }\n\n    //todo:: remove `product.showNewUrls` after changing it from BE\n    if (!this.entityId && (salla.url.is_page('product.single') || salla.url.is_page(\"product.showNewUrls\"))) {\n        this.entityId = salla.config.get('page.id');\n    }\n\n    if (!this.entityId) {\n        return salla.logger.error(\"can't render salla-metadata without enity-id prop!\");\n    }\n\n    await salla.lang.onLoaded();\n    this.download = salla.lang.get('pages.thank_you.download');\n\n    const response = await Salla.api.metadata.fetchValues(this.entity, this.entityId);\n    this.specs = response.data[0]?.sections;\n  }\n  render() {\n    if (!this.specs.length) {\n      return;\n    }\n    return (\n      <Host class=\"s-metadata-wrapper\">\n        {this.specs.map((item: Specs) => {\n          return (\n            <div class=\"s-metadata-box\">\n              <div class=\"s-metadata-box-header\">\n                <i class=\"sicon-list\"></i>\n                {item.name}\n              </div>\n\n              {item.fields.map((field: Field) => {\n                return (\n                  <div class=\"s-metadata-row\">\n                    <p class=\"s-metadata-row-name\">{field.name}</p>\n                    <p class=\"s-metadata-row-value\" innerHTML={this.getValue(field) as any}></p>\n                  </div>\n                );\n              })}\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/{app-globals-Wfw3xJLP.js → app-globals-CMLhMUa4.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { L as LazyLoad } from './index-DRv0XmhL.js';
+import { L as LazyLoad } from './index-CONUyMCB.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-Wfw3xJLP.js.map
+//# sourceMappingURL=app-globals-CMLhMUa4.js.map
 
-//# sourceMappingURL=app-globals-Wfw3xJLP.js.map
+//# sourceMappingURL=app-globals-CMLhMUa4.js.map

package/dist/esm/{app-globals-Wfw3xJLP.js.map → app-globals-CMLhMUa4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"app-globals-Wfw3xJLP.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-CMLhMUa4.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;;;;"}