npm - @yoobic/yobi - Versions diffs - 8.5.0-83 → 8.5.0-84 - Mend

@yoobic/yobi 8.5.0-83 → 8.5.0-84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1126) hide show

package/dist/design-system/yoo-form-stripe-card.entry.js DELETED Viewed

@@ -1,251 +0,0 @@
-import { r as registerInstance, i as createEvent, j as Build, h, g as getElement } from './index-a6a92b3d.js';
-import './index-d95fd3d5.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-79a8aef9.js';
-import { d as destroyMountPoints, g as generateRandomMountElementId, i as initShadowMountPoints } from './shadow-dom-helper-98f06c2b.js';
-import { aU as getUUID, aA as getCurrentLanguage, Q as getCssColor } from './index-2116b753.js';
-import './lodash-777f91de.js';
-import './index-604330b3.js';
-import './common-helpers-e14e615a.js';
-import './_commonjsHelpers-f4d11124.js';
-var V3_URL = 'https://js.stripe.com/v3';
-var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
-var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
-var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
-  for (var i = 0; i < scripts.length; i++) {
-    var script = scripts[i];
-    if (!V3_URL_REGEX.test(script.src)) {
-      continue;
-    }
-    return script;
-  }
-  return null;
-};
-var injectScript = function injectScript(params) {
-  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
-  var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
-  var headOrBody = document.head || document.body;
-  if (!headOrBody) {
-    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');
-  }
-  headOrBody.appendChild(script);
-  return script;
-};
-var registerWrapper = function registerWrapper(stripe, startTime) {
-  if (!stripe || !stripe._registerWrapper) {
-    return;
-  }
-  stripe._registerWrapper({
-    name: 'stripe-js',
-    version: "1.41.0",
-    startTime: startTime
-  });
-};
-var stripePromise = null;
-var loadScript = function loadScript(params) {
-  // Ensure that we only attempt to load Stripe.js at most once
-  if (stripePromise !== null) {
-    return stripePromise;
-  }
-  stripePromise = new Promise(function (resolve, reject) {
-    if (typeof window === 'undefined') {
-      // Resolve to null when imported server side. This makes the module
-      // safe to import in an isomorphic code base.
-      resolve(null);
-      return;
-    }
-    if (window.Stripe && params) {
-      console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-    if (window.Stripe) {
-      resolve(window.Stripe);
-      return;
-    }
-    try {
-      var script = findScript();
-      if (script && params) {
-        console.warn(EXISTING_SCRIPT_MESSAGE);
-      } else if (!script) {
-        script = injectScript(params);
-      }
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
-    } catch (error) {
-      reject(error);
-      return;
-    }
-  });
-  return stripePromise;
-};
-var initStripe = function initStripe(maybeStripe, args, startTime) {
-  if (maybeStripe === null) {
-    return null;
-  }
-  var stripe = maybeStripe.apply(undefined, args);
-  registerWrapper(stripe, startTime);
-  return stripe;
-}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-// own script injection.
-var stripePromise$1 = Promise.resolve().then(function () {
-  return loadScript(null);
-});
-var loadCalled = false;
-stripePromise$1["catch"](function (err) {
-  if (!loadCalled) {
-    console.warn(err);
-  }
-});
-var loadStripe = function loadStripe() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  loadCalled = true;
-  var startTime = Date.now();
-  return stripePromise$1.then(function (maybeStripe) {
-    return initStripe(maybeStripe, args, startTime);
-  });
-};
-const formStripeCardCss = "svg.sc-yoo-form-stripe-card:not(:root){overflow:hidden}.sc-yoo-form-stripe-card-h .outer-container.sc-yoo-form-stripe-card{padding-top:var(--spacing-08, 0.5rem)}";
-const YooFormStripeCardComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.validityChanged = createEvent(this, "validityChanged", 7);
-    this.inputBlurred = createEvent(this, "inputBlurred", 7);
-    this.inputFocused = createEvent(this, "inputFocused", 7);
-    this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.shadowHosts = [];
-  }
-  get mount() {
-    return document.getElementById(this.mountId);
-  }
-  onRequireChanged() {
-    this.validate();
-  }
-  componentWillLoad() {
-    setValidator(this);
-  }
-  componentDidLoad() {
-    if (!Build.isServer) {
-      this.loadStripe();
-    }
-  }
-  async loadStripe() {
-    if (this.cardEl) {
-      this.slotName = getUUID();
-      this.stripe = await loadStripe(this.stripe_key || 'pk_test_7fsltxMMLhABfNjHrZqDToUn');
-      this.elements = this.stripe.elements({
-        locale: getCurrentLanguage(),
-        fonts: [
-          {
-            cssSrc: 'https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext&display=swap'
-          }
-        ]
-      });
-      this.card = this.elements.create('card', {
-        hidePostalCode: true,
-        style: {
-          base: {
-            fontSize: '16px',
-            lineHeight: '40px',
-            color: getCssColor('dark'),
-            fontFamily: 'Lato',
-            fontSmoothing: 'antialiased'
-          },
-          invalid: {
-            color: getCssColor('danger'),
-            iconColor: getCssColor('danger')
-          }
-        }
-      });
-      destroyMountPoints(this.shadowHosts, this.mount, this.slotName);
-      this.mountId = generateRandomMountElementId(this.host.tagName);
-      initShadowMountPoints(this.host, this.shadowHosts, this.mountId, this.host.tagName, this.slotName);
-      this.card.mount(this.mount);
-      this.card.addEventListener('change', (event) => {
-        if (event.error) {
-          this.setError(event.error);
-        }
-        else {
-          if (this.error) {
-            this.error = null;
-          }
-          if (event.complete) {
-            this.createToken();
-          }
-        }
-      });
-    }
-  }
-  validate() {
-    let isValid = true;
-    if (this.required && !this.value) {
-      isValid = false;
-    }
-    if (!this.validity || this.validity !== isValid) {
-      this.validityChanged.emit(isValid);
-      this.validity = isValid;
-    }
-    return this.validity;
-  }
-  setError(error) {
-    this.error = error.message;
-    this.value = null;
-    setValueAndValidateInput(null, this);
-  }
-  createToken() {
-    if (this.stripe) {
-      this.stripe.createToken(this.card).then((res) => {
-        if (res.error) {
-          this.setError(res.error);
-        }
-        else {
-          this.value = res.token;
-          setValueAndValidateInput(res.token, this);
-        }
-      });
-    }
-  }
-  render() {
-    return (h("div", { class: "outer-container" }, h("form", { id: "payment-form" }, h("div", { id: "card-element", ref: (el) => (this.cardEl = el) }), h("div", { id: "card-errors", role: "alert" }, this.error))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "required": ["onRequireChanged"]
-  }; }
-};
-YooFormStripeCardComponent.style = formStripeCardCss;
-export { YooFormStripeCardComponent as yoo_form_stripe_card };

