@foxy.io/elements 1.23.0-beta.2 → 1.23.0-beta.4

package/dist/elements/public/QueryBuilder/utils/stringify.js.map

@@ -1 +1 @@
-{"version":3,"file":"stringify.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/utils/stringify.ts"],"names":[],"mappings":"AAEA,SAAS,cAAc,CAAC,WAAwB;IAC9C,IAAI,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC;IAC9B,IAAI,WAAW,CAAC,IAAI;QAAE,MAAM,IAAI,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC;IACxD,IAAI,WAAW,CAAC,QAAQ;QAAE,MAAM,IAAI,IAAI,WAAW,CAAC,QAAQ,EAAE,CAAC;IAC/D,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,IAAI,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAClF,OAAO,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AACtC,CAAC;AAED,SAAS,SAAS,CAAC,QAAyC;IAC1D,OAAO,QAAQ;SACZ,GAAG,CAAC,OAAO,CAAC,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACxF,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEvC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;SAC5D;aAAM;YACL,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;SAChC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC","sourcesContent":["import { ParsedValue } from '../types';\n\nfunction stringifyGroup(parsedValue: ParsedValue): string {\n  let result = parsedValue.path;\n  if (parsedValue.name) result += `[${parsedValue.name}]`;\n  if (parsedValue.operator) result += `:${parsedValue.operator}`;\n  result = `${encodeURIComponent(result)}=${encodeURIComponent(parsedValue.value)}`;\n  return result === '=' ? '' : result;\n}\n\nfunction stringify(newValue: (ParsedValue | ParsedValue[])[]): string {\n  return newValue\n    .map(newRule => {\n      if (Array.isArray(newRule)) {\n        const alternatives = [newRule[0].value, newRule.slice(1).map(or => stringifyGroup(or))];\n        const orValue = alternatives.join('|');\n\n        return `${newRule[0].path}=${encodeURIComponent(orValue)}`;\n      } else {\n        return stringifyGroup(newRule);\n      }\n    })\n    .join('&');\n}\n\nexport { stringify };\n"]}
+{"version":3,"file":"stringify.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/utils/stringify.ts"],"names":[],"mappings":"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","sourcesContent":["import { ParsedValue } from '../types';\n\nfunction stringifyGroup(parsedValue: ParsedValue): string {\n  let result = parsedValue.path;\n  if (parsedValue.name) result += `:name[${parsedValue.name}]`;\n  if (parsedValue.operator) result += `:${parsedValue.operator}`;\n  result = `${encodeURIComponent(result)}=${encodeURIComponent(parsedValue.value)}`;\n  return result === '=' ? '' : result;\n}\n\nfunction stringify(newValue: (ParsedValue | ParsedValue[])[]): string {\n  const toQuery = (rules: string[], rule: ParsedValue | ParsedValue[]) => {\n    if (Array.isArray(rule)) {\n      const alternatives = [rule[0].value, rule.slice(1).map(or => stringifyGroup(or))];\n      const orValue = alternatives.join('|');\n\n      rules.push(`${rule[0].path}=${encodeURIComponent(orValue)}`);\n    } else if (rule.path !== 'zoom') {\n      rules.push(stringifyGroup(rule));\n    }\n\n    return rules;\n  };\n\n  const query = newValue.reduce(toQuery, [] as string[]);\n  const zoom = getZoomedRels(newValue).join(',');\n\n  if (zoom) query.push(`zoom=${encodeURIComponent(zoom)}`);\n  return query.join('&');\n}\n\nfunction getZoomedRels(value: (ParsedValue | ParsedValue[])[]): string[] {\n  return value\n    .map(rule => {\n      if (Array.isArray(rule)) return getZoomedRels(rule);\n      if (rule.name) return [rule.path];\n\n      const pathMembers = rule.path.split(':');\n      return pathMembers.slice(0, pathMembers.length - 1);\n    })\n    .flat()\n    .sort((rel1, rel2) => rel2.length - rel1.length)\n    .filter((rel, index, rels) => {\n      return rels.every((_rel, _index) => {\n        return (_index >= index || _rel !== rel) && !_rel.startsWith(`${rel}:`);\n      });\n    });\n}\n\nexport { stringify };\n"]}

package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.d.ts

@@ -77,9 +77,5 @@ export declare class TemplateConfigForm extends Base<Data> {
     private __renderGoogleAnalytics;
     private __renderGoogleTag;
     private __renderTroubleshooting;
-    private __renderCustomConfig;
-    private __renderHeader;
-    private __renderCustomFields;
-    private __renderFooter;
 }
 export {};

package/dist/elements/public/TemplateConfigForm/TemplateConfigForm.js

