@salla.sa/twilight-components 2.13.93 → 2.13.94

package/dist/twilight/p-c59441ec.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as a,h as t,H as s,g as e}from"./p-bdd00808.js";const r="";const i=class{constructor(t){a(this,t);this.entity="product";this.entityId=undefined;this.specs=[];this.download=salla.lang.get("pages.thank_you.download");if(this.entityId){try{this.entityId=Array.isArray(this.entityId)?this.entityId:JSON.parse(this.entityId);return}catch(a){salla.log("Bad json passed via entityId prop")}}}getValue(a){if(a.type==="file"){return`<a href="${a.value}" class="text-primary" target="_blank"><span class="sicon-download"></span> ${this.download}</a>`}if(a.type==="url"){return`<a href="${a.value}" class="text-blue-700 underline" target="_blank">${a.value}</a>`}if(a.type==="date"){const t=new Date(a.value);const s=`${t.getMonth()+1}/${t.getDate()}/${t.getFullYear()}`;return s}return a.value}componentWillLoad(){return new Promise((a=>salla.onReady(a))).then((()=>{if(!this.entityId&&salla.url.is_page("product.single")){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")));const a=Array.isArray(this.entityId)?this.entityId:[this.entityId];const t=a.map((a=>`entities[]=${a}`)).join("&");const s=`https://api.salla.dev/store/v1/metadata/values?type=${this.entity}&${t}`;return salla.api.request(s).then((a=>{var t;return(t=a.data[0])===null||t===void 0?void 0:t.sections}))})).then((a=>this.specs=a)).catch((a=>salla.logger.error("Error loading more specs:",a)))}render(){if(!this.specs.length){return}return t(s,{class:"s-metadata-wrapper"},this.specs.map((a=>t("div",{class:"s-metadata-box"},t("div",{class:"s-metadata-box-header"},t("i",{class:"sicon-list"}),a.name),a.fields.map((a=>t("div",{class:"s-metadata-row"},t("p",{class:"s-metadata-row-name"},a.name),t("p",{class:"s-metadata-row-value",innerHTML:this.getValue(a)}))))))))}get host(){return e(this)}};i.style=r;export{i as salla_metadata};
+//# sourceMappingURL=p-c59441ec.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sallaMetadataCss","SallaMetadata","constructor","hostRef","salla","lang","get","this","entityId","Array","isArray","JSON","parse","e","log","getValue","field","type","value","download","date","Date","formattedDate","getMonth","getDate","getFullYear","componentWillLoad","Promise","resolve","onReady","then","url","is_page","config","Error","onLoaded","entityIdsArray","entitiesParam","map","id","join","entity","api","request","response","_a","data","sections","specs","catch","error","logger","render","length","h","Host","class","item","name","fields","innerHTML"],"sources":["src/components/salla-metadata/salla-metadata.scss?tag=salla-metadata","src/components/salla-metadata/salla-metadata.tsx"],"sourcesContent":[null,"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 formattedDate = `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;\n      return formattedDate;\n    }\n    return field.value;\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve))\n      .then(() => {\n        if (!this.entityId && salla.url.is_page('product.single')) {\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"],"mappings":";;;yDAAA,MAAMA,EAAmB,G,MCOZC,EAAa,MACxB,WAAAC,CAAAC,G,sBAkByB,U,mCAOC,G,cACEC,MAAMC,KAAKC,IAAI,4BAzBzC,GAAIC,KAAKC,SAAU,CACjB,IACED,KAAKC,SAAWC,MAAMC,QAAQH,KAAKC,UAC/BD,KAAKC,SACLG,KAAKC,MAAML,KAAKC,UACpB,M,CACA,MAAOK,GACPT,MAAMU,IAAI,oC,GAoBR,QAAAC,CAASC,GACf,GAAIA,EAAMC,OAAS,OAAQ,CACzB,MAAO,YAAYD,EAAME,oFAAoFX,KAAKY,c,CAEpH,GAAIH,EAAMC,OAAS,MAAO,CACxB,MAAO,YAAYD,EAAME,0DAA0DF,EAAME,W,CAE3F,GAAIF,EAAMC,OAAS,OAAQ,CACzB,MAAMG,EAAO,IAAIC,KAAKL,EAAME,OAC5B,MAAMI,EAAgB,GAAGF,EAAKG,WAAa,KAAKH,EAAKI,aAAaJ,EAAKK,gBACvE,OAAOH,C,CAET,OAAON,EAAME,K,CAGf,iBAAAQ,GACE,OAAO,IAAIC,SAAQC,GAAWxB,MAAMyB,QAAQD,KACzCE,MAAK,KACJ,IAAKvB,KAAKC,UAAYJ,MAAM2B,IAAIC,QAAQ,kBAAmB,CACzDzB,KAAKC,SAAWJ,MAAM6B,OAAO3B,IAAI,U,CAEnC,IAAKC,KAAKC,SAAU,CAClB,MAAM,IAAI0B,MAAM,qD,CAElB9B,MAAMC,KAAK8B,UAAS,IAAO5B,KAAKY,SAAWf,MAAMC,KAAKC,IAAI,8BAE1D,MAAM8B,EAAiB3B,MAAMC,QAAQH,KAAKC,UAAYD,KAAKC,SAAW,CAACD,KAAKC,UAC5E,MAAM6B,EAAgBD,EAAeE,KAAIC,GAAM,cAAcA,MAAMC,KAAK,KACxE,MAAMT,EAAM,uDAAuDxB,KAAKkC,UAAUJ,IAClF,OAAOjC,MAAMsC,IAAIC,QAAQZ,GAAKD,MAAKc,IAAQ,IAAAC,EAAI,OAAAA,EAAAD,EAASE,KAAK,MAAE,MAAAD,SAAA,SAAAA,EAAEE,QAAQ,GAAC,IAE3EjB,MAAKkB,GAAUzC,KAAKyC,MAAQA,IAC5BC,OAAMC,GAAS9C,MAAM+C,OAAOD,MAAM,4BAA6BA,I,CAEpE,MAAAE,GACE,IAAK7C,KAAKyC,MAAMK,OAAQ,CACtB,M,CAEF,OACEC,EAACC,EAAI,CAACC,MAAM,sBACTjD,KAAKyC,MAAMV,KAAKmB,GAEbH,EAAA,OAAKE,MAAM,kBACTF,EAAA,OAAKE,MAAM,yBACTF,EAAA,KAAGE,MAAM,eACRC,EAAKC,MAGPD,EAAKE,OAAOrB,KAAKtB,GAEdsC,EAAA,OAAKE,MAAM,kBACTF,EAAA,KAAGE,MAAM,uBAAuBxC,EAAM0C,MACtCJ,EAAA,KAAGE,MAAM,uBAAuBI,UAAWrD,KAAKQ,SAASC,W"}