package/dist/esm/index-13545da8.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import './localForage-4600295e.js';

package/dist/esm/shadow-dom-helper-98f06c2b.js DELETED Viewed

@@ -1,51 +0,0 @@
-function generateRandomMountElementId(tagName) {
-  return `${tagName.toLowerCase()}-mount-point-${(Date.now() + Math.random() * 1000).toString(36).substr(0, 8)}`;
-}
-function destroyMountPoints(shadowHosts, mount, slotName) {
-  shadowHosts === null || shadowHosts === void 0 ? void 0 : shadowHosts.forEach((h) => removeAllMounts(h, slotName));
-  if (mount) {
-    mount.remove();
-  }
-}
-function removeAllMounts(container, slotName) {
-  container.querySelectorAll(`[slot="${slotName}"][name="${slotName}"]`).forEach((el) => el === null || el === void 0 ? void 0 : el.remove());
-}
-function initShadowMountPoints(host, shadowHosts, mountId, tagName, slotName) {
-  shadowHosts = [host];
-  while ((host = host.getRootNode().host)) {
-    shadowHosts.push(host);
-  }
-  // Prepare the shallowest breadcrumb slot at document level
-  const hosts = [...shadowHosts];
-  const root = hosts.pop();
-  if (!root.querySelector(`[slot="${slotName}"]`)) {
-    const div = document.createElement('div');
-    div.slot = slotName;
-    root.appendChild(div);
-  }
-  const container = root.querySelector(`[slot="${slotName}"]`);
-  // Render the form to the document, so that the element can mount
-  mountPointTemplate(container, mountId, tagName);
-  // Append breadcrumb slots to each shadowroot in turn,
-  // from the document down to the <stripe-elements> instance.
-  hosts.forEach((h) => {
-    if ((h === null || h === void 0 ? void 0 : h['tagName']) === 'YOO-FORM-TEXT-EDITOR') {
-      h = h.querySelector('div.container');
-    }
-    slotTemplate(h, slotName);
-  });
-}
-function mountPointTemplate(container, mountId, tagName) {
-  const div = document.createElement('div');
-  div.id = mountId;
-  div.classList.add(tagName.toLowerCase() + '-mount');
-  container.appendChild(div);
-}
-function slotTemplate(container, slotName) {
-  const slot = document.createElement('slot');
-  slot.slot = slotName;
-  slot.name = slotName;
-  container.appendChild(slot);
-}
-export { destroyMountPoints as d, generateRandomMountElementId as g, initShadowMountPoints as i };