@@ -77,8 +77,8 @@ export class TemplateConfigForm extends Base {
     static get scopedElements() {
         return {
             'vaadin-text-field': customElements.get('vaadin-text-field'),
-            'vaadin-text-area': customElements.get('vaadin-text-area'),
             'iron-icon': customElements.get('iron-icon'),
+            'foxy-internal-source-control': customElements.get('foxy-internal-source-control'),
             'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
             'foxy-spinner': customElements.get('foxy-spinner'),
             'foxy-i18n': customElements.get('foxy-i18n'),
@@ -114,10 +114,71 @@ export class TemplateConfigForm extends Base {
           ${hidden.matches('google-analytics', true) ? '' : this.__renderGoogleAnalytics(json)}
           ${hidden.matches('google-tag', true) ? '' : this.__renderGoogleTag(json)}
           ${hidden.matches('troubleshooting', true) ? '' : this.__renderTroubleshooting(json)}
-          ${hidden.matches('custom-config', true) ? '' : this.__renderCustomConfig(json)}
-          ${hidden.matches('header', true) ? '' : this.__renderHeader(json)}
-          ${hidden.matches('custom-fields', true) ? '' : this.__renderCustomFields(json)}
-          ${hidden.matches('footer', true) ? '' : this.__renderFooter(json)}
+
+          <foxy-internal-source-control
+            data-testid="custom-config"
+            helper-text=${this.t('custom_config_helper_text')}
+            placeholder='{ "key": "value" }'
+            label=${this.t('custom_config')}
+            infer="custom-config"
+            .getValue=${() => {
+            if (typeof json.custom_config === 'string')
+                return json.custom_config;
+            return JSON.stringify(json.custom_config, null, 2);
+        }}
+            .setValue=${(newValue) => {
+            try {
+                json.custom_config = JSON.parse(newValue);
+            }
+            catch (_a) {
+                json.custom_config = newValue;
+            }
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
+
+          <foxy-internal-source-control
+            data-testid="header"
+            placeholder="<style>h1 { color: red }</style>"
+            helper-text=${this.t('custom_header_helper_text')}
+            label=${this.t('custom_header')}
+            infer="header"
+            .getValue=${() => json.custom_script_values.header}
+            .setValue=${(newValue) => {
+            json.custom_script_values.header = newValue;
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
+
+          <foxy-internal-source-control
+            data-testid="custom-fields"
+            placeholder='<label>Comment: <input name="comment"></label>'
+            helper-text=${this.t('custom_fields_helper_text')}
+            label=${this.t('custom_fields')}
+            infer="custom-fields"
+            .getValue=${() => json.custom_script_values.checkout_fields}
+            .setValue=${(newValue) => {
+            json.custom_script_values.checkout_fields = newValue;
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
+
+          <foxy-internal-source-control
+            data-testid="footer"
+            placeholder='<script src="https://example.com/code.js"></script>'
+            helper-text=${this.t('custom_footer_helper_text')}
+            label=${this.t('custom_footer')}
+            infer="footer"
+            .getValue=${() => json.custom_script_values.footer}
+            .setValue=${(newValue) => {
+            json.custom_script_values.footer = newValue;
+            this.edit({ json: JSON.stringify(json) });
+        }}
+          >
+          </foxy-internal-source-control>
         </div>
 
         <div
@@ -1261,118 +1322,5 @@ export class TemplateConfigForm extends Base {
       </div>
     `;
     }
-    __renderCustomConfig(json) {
-        return html `
-      <div data-testid="custom-config">
-        ${this.renderTemplateOrSlot('custom-config:before')}
-
-        <vaadin-text-area
-          data-testid="custom-config-field"
-          class="w-full"
-          label=${this.t('custom_config')}
-          placeholder='{ "key": "value" }'
-          helper-text=${this.t('custom_config_helper_text')}
-          .value=${json.custom_config ? JSON.stringify(json.custom_config, null, 2) : ''}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('custom-config', true)}
-          ?readonly=${this.readonlySelector.matches('custom-config', true)}
-          @input=${(evt) => {
-            const input = evt.currentTarget;
-            try {
-                json.custom_config = input.value ? JSON.parse(input.value) : '';
-                this.edit({ json: JSON.stringify(json) });
-                input.invalid = false;
-            }
-            catch (_a) {
-                input.invalid = true;
-            }
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('custom-config:after')}
-      </div>
-    `;
-    }
-    __renderHeader(json) {
-        return html `
-      <div data-testid="header">
-        ${this.renderTemplateOrSlot('header:before')}
-
-        <vaadin-text-area
-          data-testid="header-field"
-          class="w-full"
-          label=${this.t('custom_header')}
-          helper-text=${this.t('custom_header_helper_text')}
-          .value=${json.custom_script_values.header}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('header', true)}
-          ?readonly=${this.readonlySelector.matches('header', true)}
-          @input=${(evt) => {
-            const target = evt.currentTarget;
-            const newConfig = {
-                ...json.custom_script_values,
-                header: target.value,
-            };
-            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('header:after')}
-      </div>
-    `;
-    }
-    __renderCustomFields(json) {
-        return html `
-      <div data-testid="custom-fields">
-        ${this.renderTemplateOrSlot('custom-fields:before')}
-
-        <vaadin-text-area
-          data-testid="custom-fields-field"
-          class="w-full"
-          label=${this.t('custom_fields')}
-          helper-text=${this.t('custom_fields_helper_text')}
-          .value=${json.custom_script_values.checkout_fields}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('custom-fields', true)}
-          ?readonly=${this.readonlySelector.matches('custom-fields', true)}
-          @input=${(evt) => {
-            const newValue = evt.currentTarget.value;
-            json.custom_script_values.checkout_fields = newValue;
-            this.edit({ json: JSON.stringify(json) });
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('custom-fields:after')}
-      </div>
-    `;
-    }
-    __renderFooter(json) {
-        return html `
-      <div data-testid="footer">
-        ${this.renderTemplateOrSlot('footer:before')}
-
-        <vaadin-text-area
-          data-testid="footer-field"
-          class="w-full"
-          label=${this.t('custom_footer')}
-          helper-text=${this.t('custom_footer_helper_text')}
-          .value=${json.custom_script_values.footer}
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('footer', true)}
-          ?readonly=${this.readonlySelector.matches('footer', true)}
-          @input=${(evt) => {
-            const target = evt.currentTarget;
-            const newConfig = {
-                ...json.custom_script_values,
-                footer: target.value,
-            };
-            this.edit({ json: JSON.stringify({ ...json, custom_script_values: newConfig }) });
-        }}
-        >
-        </vaadin-text-area>
-
-        ${this.renderTemplateOrSlot('footer:after')}
-      </div>
-    `;
-    }
 }
 //# sourceMappingURL=TemplateConfigForm.js.map