ordering-components-external 13.1.2 → 13.1.3

package/src/components/ProductOptionSuboption/index.js

@@ -1,181 +1,181 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-/**
- * Component to render product option suboption
- */
-export const ProductOptionSuboption = (props) => {
-  const {
-    UIComponent,
-    balance,
-    option,
-    suboption,
-    onChange,
-    isOrigin,
-    pizzaState,
-    isAlsea,
-    quesoYSalsaOptions
-  } = props
-
-  /**
-   * Predefine default values for suboption state
-   */
-  const selected = props.state.selected || props.state.quantity > 0
-  let quantity = 0
-  if (selected && props.state.quantity && props.state.quantity > 0) {
-    quantity = props.state.quantity
-  } else if (selected) {
-    quantity = quesoYSalsaOptions.includes(option?.name?.toLowerCase()) && isAlsea ? props.state.quantity : 1
-  }
-  const position = props.state.position || 'whole'
-  const price = option.with_half_option && suboption.half_price && position !== 'whole' ? suboption.half_price : suboption.price
-  const usePizzaValidation = (pizzaState?.[`option:${option?.id}`]?.value >= option?.max) && !(option?.max === 1 && option?.min === 1)
-
-  /**
-   * Set current state
-   */
-  const state = { id: suboption.id, name: suboption.name, price, selected, quantity, position, total: price * quantity }
-
-  /**
-   * Run onChange function with new state
-   * @param {object} newState State with changes
-   */
-  const changeState = (newState) => {
-    onChange && onChange(newState, suboption, option)
-  }
-
-  /**
-   * Select/unselect the suboption
-   */
-  const toggleSelect = () => {
-    const selectStatus = isOrigin ? !state.selected : state.selected
-    const minMaxValidation = option.with_half_option ? usePizzaValidation : (balance === option.max && !(option?.max === 1 && option?.min === 1))
-    const canBeSelectedByHalf = (pizzaState?.[`option:${option?.id}`]?.value === (option.max - 0.5)) && option.with_half_option
-    if (selectStatus && (option.limit_suboptions_by_max || isAlsea) && minMaxValidation && !canBeSelectedByHalf) {
-      return
-    }
-    changeState({
-      ...state,
-      quantity: state.selected ? 0 : 1,
-      selected: !state.selected,
-      position: canBeSelectedByHalf ? 'left' : 'whole'
-    })
-  }
-
-  /**
-   * Increment suboption quantity
-   */
-  const increment = () => {
-    if (!option?.with_half_option && option.limit_suboptions_by_max && (balance === option.max || state.quantity === suboption.max)) {
-      return
-    }
-    if (!option?.with_half_option && !option.limit_suboptions_by_max && state.quantity === suboption.max) {
-      return
-    }
-    if (option?.with_half_option && usePizzaValidation) {
-      return
-    }
-    changeState({
-      ...state,
-      selected: state.quantity === 0 ? true : state.selected,
-      quantity: state.quantity + 1,
-      total: state.price * (state.quantity + 1)
-    })
-  }
-
-  /**
-   * Decrement suboption quantity
-   */
-  const decrement = () => {
-    if (state.quantity === 0) {
-      return
-    }
-    changeState({
-      ...state,
-      selected: state.quantity === 1 ? false : state.selected,
-      quantity: state.quantity - 1,
-      total: state.price * (state.quantity - 1)
-    })
-  }
-
-  /**
-   * Change position of the suboption
-   * @param {string} position Position of the suboption
-   */
-  const changePosition = (position) => {
-    const price = option.with_half_option && suboption.half_price && position !== 'whole' ? suboption.half_price : suboption.price
-    changeState({
-      ...state,
-      position,
-      price,
-      total: price * state.quantity
-    })
-  }
-
-  /**
-   * Change position of the suboption
-   * @param {string} position Position of the suboption
-   */
-  const changeQuantity = (quantity) => {
-    changeState({
-      ...state,
-      quantity: quantity,
-      total: state.price * quantity
-    })
-  }
-
-  return (
-    <>
-      {
-        UIComponent && (
-          <UIComponent
-            {...props}
-            state={state}
-            usePizzaValidation={usePizzaValidation}
-            changeQuantity={changeQuantity}
-            increment={increment}
-            decrement={decrement}
-            changePosition={changePosition}
-            toggleSelect={toggleSelect}
-          />
-        )
-      }
-    </>
-  )
-}
-
-ProductOptionSuboption.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Current quantity options or suboptions selected
-   */
-  balance: PropTypes.number.isRequired,
-  /**
-   * Option object to render UI
-   */
-  option: PropTypes.object.isRequired,
-  /**
-   * Suboption object to render UI
-   */
-  suboption: PropTypes.object.isRequired,
-  /**
-   * Current state
-   */
-  state: PropTypes.shape({
-    selected: PropTypes.bool,
-    quantity: PropTypes.number,
-    position: PropTypes.string
-  }).isRequired,
-  /**
-   * Function to get suboption changes
-   */
-  onChange: PropTypes.func
-}
-
-ProductOptionSuboption.defaultProps = {
-  state: {},
-  balance: 0
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+/**
+ * Component to render product option suboption
+ */
+export const ProductOptionSuboption = (props) => {
+  const {
+    UIComponent,
+    balance,
+    option,
+    suboption,
+    onChange,
+    isOrigin,
+    pizzaState,
+    isAlsea,
+    quesoYSalsaOptions
+  } = props
+
+  /**
+   * Predefine default values for suboption state
+   */
+  const selected = props.state.selected || props.state.quantity > 0
+  let quantity = 0
+  if (selected && props.state.quantity && props.state.quantity > 0) {
+    quantity = props.state.quantity
+  } else if (selected) {
+    quantity = quesoYSalsaOptions.includes(option?.name?.toLowerCase()) && isAlsea ? props.state.quantity : 1
+  }
+  const position = props.state.position || 'whole'
+  const price = option.with_half_option && suboption.half_price && position !== 'whole' ? suboption.half_price : suboption.price
+  const usePizzaValidation = (pizzaState?.[`option:${option?.id}`]?.value >= option?.max) && !(option?.max === 1 && option?.min === 1)
+
+  /**
+   * Set current state
+   */
+  const state = { id: suboption.id, name: suboption.name, price, selected, quantity, position, total: price * quantity }
+
+  /**
+   * Run onChange function with new state
+   * @param {object} newState State with changes
+   */
+  const changeState = (newState) => {
+    onChange && onChange(newState, suboption, option)
+  }
+
+  /**
+   * Select/unselect the suboption
+   */
+  const toggleSelect = () => {
+    const selectStatus = isOrigin ? !state.selected : state.selected
+    const minMaxValidation = option.with_half_option ? usePizzaValidation : (balance === option.max && !(option?.max === 1 && option?.min === 1))
+    const canBeSelectedByHalf = (pizzaState?.[`option:${option?.id}`]?.value === (option.max - 0.5)) && option.with_half_option
+    if (selectStatus && (option.limit_suboptions_by_max || isAlsea) && minMaxValidation && !canBeSelectedByHalf) {
+      return
+    }
+    changeState({
+      ...state,
+      quantity: state.selected ? 0 : 1,
+      selected: !state.selected,
+      position: canBeSelectedByHalf ? 'left' : 'whole'
+    })
+  }
+
+  /**
+   * Increment suboption quantity
+   */
+  const increment = () => {
+    if (!option?.with_half_option && option.limit_suboptions_by_max && (balance === option.max || state.quantity === suboption.max)) {
+      return
+    }
+    if (!option?.with_half_option && !option.limit_suboptions_by_max && state.quantity === suboption.max) {
+      return
+    }
+    if (option?.with_half_option && usePizzaValidation) {
+      return
+    }
+    changeState({
+      ...state,
+      selected: state.quantity === 0 ? true : state.selected,
+      quantity: state.quantity + 1,
+      total: state.price * (state.quantity + 1)
+    })
+  }
+
+  /**
+   * Decrement suboption quantity
+   */
+  const decrement = () => {
+    if (state.quantity === 0) {
+      return
+    }
+    changeState({
+      ...state,
+      selected: state.quantity === 1 ? false : state.selected,
+      quantity: state.quantity - 1,
+      total: state.price * (state.quantity - 1)
+    })
+  }
+
+  /**
+   * Change position of the suboption
+   * @param {string} position Position of the suboption
+   */
+  const changePosition = (position) => {
+    const price = option.with_half_option && suboption.half_price && position !== 'whole' ? suboption.half_price : suboption.price
+    changeState({
+      ...state,
+      position,
+      price,
+      total: price * state.quantity
+    })
+  }
+
+  /**
+   * Change position of the suboption
+   * @param {string} position Position of the suboption
+   */
+  const changeQuantity = (quantity) => {
+    changeState({
+      ...state,
+      quantity: quantity,
+      total: state.price * quantity
+    })
+  }
+
+  return (
+    <>
+      {
+        UIComponent && (
+          <UIComponent
+            {...props}
+            state={state}
+            usePizzaValidation={usePizzaValidation}
+            changeQuantity={changeQuantity}
+            increment={increment}
+            decrement={decrement}
+            changePosition={changePosition}
+            toggleSelect={toggleSelect}
+          />
+        )
+      }
+    </>
+  )
+}
+
+ProductOptionSuboption.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Current quantity options or suboptions selected
+   */
+  balance: PropTypes.number.isRequired,
+  /**
+   * Option object to render UI
+   */
+  option: PropTypes.object.isRequired,
+  /**
+   * Suboption object to render UI
+   */
+  suboption: PropTypes.object.isRequired,
+  /**
+   * Current state
+   */
+  state: PropTypes.shape({
+    selected: PropTypes.bool,
+    quantity: PropTypes.number,
+    position: PropTypes.string
+  }).isRequired,
+  /**
+   * Function to get suboption changes
+   */
+  onChange: PropTypes.func
+}
+
+ProductOptionSuboption.defaultProps = {
+  state: {},
+  balance: 0
+}