package/dist/esm/swiper-0db6a2c0.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-8ffeecf8.js';
-export { S as Swiper } from './yoo-ion-slides-8ffeecf8.js';
-import './index-a6a92b3d.js';
-import './index-d95fd3d5.js';
-import './index-2116b753.js';
-import './index-604330b3.js';
-import './_commonjsHelpers-f4d11124.js';
-import './lodash-777f91de.js';
-import './common-helpers-e14e615a.js';
-import './theme-a4d014af.js';
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/esm/yoo-form-stripe-card.entry.js DELETED Viewed

@@ -1,251 +0,0 @@
-import { r as registerInstance, i as createEvent, j as Build, h, g as getElement } from './index-a6a92b3d.js';
-import './index-d95fd3d5.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-79a8aef9.js';
-import { d as destroyMountPoints, g as generateRandomMountElementId, i as initShadowMountPoints } from './shadow-dom-helper-98f06c2b.js';
-import { aU as getUUID, aA as getCurrentLanguage, Q as getCssColor } from './index-2116b753.js';
-import './lodash-777f91de.js';
-import './index-604330b3.js';
-import './common-helpers-e14e615a.js';
-import './_commonjsHelpers-f4d11124.js';
-var V3_URL = 'https://js.stripe.com/v3';
-var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
-var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
-var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
-  for (var i = 0; i < scripts.length; i++) {
-    var script = scripts[i];
-    if (!V3_URL_REGEX.test(script.src)) {
-      continue;
-    }
-    return script;
-  }
-  return null;
-};
-var injectScript = function injectScript(params) {
-  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
-  var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
-  var headOrBody = document.head || document.body;
-  if (!headOrBody) {
-    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');
-  }
-  headOrBody.appendChild(script);
-  return script;
-};
-var registerWrapper = function registerWrapper(stripe, startTime) {
-  if (!stripe || !stripe._registerWrapper) {
-    return;
-  }
-  stripe._registerWrapper({
-    name: 'stripe-js',
-    version: "1.41.0",
-    startTime: startTime
-  });
-};
-var stripePromise = null;
-var loadScript = function loadScript(params) {
-  // Ensure that we only attempt to load Stripe.js at most once
-  if (stripePromise !== null) {
-    return stripePromise;
-  }
-  stripePromise = new Promise(function (resolve, reject) {
-    if (typeof window === 'undefined') {
-      // Resolve to null when imported server side. This makes the module
-      // safe to import in an isomorphic code base.
-      resolve(null);
-      return;
-    }
-    if (window.Stripe && params) {
-      console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-    if (window.Stripe) {
-      resolve(window.Stripe);
-      return;
-    }
-    try {
-      var script = findScript();
-      if (script && params) {
-        console.warn(EXISTING_SCRIPT_MESSAGE);
-      } else if (!script) {
-        script = injectScript(params);
-      }
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
-    } catch (error) {
-      reject(error);
-      return;
-    }
-  });
-  return stripePromise;
-};
-var initStripe = function initStripe(maybeStripe, args, startTime) {
-  if (maybeStripe === null) {
-    return null;
-  }
-  var stripe = maybeStripe.apply(undefined, args);
-  registerWrapper(stripe, startTime);
-  return stripe;
-}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-// own script injection.
-var stripePromise$1 = Promise.resolve().then(function () {
-  return loadScript(null);
-});
-var loadCalled = false;
-stripePromise$1["catch"](function (err) {
-  if (!loadCalled) {
-    console.warn(err);
-  }
-});
-var loadStripe = function loadStripe() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  loadCalled = true;
-  var startTime = Date.now();
-  return stripePromise$1.then(function (maybeStripe) {
-    return initStripe(maybeStripe, args, startTime);
-  });
-};
-const formStripeCardCss = "svg.sc-yoo-form-stripe-card:not(:root){overflow:hidden}.sc-yoo-form-stripe-card-h .outer-container.sc-yoo-form-stripe-card{padding-top:var(--spacing-08, 0.5rem)}";
-const YooFormStripeCardComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.validityChanged = createEvent(this, "validityChanged", 7);
-    this.inputBlurred = createEvent(this, "inputBlurred", 7);
-    this.inputFocused = createEvent(this, "inputFocused", 7);
-    this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.shadowHosts = [];
-  }
-  get mount() {
-    return document.getElementById(this.mountId);
-  }
-  onRequireChanged() {
-    this.validate();
-  }
-  componentWillLoad() {
-    setValidator(this);
-  }
-  componentDidLoad() {
-    if (!Build.isServer) {
-      this.loadStripe();
-    }
-  }
-  async loadStripe() {
-    if (this.cardEl) {
-      this.slotName = getUUID();
-      this.stripe = await loadStripe(this.stripe_key || 'pk_test_7fsltxMMLhABfNjHrZqDToUn');
-      this.elements = this.stripe.elements({
-        locale: getCurrentLanguage(),
-        fonts: [
-          {
-            cssSrc: 'https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext&display=swap'
-          }
-        ]
-      });
-      this.card = this.elements.create('card', {
-        hidePostalCode: true,
-        style: {
-          base: {
-            fontSize: '16px',
-            lineHeight: '40px',
-            color: getCssColor('dark'),
-            fontFamily: 'Lato',
-            fontSmoothing: 'antialiased'
-          },
-          invalid: {
-            color: getCssColor('danger'),
-            iconColor: getCssColor('danger')
-          }
-        }
-      });
-      destroyMountPoints(this.shadowHosts, this.mount, this.slotName);
-      this.mountId = generateRandomMountElementId(this.host.tagName);
-      initShadowMountPoints(this.host, this.shadowHosts, this.mountId, this.host.tagName, this.slotName);
-      this.card.mount(this.mount);
-      this.card.addEventListener('change', (event) => {
-        if (event.error) {
-          this.setError(event.error);
-        }
-        else {
-          if (this.error) {
-            this.error = null;
-          }
-          if (event.complete) {
-            this.createToken();
-          }
-        }
-      });
-    }
-  }
-  validate() {
-    let isValid = true;
-    if (this.required && !this.value) {
-      isValid = false;
-    }
-    if (!this.validity || this.validity !== isValid) {
-      this.validityChanged.emit(isValid);
-      this.validity = isValid;
-    }
-    return this.validity;
-  }
-  setError(error) {
-    this.error = error.message;
-    this.value = null;
-    setValueAndValidateInput(null, this);
-  }
-  createToken() {
-    if (this.stripe) {
-      this.stripe.createToken(this.card).then((res) => {
-        if (res.error) {
-          this.setError(res.error);
-        }
-        else {
-          this.value = res.token;
-          setValueAndValidateInput(res.token, this);
-        }
-      });
-    }
-  }
-  render() {
-    return (h("div", { class: "outer-container" }, h("form", { id: "payment-form" }, h("div", { id: "card-element", ref: (el) => (this.cardEl = el) }), h("div", { id: "card-errors", role: "alert" }, this.error))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "required": ["onRequireChanged"]
-  }; }
-};
-YooFormStripeCardComponent.style = formStripeCardCss;
-export { YooFormStripeCardComponent as yoo_form_stripe_card };

package/dist/types/components/form/form-stripe-card/form-stripe-card.d.ts DELETED Viewed

@@ -1,36 +0,0 @@
-import { AsyncValidator, IValidatorEntry, TBaseSize, Validator } from '@shared/interfaces';
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class YooFormStripeCardComponent {
-  value: string | number;
-  stripe_key?: string;
-  validators: Array<Validator<string> | IValidatorEntry>;
-  asyncValidators: Array<AsyncValidator<string>>;
-  placeholder: string;
-  readonly: boolean;
-  type: string;
-  size?: TBaseSize;
-  required: boolean;
-  validityChanged: EventEmitter<boolean>;
-  inputBlurred: EventEmitter<any>;
-  inputFocused: EventEmitter<any>;
-  inputChanged: EventEmitter<any>;
-  error: string;
-  host: HTMLYooFormStripeCardElement;
-  validity: boolean;
-  protected shadowHosts: (Element | ShadowRoot)[];
-  protected get mount(): Element;
-  private stripe;
-  private elements;
-  private mountId;
-  private slotName;
-  private card;
-  private cardEl;
-  onRequireChanged(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  loadStripe(): Promise<void>;
-  validate(): boolean;
-  setError(error: any): void;
-  createToken(): void;
-  render(): any;
-}