@yoobic/yobi 8.5.0-82 → 8.5.0-84

package/dist/types/components/form/slides-media/slides-media.d.ts

@@ -15,6 +15,7 @@ export declare class YooSlidesMediaComponent {
   showBottomContainer: boolean;
   isLight: boolean;
   waitForModalLoaded?: boolean;
+  playsinline?: boolean;
   /**
    * Customise the tick button into a button with the text
    */

package/dist/types/components.d.ts

@@ -4165,17 +4165,6 @@ export namespace Components {
          */
         "value": number;
     }
-    interface YooFormStripeCard {
-        "asyncValidators": Array<AsyncValidator<string>>;
-        "placeholder": string;
-        "readonly": boolean;
-        "required": boolean;
-        "size"?: TBaseSize;
-        "stripe_key"?: string;
-        "type": string;
-        "validators": Array<Validator<string> | IValidatorEntry>;
-        "value": string | number;
-    }
     interface YooFormSwipeCards {
         "animated": boolean;
         "answer": string[][];
@@ -6414,6 +6403,7 @@ export namespace Components {
         "isReadonly": boolean;
         "items": any;
         "overlayDismiss": () => Promise<void>;
+        "playsinline"?: boolean;
         /**
           * Secondary action, addition functionality passed to a readonly photo editor
          */
@@ -6903,6 +6893,7 @@ export namespace Components {
           * Will play the video
          */
         "playVideo": () => Promise<void>;
+        "playsinline"?: boolean;
         /**
           * Poster for video before playing
          */
@@ -7833,10 +7824,6 @@ export interface YooFormStarRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooFormStarRatingElement;
 }
-export interface YooFormStripeCardCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLYooFormStripeCardElement;
-}
 export interface YooFormSwipeCardsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooFormSwipeCardsElement;
@@ -9476,12 +9463,6 @@ declare global {
         prototype: HTMLYooFormStarRatingElement;
         new (): HTMLYooFormStarRatingElement;
     };
-    interface HTMLYooFormStripeCardElement extends Components.YooFormStripeCard, HTMLStencilElement {
-    }
-    var HTMLYooFormStripeCardElement: {
-        prototype: HTMLYooFormStripeCardElement;
-        new (): HTMLYooFormStripeCardElement;
-    };
     interface HTMLYooFormSwipeCardsElement extends Components.YooFormSwipeCards, HTMLStencilElement {
     }
     var HTMLYooFormSwipeCardsElement: {
@@ -10582,7 +10563,6 @@ declare global {
         "yoo-form-signature-pad-dialog": HTMLYooFormSignaturePadDialogElement;
         "yoo-form-sorts": HTMLYooFormSortsElement;
         "yoo-form-star-rating": HTMLYooFormStarRatingElement;
-        "yoo-form-stripe-card": HTMLYooFormStripeCardElement;
         "yoo-form-swipe-cards": HTMLYooFormSwipeCardsElement;
         "yoo-form-table": HTMLYooFormTableElement;
         "yoo-form-task": HTMLYooFormTaskElement;
@@ -15866,21 +15846,6 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
-    interface YooFormStripeCard {
-        "asyncValidators"?: Array<AsyncValidator<string>>;
-        "onInputBlurred"?: (event: YooFormStripeCardCustomEvent<any>) => void;
-        "onInputChanged"?: (event: YooFormStripeCardCustomEvent<any>) => void;
-        "onInputFocused"?: (event: YooFormStripeCardCustomEvent<any>) => void;
-        "onValidityChanged"?: (event: YooFormStripeCardCustomEvent<boolean>) => void;
-        "placeholder"?: string;
-        "readonly"?: boolean;
-        "required"?: boolean;
-        "size"?: TBaseSize;
-        "stripe_key"?: string;
-        "type"?: string;
-        "validators"?: Array<Validator<string> | IValidatorEntry>;
-        "value"?: string | number;
-    }
     interface YooFormSwipeCards {
         "animated"?: boolean;
         "answer"?: string[][];
@@ -18322,6 +18287,7 @@ declare namespace LocalJSX {
         "onSlideChanges"?: (event: YooSlidesMediaCustomEvent<number>) => void;
         "onTag"?: (event: YooSlidesMediaCustomEvent<IPhoto>) => void;
         "onUserProfile"?: (event: YooSlidesMediaCustomEvent<IPhoto>) => void;
+        "playsinline"?: boolean;
         /**
           * Secondary action, addition functionality passed to a readonly photo editor
          */
@@ -18811,6 +18777,7 @@ declare namespace LocalJSX {
           * Used for resetting the width of the paretn otherwise the parent container won't shrink based on the new video witdh also, we need to parent width to be 100% before the scale up is applied
          */
         "onVideoWidthSet"?: (event: YooVideoplayerVideojsCustomEvent<boolean>) => void;
+        "playsinline"?: boolean;
         /**
           * Poster for video before playing
          */
@@ -19381,7 +19348,6 @@ declare namespace LocalJSX {
         "yoo-form-signature-pad-dialog": YooFormSignaturePadDialog;
         "yoo-form-sorts": YooFormSorts;
         "yoo-form-star-rating": YooFormStarRating;
-        "yoo-form-stripe-card": YooFormStripeCard;
         "yoo-form-swipe-cards": YooFormSwipeCards;
         "yoo-form-table": YooFormTable;
         "yoo-form-task": YooFormTask;
@@ -19742,7 +19708,6 @@ declare module "@stencil/core" {
             "yoo-form-signature-pad-dialog": LocalJSX.YooFormSignaturePadDialog & JSXBase.HTMLAttributes<HTMLYooFormSignaturePadDialogElement>;
             "yoo-form-sorts": LocalJSX.YooFormSorts & JSXBase.HTMLAttributes<HTMLYooFormSortsElement>;
             "yoo-form-star-rating": LocalJSX.YooFormStarRating & JSXBase.HTMLAttributes<HTMLYooFormStarRatingElement>;
-            "yoo-form-stripe-card": LocalJSX.YooFormStripeCard & JSXBase.HTMLAttributes<HTMLYooFormStripeCardElement>;
             "yoo-form-swipe-cards": LocalJSX.YooFormSwipeCards & JSXBase.HTMLAttributes<HTMLYooFormSwipeCardsElement>;
             "yoo-form-table": LocalJSX.YooFormTable & JSXBase.HTMLAttributes<HTMLYooFormTableElement>;
             "yoo-form-task": LocalJSX.YooFormTask & JSXBase.HTMLAttributes<HTMLYooFormTaskElement>;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field-type.d.ts

@@ -102,7 +102,6 @@ export declare enum FormFieldType {
   sorts = "sorts",
   signature = "signature",
   starrating = "starrating",
-  stripecard = "stripecard",
   subquery = "subquery",
   swipecards = "swipecards",
   table = "table",

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts

@@ -499,7 +499,6 @@ export interface IFormField {
   origin?: string;
   bypassPermissions?: boolean;
   collapsible?: boolean;
-  stripe_key?: string;
   feedPreview?: IEntity;
   currencySymbol?: string;
   contained?: boolean;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/violet/violet.interface.d.ts

@@ -66,7 +66,6 @@ export declare class IVioletProductOfferSkuAlbumMedia extends IEntity {
 }
 export declare class IVioletCart {
   id: string;
-  stripe_key: string;
 }
 export declare class IVioletShippingMethod extends IEntity {
   bag_id: number;
@@ -106,7 +105,6 @@ export declare class IVioletBasket extends IEntity {
   currency: string;
   currency_symbol: string;
   shipping_address: IVioletAddress;
-  stripe_key: string;
   total: number;
   tax_total: number;
   shipping_total: number;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/utils/src/config/index.d.ts

@@ -28,6 +28,7 @@ export declare function isForceScrollbar(): boolean;
 export declare function isTablet(): boolean;
 export declare function isTabletOrIpad(): boolean;
 export declare function isPhablet(): boolean;
+export declare function isAndroid10(): boolean;
 export declare function isIOSVersion(version: number): boolean;
 export declare function setupConfig(customConfig: Record<string, any>, collection: string): void;
 export declare function isIonic(host?: HTMLElement): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.5.0-82",
+  "version": "8.5.0-84",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",

package/dist/cjs/index-c2915c00.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./localForage-4bffb8d4.js');
-

package/dist/cjs/shadow-dom-helper-292b05ce.js

@@ -1,55 +0,0 @@
-'use strict';
-
-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);
-}
-
-exports.destroyMountPoints = destroyMountPoints;
-exports.generateRandomMountElementId = generateRandomMountElementId;
-exports.initShadowMountPoints = initShadowMountPoints;

package/dist/cjs/yoo-form-stripe-card.cjs.entry.js

@@ -1,255 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-9ca0e46c.js');
-require('./index-3b2bb781.js');
-const formInputHelpers = require('./form-input-helpers-bb3c990c.js');
-const shadowDomHelper = require('./shadow-dom-helper-292b05ce.js');
-const index$1 = require('./index-5b9e2202.js');
-require('./lodash-a9050d79.js');
-require('./index-cb8276bc.js');
-require('./common-helpers-09d9e59b.js');
-require('./_commonjsHelpers-94df2ea7.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) {
-    index.registerInstance(this, hostRef);
-    this.validityChanged = index.createEvent(this, "validityChanged", 7);
-    this.inputBlurred = index.createEvent(this, "inputBlurred", 7);
-    this.inputFocused = index.createEvent(this, "inputFocused", 7);
-    this.inputChanged = index.createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.shadowHosts = [];
-  }
-  get mount() {
-    return document.getElementById(this.mountId);
-  }
-  onRequireChanged() {
-    this.validate();
-  }
-  componentWillLoad() {
-    formInputHelpers.setValidator(this);
-  }
-  componentDidLoad() {
-    if (!index.Build.isServer) {
-      this.loadStripe();
-    }
-  }
-  async loadStripe() {
-    if (this.cardEl) {
-      this.slotName = index$1.getUUID();
-      this.stripe = await loadStripe(this.stripe_key || 'pk_test_7fsltxMMLhABfNjHrZqDToUn');
-      this.elements = this.stripe.elements({
-        locale: index$1.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: index$1.getCssColor('dark'),
-            fontFamily: 'Lato',
-            fontSmoothing: 'antialiased'
-          },
-          invalid: {
-            color: index$1.getCssColor('danger'),
-            iconColor: index$1.getCssColor('danger')
-          }
-        }
-      });
-      shadowDomHelper.destroyMountPoints(this.shadowHosts, this.mount, this.slotName);
-      this.mountId = shadowDomHelper.generateRandomMountElementId(this.host.tagName);
-      shadowDomHelper.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;
-    formInputHelpers.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;
-          formInputHelpers.setValueAndValidateInput(res.token, this);
-        }
-      });
-    }
-  }
-  render() {
-    return (index.h("div", { class: "outer-container" }, index.h("form", { id: "payment-form" }, index.h("div", { id: "card-element", ref: (el) => (this.cardEl = el) }), index.h("div", { id: "card-errors", role: "alert" }, this.error))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "required": ["onRequireChanged"]
-  }; }
-};
-YooFormStripeCardComponent.style = formStripeCardCss;
-
-exports.yoo_form_stripe_card = YooFormStripeCardComponent;