package/src/components/ProductShare/index.js

@@ -1,97 +1,97 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-
-export const ProductShare = (props) => {
-  const {
-    UIComponent,
-    slug,
-    categoryId,
-    productId,
-    defaultUrl
-  } = props
-
-  const [showShareButton, setShowShareButton] = useState(false)
-  const urlToShare = defaultUrl || `${window.location.origin}/store/${slug}?category=${categoryId}&product=${productId}`
-
-  const addToAnyScript = () => {
-    const script = document.createElement('script')
-    script.type = 'text/javascript'
-    script.src = 'https://static.addtoany.com/menu/page.js'
-    script.async = true
-    script.defer = true
-    script.id = 'addthis_widget'
-    document.body.appendChild(script)
-  }
-
-  useEffect(() => {
-    if (window.document.getElementById('addthis_widget')) {
-      return
-    }
-    addToAnyScript()
-  }, [])
-
-  const changeShowCharedButton = (show) => {
-    setShowShareButton(show)
-    if (show && window.a2a) {
-      window.a2a.init()
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          updateShowValue={changeShowCharedButton}
-          showShareButton={showShareButton}
-          urlToShare={urlToShare}
-        />
-      )}
-    </>
-  )
-}
-
-ProductShare.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Business slug
-   */
-  slug: PropTypes.string,
-  /**
-   * product category id
-   */
-  categoryId: PropTypes.number,
-  /**
-   * product id
-   */
-  productId: PropTypes.number,
-  /**
-   * Components types before business type filter
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after business type filter
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before business type filter
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element)
-  /**
-   * Elements after business type filter
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-}
-
-ProductShare.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+
+export const ProductShare = (props) => {
+  const {
+    UIComponent,
+    slug,
+    categoryId,
+    productId,
+    defaultUrl
+  } = props
+
+  const [showShareButton, setShowShareButton] = useState(false)
+  const urlToShare = defaultUrl || `${window.location.origin}/store/${slug}?category=${categoryId}&product=${productId}`
+
+  const addToAnyScript = () => {
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = 'https://static.addtoany.com/menu/page.js'
+    script.async = true
+    script.defer = true
+    script.id = 'addthis_widget'
+    document.body.appendChild(script)
+  }
+
+  useEffect(() => {
+    if (window.document.getElementById('addthis_widget')) {
+      return
+    }
+    addToAnyScript()
+  }, [])
+
+  const changeShowCharedButton = (show) => {
+    setShowShareButton(show)
+    if (show && window.a2a) {
+      window.a2a.init()
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          updateShowValue={changeShowCharedButton}
+          showShareButton={showShareButton}
+          urlToShare={urlToShare}
+        />
+      )}
+    </>
+  )
+}
+
+ProductShare.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Business slug
+   */
+  slug: PropTypes.string,
+  /**
+   * product category id
+   */
+  categoryId: PropTypes.number,
+  /**
+   * product id
+   */
+  productId: PropTypes.number,
+  /**
+   * Components types before business type filter
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after business type filter
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before business type filter
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element)
+  /**
+   * Elements after business type filter
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+}
+
+ProductShare.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}